/*
====================================================

VAFFANGUSTO®
FOOTER PREMIUM CSS
VERSION 1.2

LAYOUT + TYPOGRAPHIE FOOTER
COULEURS FOOTER
IDENTITÉ PREMIUM

====================================================
*/


/* =====================================================
   FOOTER GLOBAL
=====================================================
*/

.site-footer,
footer#colophon {

    background:#111111!important;

    color:#F6EFE4;

    position:relative;

    z-index:2;

    border-top:1px solid rgba(246,239,228,.12);

    box-shadow:
    0 -8px 25px rgba(0,0,0,.25);

}



/* =====================================================
   BANDE IDENTITÉ VERTE & CRÈME
   Rappel logo / univers italien
=====================================================
*/


footer#colophon::before {

    content:"";

    display:block;

    height:10px;

    width:100%;

    background:
    repeating-linear-gradient(
        90deg,
        #027B34 0,
        #027B34 30px,
        #F6EFE4 30px,
        #F6EFE4 60px
    );

}



/* =====================================================
   ZONES FOOTER ASTRA
=====================================================
*/


.site-footer .site-above-footer-wrap,
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap,
.site-footer .ast-builder-grid-row-container,
.site-footer .ast-builder-grid-row-container-inner {

    background:#111111!important;

}



/* =====================================================
   TEXTE
=====================================================
*/


.site-footer p {

    color:#F6EFE4!important;

    line-height:1.7;

    margin-bottom:12px;

}



.site-footer small {

    color:#F6EFE4;

}



/* =====================================================
   TITRES COLONNES
=====================================================
*/


.site-footer h3,
.site-footer .widget-title {

    color:#F6EFE4!important;

    font-family:'Poppins',Arial,sans-serif;

    font-weight:700;

    margin-bottom:18px;

}



/* =====================================================
   LIENS
=====================================================
*/


.site-footer a {

    color:#F6EFE4!important;

    text-decoration:none;

    transition:.3s ease;

}



.site-footer a:hover {

    color:#C63D2F!important;

}



/* =====================================================
   MENUS FOOTER
=====================================================
*/


.footer-links {

    list-style:none;

    padding:0;

    margin:0;

}



.footer-links li {

    margin-bottom:10px;

}



/* =====================================================
   BLOC COMMANDER
=====================================================
*/


.footer-order-link {

    font-weight:700;

}



.footer-order-link:hover {

    text-decoration:underline;

}



/* =====================================================
   ENGAGEMENTS
=====================================================
*/


.footer-engagements {

    text-align:center;

    padding:20px 0;

    line-height:1.8;

}



.footer-engagements small {

    font-size:13px;

}



/* =====================================================
   PIED INFÉRIEUR
=====================================================
*/


.footer-bottom-content {

    text-align:center;

}



.footer-bottom-content p {

    margin-bottom:10px;

}



/* =====================================================
   LIENS LÉGAUX HORIZONTAUX
=====================================================
*/


.footer-legal {

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:nowrap;

    gap:8px;

    white-space:nowrap;

}



.footer-legal a {

    display:inline-flex!important;

    width:auto!important;

    white-space:nowrap;

    flex-shrink:0;

}



.footer-legal span {

    display:inline-flex;

    flex-shrink:0;

}



/* =====================================================
   SÉPARATION
=====================================================
*/


.footer-bottom-content hr {

    width:80px;

    margin:22px auto;

    border-color:rgba(246,239,228,.25);

}



/* =====================================================
   ORION DESIGN
=====================================================
*/


.footer-orion {

    text-align:center;

    margin-top:12px;

    white-space:nowrap;

}



.footer-orion a {

    font-weight:700;

}



.footer-orion a:hover {

    text-decoration:underline;

}



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


@media(max-width:921px){


    .footer-engagements {

        padding:20px 10px;

        line-height:1.8;

    }

}



@media(max-width:544px){


    .site-footer h3 {

        margin-bottom:14px;

    }



    .site-footer p {

        line-height:1.6;

    }



    .footer-legal {

        flex-wrap:wrap;

        white-space:normal;

    }

}


/*
====================================================
FIN FOOTER PREMIUM VAFFANGUSTO®
====================================================
*/
/* VFG — FOOTER — CHARBON PREMIUM + HALO */
.site-footer,
footer#colophon {
    background:
        radial-gradient(
            circle at 50% 38%,
            rgba(255,255,255,.06) 0%,
            rgba(255,255,255,.02) 38%,
            transparent 65%
        ),
        linear-gradient(
            to bottom,
            #191919 0%,
            #242424 20%,
            #242424 80%,
            #191919 100%
        ) !important;
}


/* VFG — TEST CHARBON FOOTER — WRAPPERS */
.site-footer .site-above-footer-wrap,
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap,
.site-footer .ast-builder-grid-row-container,
.site-footer .ast-builder-grid-row-container-inner {
    background: transparent !important;
}

.site-footer,
footer#colophon {
    background:
        radial-gradient(
            circle at 50% 38%,
            rgba(255,255,255,.06) 0%,
            rgba(255,255,255,.02) 38%,
            transparent 65%
        ),
        linear-gradient(
            to bottom,
            #191919 0%,
            #242424 20%,
            #242424 80%,
            #191919 100%
        ) !important;
}


/* VFG — FOOTER — CHARBON SOMBRE */
.site-footer,
footer#colophon {
    background: #181818 !important;
}


/* VFG — FOOTER — CHARBON SOMBRE + HALO VISIBLE */
.site-footer,
footer#colophon {
    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(255,255,255,.09) 0%,
            rgba(255,255,255,.035) 35%,
            transparent 68%
        ),
        linear-gradient(
            to bottom,
            #141414 0%,
            #222222 28%,
            #222222 72%,
            #141414 100%
        ) !important;
}


/* VFG — BANDE IDENTITAIRE — SIGNATURE BASSE */
footer#colophon::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin: 0;
    z-index: 3;
}


/* VFG — SUPPRESSION DE LA LIGNE SUPÉRIEURE DU FOOTER */
.site-footer,
footer#colophon {
    border-top: none !important;
}


/* VFG — TRANSITION FOOTER SANS LIGNE SUPÉRIEURE */
.site-footer,
footer#colophon {
    border-top: none !important;
    box-shadow: none !important;
}


/* VFG — TEST : SUPPRESSION DES BORDURES SUPÉRIEURES INTERNES */
.site-footer .site-above-footer-wrap,
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap,
.site-footer .ast-builder-grid-row-container,
.site-footer .ast-builder-grid-row-container-inner {
    border-top: none !important;
}


/* VFG — FOOTER — OMBRE SUPÉRIEURE SUBTILE */
.site-footer,
footer#colophon {
    box-shadow: 0 -4px 12px rgba(0,0,0,.22) !important;
}