/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*STYLE BLOG IN HOMEPAGE*/
.link-text{
	color: #EB0010!important;
	text-decoration: none!important;
	font-weight: 500!important;
}
.link-text:hover{
	color: #EB0010!important;
}
.blog-posts-by-brand p,
.blog-exerpt{
	color: #121212!important;
	font-family: "Quicksand", sans-serif!important;
}

.blog-row{
	display: flex;
	flex-direction: column;
}
.blog-col{
	width: 100%;
	margin-bottom:20px;	
	position:relative;	
}

.blog-img {
	width:100%;
	height:auto;	
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-col:hover .blog-img{
	transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);	
}



.blog-title{
	margin-bottom: .6rem;
	font-family: "Roboto", sans-serif;
	font-size: 17px;
	line-height: 1.5;
	color: #121212;
	font-weight: 600;
}
.blog-link{
	text-decoration:none!important;
	color: #121212!important;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.blog-title .blog-link:hover{
	color: #EB0010!important;
}

.blog-date{
	
}
.blog-exerpt{
	margin-top:8px;
}

/*FORM FOCUS*/
input:focus,
select:focus,
textarea:focus {
    outline: -webkit-focus-ring-color auto 1px!important;
}

@media (min-width: 768px){
	
	.blog-row{
		flex-direction: row;
	}
	.blog-col{
		width: 33.33%;
		margin-left: 10px;
	}
}

/*filtri*/
.wc-cat-accordion {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wc-cat-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.wc-cat-top > a {
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
}

.wc-cat-top.active > a {
    color: #c00; /* rosso per categoria attiva */
}

.wc-subcats {
    list-style: none;
    padding-left: 15px;
    margin-top: 8px;
}

.wc-subcat-item a {
    text-decoration: none;
    color: #555;
    display: block;
    padding: 4px 0;
}

.wc-subcat-item.active > a {
    color: #c00;
    font-weight: 700;
}

/* Nasconde lvl2 di default */
/* --- Livello 2 nascosto di default --- */
/* --- Livello 2 nascosto di default --- */
.wc-subcats.lvl2 {
  display: none;
  padding-left: 15px;
  margin-top: 4px;
}

/* --- Link lvl1 con freccia --- */
.wc-subcat-item.lvl1-item > a {
  position: relative;
  padding-right: 20px;
}

.wc-subcat-item.lvl1-item > a::after {
  content: "▸";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
  font-weight: bold;
}

/* --- Hover desktop: mostra submenu --- */
@media (hover: hover) {
  .wc-subcat-item.lvl1-item:hover > .wc-subcats.lvl2 {
    display: block;
  }
  .wc-subcat-item.lvl1-item:hover > a::after {
    transform: translateY(-50%) rotate(90deg);
  }
}

/* --- Link lvl2 --- */
.wc-subcats.lvl2 li a {
  display: block;
  padding: 4px 0;
  color: #555;
  text-decoration: none;
}

.wc-subcats.lvl2 li a:hover {
  color: #c00;
  font-weight: 700;
}

/* --- Mantieni aperto il sottomenu se contiene link attivo --- */
.wc-subcat-item.lvl1-item:has(.wc-subcats.lvl2 .current-menu-item),
.wc-subcat-item.lvl1-item:has(.wc-subcats.lvl2 .current-cat) {
  /* mostra il sottomenu */
}

.wc-subcat-item.lvl1-item:has(.wc-subcats.lvl2 .current-menu-item) > .wc-subcats.lvl2,
.wc-subcat-item.lvl1-item:has(.wc-subcats.lvl2 .current-cat) > .wc-subcats.lvl2 {
  display: block;
}

/* --- Freccia aperta se contiene link attivo --- */
.wc-subcat-item.lvl1-item:has(.wc-subcats.lvl2 .current-menu-item) > a::after,
.wc-subcat-item.lvl1-item:has(.wc-subcats.lvl2 .current-cat) > a::after {
  transform: translateY(-50%) rotate(90deg);
}