/* ===================================================
   PROBIO361 – MASTER CSS SANIFICATO v2.1 (RESTORED)
   =================================================== */
/* ===================================================
          VERSIONE IN OPERA SU KINSTA !!!     
   =================================================== */          

:root {
    --pb-green-deep: #0f3d2b;
    --pb-green-light: #1b7c5a;
    --pb-green-pale: #90a99a;
    --pb-white-panna: #F9F9F9;
    --pb-content-bg: #eaf6ef;
    /* --pb-bg-leaf: url("https://probio361.it/wp-content/uploads/2022/01/hero-image_optimized.webp"); */
    --pb-bg-leaf: url("/wp-content/uploads/2022/01/hero-image_optimized.webp");
}

/* Foglia opacizzata solo su pagine normali (NON home, NON WooCommerce) */

body:not(.home):not(.woocommerce):not(.woocommerce-page)::before { 
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: var(--pb-bg-leaf);
    background-size: cover;
    background-position: center;
    z-index: -2;
    opacity: 0.8; /* Opacità ridotta solo su pagine normali */
} 

/* Blocca lo sfondo foglia prima del footer */
footer#footer {
    background-color: var(--pb-green-pale) !important;
    background-image: none !important; /* Rimuove la foglia */
    position: relative;
    z-index: 10;
    padding-top: 60px;
}

/* Blocca ::before e ::after che potrebbero portare la foglia */
footer#footer::before,
footer#footer::after {
    background-image: none !important;
    display: none !important;
}


/* Allineamenti e linee Footer (Blu e Rosse dello screen 2) */
@media (min-width: 1025px) {
    .footer-main-cols { display: flex; gap: 0; }
    footer#footer .wp-block-column:not(:last-child) {
        border-right: 1px solid rgba(255,255,255,0.2);
        padding-right: 30px;
        margin-right: 30px;
    }
}

footer#footer .footer-row-icons, footer#footer .footer-row-main {
    position: relative;
    padding-bottom: 30px; margin-bottom: 30px;
}
footer#footer .footer-row-icons::after, footer#footer .footer-row-main::after {
    content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
}

/*   FOOTER*/
/* -----------------------------------------------------------
   2. HEADER & MENU (Punti 2 e 3)
----------------------------------------------------------- */
.ct-header {
    position: relative !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.ct-header .menu-item.current-menu-item > a,
.ct-header .menu-item.current_page_item > a {
    color: #88b419 !important;
    font-weight: 700;
}

.ct-header .menu-item > a:hover {
    color: #88b419 !important;
}

/* ----------------------13/01/2026---------12:22------Inizio------------------*/
/* impostazioni degli elementi del menu   */
/*                                         */

/* a 08 11.57 */
/* campo CARRELLO  */
/* Nascondi il prezzo del carrello (0,00 €) */
.ct-header-cart .ct-label[data-price="yes"] .ct-amount {
  display: none !important;
}

/* Aggiungi la scritta "Carrello" dopo l'icona */
.ct-header-cart .ct-label[data-price="yes"]::after {
  content: "CARRELLO";
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  margin-left: 8px;
}

/* Se la label è completamente nascosta, forzala a mostrare */
.ct-header-cart .ct-label {
  display: inline-block !important;
}

/* campo ACCEDI */
/* Mostra la scritta "ACCEDI" accanto all'icona account */
.ct-header-account .ct-label {
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin-left: 8px !important;
  text-transform: uppercase !important;
}

/* Assicurati che sia visibile su tutti i device */
@media (min-width: 1px) {
  .ct-header-account .ct-label {
    display: inline-block !important;
  }
}

/* Account label sempre su una riga, solo su desktop */
@media (min-width: 1025px) {
  .ct-account-label {
    white-space: nowrap;
  }
}

.ct-account-icon svg,
.ct-account-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ct-account {
  align-items: center;
}

/* Account stile Salugea */
/* .ct-header [data-id="account"] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
} */

.ct-account-label {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.ct-account-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* disponibili per controlli fini in futuro */
/* [data-header*="type-1"] .ct-header {
  padding-top: clamp(32px, 5vh, 64px);
  padding-bottom: clamp(32px, 5vh, 64px);
} */

/*  FINE ZONA header-menu-1 */
/* ----------------------13/01/2026---------12:22------Fine------------------*/


/* ===================================================
   SEZIONE OBIETTIVI
   =================================================== */

.section-obiettivi > .wp-block-greenshift-blocks-column {
  background: linear-gradient(135deg, var(--pb-obiet-background_1), var(--pb-obiet-background_2));
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.section-obiettivi .obiettivi-intro-wrapper {
  max-width: 120ch;
  margin: 0 auto;
  text-align: center;
  text-wrap: true;
}

.section-obiettivi .obiettivi-intro-wrapper > * {
  margin-left: auto;
  margin-right: auto;
}

.section-obiettivi .obiettivi-intro-wrapper h2,
.section-obiettivi .obiettivi-intro-wrapper .wp-block-heading {
  margin-bottom: 1.25rem;
  color: var(--pb-obiet-title-a) !important;
}

.section-obiettivi .txtAdv-EyeBrow {
  font-size: 0.9rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  text-align: center;
}

.section-obiettivi .obiettivi-intro-wrapper .txtOcchiello {
  background: transparent;
  max-width: 250ch;
  margin: 0 auto;
  font-size: 1.3rem !important;
  line-height: 1.6;
  background-color: transparent;
  color: var(--pb-obiet-testi);
}

/* INIZIO SEZIONE CARD */

/* wrapper card obiettivi */
.section-obiettivi .cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: clamp(1.5rem, 2.5vw, 2.5rem);
  max-width: 1200px;
  margin: 2.5rem auto 0;
}

/* singola card - FIX PRINCIPALE */
.section-obiettivi .obiettivo-card {
  /* Layout interno verticale (icona > titolo > testo) */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  
  /* Distribuzione orizzontale nel wrapper - QUESTA ERA LA RIGA MANCANTE */
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  
  min-height: 420px;
  padding: clamp(1.8rem, 2.5vw, 2.4rem);
  border-radius: 18px;
  
  background: rgba(20, 80, 45, 0.85);
  backdrop-filter: blur(6px);
  
  box-shadow:
    0 10px 30px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.08);
    
  transition: 
    transform .35s ease,
    box-shadow .35s ease;
}

.section-obiettivi .obiettivo-card:hover {
  transform: translateY(-10px);
  box-shadow:
    0 30px 60px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.12);
}

/* tipografia card */
.obiettivo-card .wp-block-heading {
  font-weight: 700;
  margin-bottom: .8rem;
}

.obiettivo-card p {
  line-height: 1.65;
  opacity: .9;
  color: var(--pb-obiet-testi);
  padding: 0 1rem; /* FIX: dà respiro al testo dai bordi */
}

.obiettivo-card H3 {
  color: #09ec91;
}

/* varianti colore per tipo */
.obiettivo-card--alimentazione .wp-block-heading { color: #c9f5a6; }
.obiettivo-card--integrazione .wp-block-heading { color: #bde6ff; }
.obiettivo-card--divulgazione .wp-block-heading { color: #e6d9ff; }

/* video obiettivi */
.section-obiettivi .video-desktop-only {
  max-width: min(1800px, 95vw);
  margin: 3rem auto 0;
  padding: 0 3vw;
}

.section-obiettivi .video-desktop-only .gs-video,
.section-obiettivi .video-desktop-only video,
.section-obiettivi .video-desktop-only iframe {
  width: 100%;
  height: auto;
  display: block;
}

.section-obiettivi {
  padding-bottom: clamp(2rem, 4vh, 3rem);
}

.sectadv-sapevi-che {
  padding-top: clamp(2rem, 4vh, 3rem);
}

/* Responsive tablet: 2 colonne */
@media (max-width: 1024px) {
  .section-obiettivi .obiettivo-card {
    flex: 1 1 calc(50% - 2rem);
  }
}

/* Responsive mobile: 1 colonna */
@media (max-width: 768px) {
  .section-obiettivi .obiettivo-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* ===================================================
   FINE SEZIONE "OBIETTIVI"
   =================================================== */

/* ----------------------------------------------------------- 
   4. CARD PILASTRI (Punto 5) 
   ----------------------------------------------------------- */

.wrapper-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 3rem);
  justify-content: space-between;
  align-items: flex-start;
  color: var(--pb-obiet-testi);
}

.card-staggered {
  /* Layout flex per 4 card in riga */
  flex: 1 1 calc(25% - 2.5rem);  /* Sottrai il gap */
  min-width: 220px;  /* Ridotto da 250px */
  max-width: 320px;  /* Aggiungi un max per evitare card troppo larghe */

  
  /* Stili esistenti */
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
  padding: 2rem;
  transition: all 0.4s ease;
}

.card-staggered:hover {
  background: rgba(255,255,255,0.15) !important;
  border-color: #88b419 !important;
  transform: translateY(-30px) !important;
}


/* -----------------------------------------------------------
   6. LO SAPEVI CHE SLIDER (Punto 7)
----------------------------------------------------------- */
.sectadv-sapevi-che {
    margin-bottom: 5rem !important;
}

.lsq-card {
    background: rgba(255, 255, 255, 0.85) !important;
    border-radius: 20px;
    padding: 2.5rem;
    border: 1px solid var(--pb-content-border);
    color: var(--pb-content-text);
    box-shadow: 0 14px 34px rgba(15,47,35,0.1);
}

.lsq-card h3 { color: var(--pb-green-deep) !important; }
.lsq-card p { color: #444 !important; }

.lsq-badge {
    background: rgba(27,124,90,0.1);
    color: var(--pb-green-light);
    border-radius: 999px;
    padding: 4px 12px;
}

/* ===================================================
                SEZIONE WOOCOMMERCE
   =================================================== */

/* HEADER WOOCOMMERCE – SFONDO FOGLIA */
/*  body.woocommerce .ct-header,
body.woocommerce-page .ct-header {
    background-image: url("/wp-content/uploads/2022/01/hero-image_optimized.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
} */

/* Overlay gradiente verde sopra la foglia - RIATTIVA QUESTO */
/* body.woocommerce .ct-header::before,
body.woocommerce-page .ct-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    
    background: linear-gradient(
        135deg,
        rgba(15, 61, 43, 0.75) 0%,
        rgba(27, 124, 90, 0.70) 50%,
        rgba(144, 169, 154, 0.65) 100%
    ) !important;
    
    backdrop-filter: blur(8px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
} */

/* ===================================================
   SFONDO FOGLIA: HOME + PAGINE NORMALI + WOOCOMMERCE
   =================================================== */

/* Home: foglia piena al 100% */
body.home::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: var(--pb-bg-leaf);
    background-size: cover;
    background-position: center;
    z-index: -2;
    opacity: 1 !important;
}

/* Pagine normali (non home, non WooCommerce): foglia opacizzata */
body:not(.home):not(.woocommerce):not(.woocommerce-page)::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: var(--pb-bg-leaf);
    background-size: cover;
    background-position: center;
    z-index: -2;
    opacity: 0.8;
}

/* Pagine WooCommerce: foglia opacizzata */
body.woocommerce::before,
body.woocommerce-page::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: var(--pb-bg-leaf);
    background-size: cover;
    background-position: center;
    z-index: -2;
    opacity: 0.8;
}

/* Contenuti header sopra tutto */
body.woocommerce .ct-header > *,
body.woocommerce-page .ct-header > * {
    position: relative;
    z-index: 2;
}

/* ===================================================
   TESTO RISULTATI WOOCOMMERCE (CONTRASTO)
   =================================================== */

/* Testo "Visualizzazione di X-Y di Z risultati" */
.woocommerce-result-count {
    color: #0f3d2b !important;
    font-weight: 600 !important;
    background: rgba(255, 255, 255, 0.7) !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    display: inline-block !important;
}

/* Ordinamento select */
.woocommerce-ordering select {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #0f3d2b !important;
    border: 1px solid #1b7c5a !important;
}




/* ===================================================
   HEADER: carrello e account con loro icone
   =================================================== */

/* FORZA ALLINEAMENTO ORIZZONTALE HEADER */
.ct-header-items[data-id="right"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Centra verticalmente */
    justify-content: flex-end !important;
    gap: 20px !important;
}

/* Allinea l'icona account e il carrello */
.ct-header-account, .ct-header-cart {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}
/* RIPRISTINO ETICHETTE HEADER ACCEDI E CARRELLO */
.ct-account-item .ct-label, 
.ct-cart-item .ct-label {
    display: inline-block !important; /* Forza la visualizzazione del testo */
    visibility: visible !important;
    margin-left: 8px !important; /* Distanza dall'icona */
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700;
}

/* Assicura che il contenitore non le schiacci */
.ct-header-items[data-id="right"] {
    min-width: 250px !important; /* Dai spazio sufficiente alle scritte */
}

/* ALLINEAMENTO PRECISO HEADER: ACCOUNT E CARRELLO */

/* 1. Spazio di 30px tra Account e l'inizio del gruppo Carrello */
.ct-header-items[data-id="right"] {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important; /* Separazione richiesta tra i due oggetti */
}

/* 2. Configurazione interna del Carrello: Cifra -> Testo -> Icona */
.ct-cart-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* Forza la visibilità della scritta CARRELLO e della cifra */
.ct-cart-item .ct-label {
    display: inline-block !important;
    visibility: visible !important;
    order: 1 !important; /* Mette cifra e testo per primi */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 5px; /* Piccolo spazio prima dell'icona carrello */
}

/* Aggiunge manualmente la parola "CARRELLO" se Blocksy la nasconde */
.ct-cart-item .ct-label:after {
    content: " CARRELLO" !important;
}

/* Sposta l'icona del carrello a destra di tutto */
.ct-cart-item .ct-icon-container {
    order: 2 !important;
    margin-left: 5px;
}

/* 3. Assicura che anche "ACCEDI" sia allineato correttamente */
.ct-account-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}
/* FIX FINALE HEADER: SEPARAZIONE 30PX (1.875rem) */
.ct-header-account {
    margin-right: 1.875rem !important; /* Spazio tra Account e Carrello */
}

.ct-header-items[data-id="right"] {
    display: flex !important;
    align-items: center !important;
}

.ct-cart-item .ct-label {
    order: 1 !important;
    margin-right: 8px !important;
    display: inline-block !important;
    visibility: visible !important;
}

.ct-cart-item .ct-icon-container {
    order: 2 !important;
}

/* RIMUOVI CIFRA PREZZO (0,00 €) DAL CARRELLO */
.ct-cart-item .ct-label .ct-amount,
.ct-header-cart .ct-amount {
    display: none !important;
}

/* ASSICURATI CHE CARRELLO SIA VISIBILE E BEN FORMATTATO */
.ct-cart-item .ct-label::after,
.ct-header-cart .ct-label::after {
    content: "CARRELLO" !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    color: #ffffff !important;
}

/* Allineamento spaziale corretto */
.ct-header-cart {
    display: flex !important;
    align-items: center !important;
}


/* ===================================================
BOX SPEDIZIONE GRATUITA - PRODOTTI
=================================================== */
/* ===================================================
   COLORI TESTO PAGINE WOOCOMMERCE (VERDE SCURO)
   =================================================== */

/* Testo generale pagine WooCommerce */
body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product,
body.tax-product_cat {
    color: #0f3d2b !important;
}

/* Titoli e heading */
body.woocommerce h1,
body.woocommerce h2,
body.woocommerce h3,
body.woocommerce-page h1,
body.woocommerce-page h2 {
    color: #0f3d2b !important;
}

/* Breadcrumb */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: #0f3d2b !important;
}

/* Testo prodotti in archivio/catalogo */
.woocommerce .product .woocommerce-loop-product__title,
.woocommerce .product .price {
    color: #0f3d2b !important;
}

/* ===================================================
   BADGE "FORMULAZIONE ESCLUSIVA" (tra titolo e prezzo)
   =================================================== */

.probio-badge {
    /* Layout inline tra titolo e prezzo */
    display: inline-block !important;
    position: relative !important;
    
    /* Gradiente verde elegante */
    background: linear-gradient(135deg, #0f3d2b 0%, #1b7c5a 50%, #88b419 100%) !important;
    
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 50px !important;
    
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    
    margin: 0.5rem 0 1rem 0 !important;
    
    box-shadow: 
        0 4px 15px rgba(15, 61, 43, 0.4),
        0 0 0 2px rgba(255, 255, 255, 0.2) !important;
    
    transition: all 0.3s ease !important;
    animation: badgePulse 2s ease-in-out infinite !important;
}

/* Animazione pulsante */
@keyframes badgePulse {
    0%, 100% { 
        transform: scale(1); 
        box-shadow: 0 4px 15px rgba(15, 61, 43, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.2);
    }
    50% { 
        transform: scale(1.05); 
        box-shadow: 0 6px 25px rgba(15, 61, 43, 0.6), 0 0 0 3px rgba(255, 255, 255, 0.3);
    }
}

/* Hover sul badge */
.probio-badge:hover {
    transform: scale(1.1) !important;
    box-shadow: 
        0 8px 30px rgba(15, 61, 43, 0.6),
        0 0 0 4px rgba(255, 255, 255, 0.3) !important;
    animation: none !important;
}

/* Testo interno badge */
.probio-badge span {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}



/* ===================================================
   PAGINA PRODOTTO: TESTO VERDE SCURO + BULLET ROSSI
   =================================================== */

/* Testo descrizione prodotto: verde scuro */
.single-product .entry-summary,
.single-product .woocommerce-product-details__short-description,
.single-product .product_meta,
.single-product .entry-summary p {
    color: #0f3d2b !important;
}

/* Titolo prodotto */
.single-product .product-title,
.single-product .entry-summary h1 {
    color: #0f3d2b !important;
}

/* LISTA PUNTATA: Pallini rossi */
.single-product .entry-summary ul li,
.single-product .woocommerce-product-details__short-description ul li {
    color: #0f3d2b !important;
    list-style: none !important;
    position: relative !important;
    padding-left: 1.5em !important;
    margin-bottom: 0.5em !important;
}

/* Bullet rosso personalizzato */
.single-product .entry-summary ul li::before,
.single-product .woocommerce-product-details__short-description ul li::before {
    content: "●" !important;
    color: #c9302c !important;
    font-size: 1.2em !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    line-height: 1.4 !important;
}


/*================= 13/01/2025 ==============04:09===================FINE======================*/
/* ===================================================
   DISTANZA SEZIONI & RESTAURO ESTETICO
   =================================================== */

.sectadv-sapevi-che { margin-bottom: 12.5rem !important; }
.section-mission { margin-top: 12.5rem !important; }

.section-obiettivi, .section-obiettivi h2, .section-obiettivi .txtOcchiello {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


------------------------inserito il 15/01/2025---------------18:58-----------Inizio-------------------
/* ===================================================
   ICONA ZOOM IMMAGINE PRODOTTO (PALLINO BIANCO)
   =================================================== */
/* 2. ICONA ZOOM LEGGIBILE */
.woocommerce-product-gallery__trigger,
.ct-lightbox-trigger,
.product-gallery button[aria-label*="zoom"],
.woocommerce-product-gallery button {
    background: rgba(15, 61, 43, 0.9) !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.woocommerce-product-gallery__trigger:hover {
    background: #88b419 !important;
    transform: scale(1.15) !important;
}

.woocommerce-product-gallery__trigger svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* ===================================================
   HEADER WOOCOMMERCE: SFONDO FOGLIA + GRADIENTE
   =================================================== */

/* Sfondo foglia su header WooCommerce */
body.woocommerce .ct-header,
body.woocommerce-page .ct-header {
    background-image: var(--pb-bg-leaf) !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
}

/* Overlay gradiente verde sopra la foglia */
 /* body.woocommerce .ct-header::before,
body.woocommerce-page .ct-header::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    
    background: linear-gradient(
        135deg,
        rgba(15, 61, 43, 0.85) 0%,
        rgba(27, 124, 90, 0.80) 50%,
        rgba(144, 169, 154, 0.75) 100%
    ) !important;
    
    backdrop-filter: blur(10px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
} */

/* Menu e contenuti sopra lo sfondo */
body.woocommerce .ct-header > *,
body.woocommerce-page .ct-header > * {
    position: relative !important;
    z-index: 2 !important;
}
------------------------inserito il 15/01/2025---------------18:58-----------Fine------------------- 

/* 1. BADGE FORMULAZIONE ESCLUSIVA */
/* ===================================================
   BOX SPEDIZIONE GRATUITA
   =================================================== */

.probio-free-shipping-box {
    /* Gradiente verde chiaro elegante */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(240, 250, 245, 0.95) 100%
    ) !important;
    
    border: 2px solid #88b419 !important;
    border-radius: 16px !important;
    padding: 1.25rem 1.75rem !important;
    margin: 1.5rem 0 !important;
    
    box-shadow: 
        0 8px 24px rgba(15, 61, 43, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    
    transition: all 0.3s ease !important;
}

/* Hover sul box */
.probio-free-shipping-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 12px 32px rgba(15, 61, 43, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border-color: #1b7c5a !important;
}

/* Icona camion SVG */
.probio-free-shipping-box svg {
    color: #88b419 !important;
    stroke: #88b419 !important;
    fill: none !important;
    flex-shrink: 0 !important;
    width: 28px !important;
    height: 28px !important;
    
    transition: transform 0.3s ease !important;
}

/* Animazione camion in hover */
.probio-free-shipping-box:hover svg {
    transform: translateX(6px) !important;
}

/* Testo "Spedizione gratuita" */
.probio-free-shipping-box span {
    color: #0f3d2b !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Soglia "per ordini superiori a 79€" */
.probio-free-shipping-box strong {
    color: #88b419 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

/* ===================================================
   RESPONSIVE MOBILE
   =================================================== */

@media (max-width: 768px) {
    /* Badge responsive */
    .probio-badge {
        font-size: 0.7rem !important;
        padding: 6px 12px !important;
    }
    
    /* Box spedizione verticale su mobile */
    .probio-free-shipping-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 1rem !important;
        gap: 8px !important;
    }
    
    .probio-free-shipping-box svg {
        width: 24px !important;
        height: 24px !important;
    }
}


/* 3. PULIZIA HEADER (CARRELLO) */
.ct-header-account { margin-right: 1.875rem !important; }
.ct-cart-item .ct-amount, .ct-header-cart .ct-amount { display: none !important; }
.ct-cart-item .ct-label::after {
    content: "CARRELLO" !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}


/* ===================================================
   BOX SPEDIZIONE GRATUITA - COMPLETO
   =================================================== */

.probio-free-shipping-box {
    /* Gradiente verde chiaro */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(240, 250, 245, 0.95) 100%
    ) !important;
    
    border: 2px solid #88b419 !important;
    border-radius: 16px !important;
    padding: 1.25rem 1.75rem !important;
    margin: 1.5rem 0 !important;
    
    box-shadow: 
        0 8px 24px rgba(15, 61, 43, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    
    transition: all 0.3s ease !important;
}

.probio-free-shipping-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 12px 32px rgba(15, 61, 43, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border-color: #1b7c5a !important;
}

/* Icona camion */
.probio-free-shipping-box svg {
    color: #88b419 !important;
    stroke: #88b419 !important;
    fill: none !important;
    flex-shrink: 0 !important;
    width: 28px !important;
    height: 28px !important;
    transition: transform 0.3s ease !important;
}

.probio-free-shipping-box:hover svg {
    transform: translateX(6px) !important;
}

/* Testo */
.probio-free-shipping-box span {
    color: #0f3d2b !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.probio-free-shipping-box strong {
    color: #88b419 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

/* ===================================================
   FIX SELECT PROVINCIA – CHECKOUT WOOCOMMERCE
   =================================================== */

/* Campo select chiuso */
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection {
    background-color: #eaf6ef !important;
    color: #0f3d2b !important;
    border: 1px solid #1b7c5a !important;
}

/* Dropdown aperto (option) – browser nativo */
.woocommerce-checkout select option {
    background-color: #ffffff !important;
    color: #0f3d2b !important;
}

/* Hover option (alcuni browser lo supportano) */
.woocommerce-checkout select option:hover,
.woocommerce-checkout select option:checked {
    background-color: #1b7c5a !important;
    color: #ffffff !important;
}

/* Select2 (se attivo) */
.select2-container--default .select2-results__option {
    background-color: #ffffff !important;
    color: #0f3d2b !important;
}

.select2-container--default 
.select2-results__option--highlighted {
    background-color: #1b7c5a !important;
    color: #ffffff !important;
}


/*  FOOTER FULL WIDTH (versione safe) */
footer#footer > .wp-block-greenshift-blocks-row,
footer#footer .ct-container {
    max-width: 100% !important;
    padding-left: 3vw !important;
    padding-right: 3vw !important;
}

.footer-row-cookies a {
  font-size: 0.85rem;
  opacity: 0.85;
}
.footer-row-cookies a:hover {
  opacity: 1;
  text-decoration: underline;
}