/*
 Theme Name:   Blocksy Child
 Theme URI:    https://example.com
 Description:  Tema child per Blocksy
 Author:       Il tuo nome
 Template:     blocksy
 Version:      1.0.0
*/

/* inizio woocommerce  ********************************************/
.woocommerce ul.products li.product {
    padding-bottom: 30px;
}

/* Zoom immagine al passaggio del mouse */
.woocommerce ul.products li.product {
    transition: transform 0.3s ease-in-out;
}

.woocommerce ul.products li.product:hover {
    transform: scale(1.05);
}


/* Giustifica il contenuto del testo prodotto su mobile */
@media only screen and (max-width: 768px) {
    .single-product .product .woocommerce-product-details__short-description,
    .single-product .product .woocommerce-Tabs-panel p {
        text-align: justify;
    }
}

/* Bordo grigio chiaro alle miniature dei prodotti in categoria/archivio */
.woocommerce ul.products li.product img {
    border: 1px solid #ddd;   /* bordo grigio chiaro */
    border-radius: 7px;       /* opzionale: angoli arrotondati */
    padding: 2px;             /* spazio tra immagine e bordo */
    box-sizing: border-box;   /* mantiene il layout corretto */
}

/* Al passaggio del mouse cambia colore bordo */
.woocommerce ul.products li.product img:hover {
    border-color: #ddd;       /* bordo più scuro */
}


/* configurazione pagina carrello*/

@media (min-width: 1024px) {
  .woocommerce-cart .site-main {
    min-height: 600px;   /* altezza minima */
    padding-top: 30px;   /* spazio sopra */
    padding-bottom: 30px; /* spazio sotto */
  }
}


/* Padding sopra e sotto al contenuto checkout */
.woocommerce-checkout .content-area,
.woocommerce-checkout .site-main,
.woocommerce-checkout .container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

* .hero-section {background-color:#FFFFFF !important;}


/* Bottone dinamico */
.wp-block-button__link.has-black-color.has-white-background-color {
    transition: all 0.3s ease; /* transizione dolce */
    position: relative; /* per eventuali pseudo-elementi */
}

/* Hover: invertiamo colori e facciamo leggero movimento */
.wp-block-button__link.has-black-color.has-white-background-color:hover {
    background-color: #000; /* sfondo nero */
    color: #fff;             /* testo bianco */
    transform: translateY(-3px) scale(1.05); /* leggero sollevamento + ingrandimento */
    box-shadow: 0 6px 15px rgba(0,0,0,0.2); /* ombra dinamica */
}

/* Optional: effetto "glow" con pseudo-elemento */
.wp-block-button__link.has-black-color.has-white-background-color::after {
    content: "";
    position: absolute;
    top: -5px; left: -5px; right: -5px; bottom: -5px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wp-block-button__link.has-black-color.has-white-background-color:hover::after {
    opacity: 1;
}

/* Bottone dinamico trasparente con bordo */
.wp-block-button__link.has-white-color.has-background.has-border-color {
    transition: all 0.3s ease; /* transizione dolce */
    position: relative;
}

/* Hover: sfondo bianco semi-trasparente, sollevamento e ombra */
.wp-block-button__link.has-white-color.has-background.has-border-color:hover {
    background-color: rgba(255, 255, 255, 0.1); /* leggero sfondo */
    color: #ffffff; /* testo bianco pieno */
    transform: translateY(-2px) scale(1.03); /* sollevamento e ingrandimento leggero */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* ombra dinamica */
}

/* Optional: effetto glow sul bordo */
.wp-block-button__link.has-white-color.has-background.has-border-color::after {
    content: "";
    position: absolute;
    top: -3px; left: -3px; right: -3px; bottom: -3px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255,255,255,0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wp-block-button__link.has-white-color.has-background.has-border-color:hover::after {
    opacity: 1;
}

.ct-breadcrumbs a , .ct-breadcrumbs a:hover {color:black;}

#main , .hero-section {background-color: #fefff5 !important;}

/* elimina il tasto svuota ... reset variations */
.reset_variations {color:transparent;}

#tipologia , #formato {border-color:#a67c52;}

.ct-breadcrumbs ,.ct-breadcrumbs a  { color:#3e1100 !important;}

li.product > h2 > a  { color:#3E1100 !important}
li.product > h3 > a  { color:#3E1100 !important}

/* fine woocommerce  ********************************************/

/* Miglioramenti Grafici Generali *******************************/
/* stile base */
#header-menu-1 .ct-menu-link {
  transition: transform 0.6s ease; /* durata e morbidezza animazione */
}

/* effetto al passaggio del mouse */
#header-menu-1 .ct-menu-link:hover {
  transform: scale(1.1); /* ingrandisce leggermente */
}

/* Effetto zoom sulle icone generali */
.ct-header-account .ct-icon,
.ct-header-cart .ct-icon-container svg {
  transition: transform 0.6s ease;
  transform-origin: center center; /* importante per zoom dal centro */
}

/* Hover sulle icone */
.elementor-social-icon-instagram:hover,
.elementor-social-icon-facebook:hover,
.ct-header-account:hover .ct-icon,
.ct-header-cart:hover .ct-icon-container svg {
  transform: scale(1.2);
}
/* Fine Miglioramenti Grafici Generali *******************************/