/* =================================================================
   LAYOUT COMUNE - CARTELLI.IT  (caricato da General.Master)
   Footer, menu laterali a comparsa e pulsanti dei pannelli laterali.
   Sostituisce gli stili del footer che prima erano scritti dentro
   General.Master. Stessi colori delle pagine rinnovate:
   verde #2e7d32 (testo bianco leggibile), grigio scuro #333333 al passaggio.
   ================================================================= */

/* -----------------------------------------------------------------
   1. FOOTER
   ----------------------------------------------------------------- */
#footer-verde-forzato {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-top: 40px;
    padding: 44px 25px 28px 25px;
    color: #ffffff;
    background-color: #2e7d32;
    box-sizing: border-box;
}

#footer-verde-forzato *,
#footer-verde-forzato *::before,
#footer-verde-forzato *::after {
    box-sizing: border-box;
}

#footer-verde-forzato .fv-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Quattro colonne: Contatti, Informazioni, Mappa del sito, Social */
#footer-verde-forzato .fv-grid {
    display: grid;
    grid-template-columns: 1.35fr 1.1fr 0.9fr 0.9fr;
    width: 100%;
}

#footer-verde-forzato .fv-col {
    padding: 0 24px;
    text-align: left;
}

#footer-verde-forzato .fv-col:first-child {
    padding-left: 0;
}

#footer-verde-forzato .fv-col.fv-border {
    border-right: 1px solid rgba(255, 255, 255, 0.35);
}

#footer-verde-forzato p,
#footer-verde-forzato span {
    display: block;
    margin: 0 0 6px 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff;
    text-align: left;
}

#footer-verde-forzato .fv-title {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Link dentro il testo (telefono, e-mail): sottolineati per riconoscerli */
#footer-verde-forzato p a {
    display: inline;
    font-size: inherit;
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Elenchi di link (Mappa del sito, Social): senza sottolineatura */
#footer-verde-forzato .fv-col:nth-child(n+3) p a {
    text-decoration: none;
}

#footer-verde-forzato a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#footer-verde-forzato p a:hover {
    text-decoration: none;
}

#footer-verde-forzato .fv-col:nth-child(n+3) p a:hover {
    text-decoration: underline;
}

#footer-verde-forzato a:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

#footer-verde-forzato .fv-divider {
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background-color: rgba(255, 255, 255, 0.3);
}

/* Riga in basso: metodi di pagamento e link legali */
#footer-verde-forzato .fv-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

#footer-verde-forzato .fv-payments {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

#footer-verde-forzato .fv-payments a {
    display: inline-flex;
}

#footer-verde-forzato .fv-payments img {
    display: block;
    width: auto;
    height: 40px;
    filter: brightness(0) invert(1);
}

#footer-verde-forzato .fv-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 22px;
}

#footer-verde-forzato .fv-legal a,
#footer-verde-forzato .fv-legal span {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    white-space: nowrap;
    text-decoration: none;
}

#footer-verde-forzato .fv-legal a:hover {
    text-decoration: underline;
}

/* Footer su tablet e telefono */
@media only screen and (max-width: 900px) {
    #footer-verde-forzato {
        padding: 32px 18px 26px 18px;
    }

    /* Contatti e Informazioni a tutta larghezza,
       Mappa del sito e Social affiancati per accorciare la pagina */
    #footer-verde-forzato .fv-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 26px 16px;
    }

    #footer-verde-forzato .fv-col,
    #footer-verde-forzato .fv-col.fv-border {
        padding: 0;
        border: 0;
    }

    #footer-verde-forzato .fv-col:nth-child(1),
    #footer-verde-forzato .fv-col:nth-child(2) {
        grid-column: 1 / -1;
    }

    #footer-verde-forzato p,
    #footer-verde-forzato span {
        margin-bottom: 4px;
        font-size: 15px;
    }

    #footer-verde-forzato .fv-title {
        margin-bottom: 10px;
    }

    /* Link degli elenchi piu' facili da toccare */
    #footer-verde-forzato .fv-col:nth-child(n+3) p a {
        display: inline-block;
        padding: 5px 0;
    }

    #footer-verde-forzato .fv-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    #footer-verde-forzato .fv-payments {
        gap: 12px;
    }

    #footer-verde-forzato .fv-payments img {
        height: 34px;
    }

    /* Link legali su due colonne */
    #footer-verde-forzato .fv-legal {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 2px 16px;
        width: 100%;
    }

    #footer-verde-forzato .fv-legal a {
        justify-self: start;
        padding: 6px 0;
        text-align: left;
        font-size: 15px;
        white-space: normal;
    }
}

/* -----------------------------------------------------------------
   2. MENU LATERALI A COMPARSA (sotto i 1400px)
   Velo scuro sul resto della pagina quando un menu e' aperto:
   toccandolo il menu si chiude (lo crea lo script in General.Master).
   ----------------------------------------------------------------- */
.cs-drawer-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99990; /* sopra la pagina, sotto i menu laterali e l'intestazione (99999) */
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
}

.cs-drawer-overlay[hidden] {
    display: none;
}

@media only screen and (min-width: 1400px) {
    .cs-drawer-overlay {
        display: none !important;
    }
}

/* -----------------------------------------------------------------
   3. PULSANTI DEI PANNELLI LATERALI (Log-in e Carrello)
   Verde scuro al posto del verde chiaro: testo bianco leggibile.
   NB: LoginPanel.ascx ricarica /stile.css dentro la pagina, dopo questo
   file: per questo le regole partono da #sidebarDx (piu' specifiche),
   cosi' vincono comunque. Al passaggio del mouse: grigio scuro.
   ----------------------------------------------------------------- */
#sidebarDx #login-section .box .boxtext input:last-of-type,
#sidebarDx #carrello-asp-wrapper .bottone {
    background-color: #2e7d32;
}

#sidebarDx #login-section .box .boxtext input:last-of-type:hover,
#sidebarDx #carrello-asp-wrapper .bottone:hover {
    background-color: #333333;
}