/* Vlemmix Suite 9.3.1 — uniforme footer
   Referentie: de footer zoals gebruikt op Locaties & Openingstijden.
   Alleen footer-presentatie; geen header/content/checkout-layout. */

:root{
 --vmx-footer-top:#711014;
 --vmx-footer-mid:#4b090c;
 --vmx-footer-bottom:#210506;
 --vmx-footer-text:#efe4dc;
 --vmx-footer-muted:#d6c3b8;
 --vmx-footer-accent:#e1b548;
}

/* Dezelfde buitenlaag op ieder normaal frontend-paginatype. */
#page-footer.l-footer,
footer.l-footer,
.l-footer{
 background:
   radial-gradient(circle at 50% 0,rgba(145,25,25,.26),transparent 42%),
   linear-gradient(180deg,var(--vmx-footer-top) 0%,var(--vmx-footer-mid) 34%,var(--vmx-footer-bottom) 100%)!important;
 color:var(--vmx-footer-text)!important;
}

/* Impreza-footersections mogen nooit een pagina-achtergrond overnemen. */
#page-footer.l-footer > .l-section,
#page-footer.l-footer .l-section,
footer.l-footer > .l-section,
footer.l-footer .l-section,
.l-footer > .l-section,
.l-footer .l-section{
 background:transparent!important;
 color:var(--vmx-footer-text)!important;
}

/* Behoud de bestaande footerbuilder, maar houd de breedte/centrering gelijk. */
#page-footer.l-footer .l-section-h,
footer.l-footer .l-section-h,
.l-footer .l-section-h{
 width:min(100% - 48px,1380px)!important;
 max-width:1380px!important;
 margin-left:auto!important;
 margin-right:auto!important;
 box-sizing:border-box!important;
}

/* Footer typografie overal identiek. */
#page-footer.l-footer h1,
#page-footer.l-footer h2,
#page-footer.l-footer h3,
#page-footer.l-footer h4,
#page-footer.l-footer h5,
#page-footer.l-footer h6,
footer.l-footer h1,
footer.l-footer h2,
footer.l-footer h3,
footer.l-footer h4,
footer.l-footer h5,
footer.l-footer h6,
.l-footer h1,
.l-footer h2,
.l-footer h3,
.l-footer h4,
.l-footer h5,
.l-footer h6{
 color:var(--vmx-footer-text)!important;
}

#page-footer.l-footer p,
#page-footer.l-footer li,
#page-footer.l-footer span,
#page-footer.l-footer address,
footer.l-footer p,
footer.l-footer li,
footer.l-footer span,
footer.l-footer address,
.l-footer p,
.l-footer li,
.l-footer span,
.l-footer address{
 color:var(--vmx-footer-muted)!important;
}

/* Links zoals in de referentiefooter: rustig crème, geen browserblauw. */
#page-footer.l-footer a,
footer.l-footer a,
.l-footer a{
 color:var(--vmx-footer-text)!important;
 text-decoration:none!important;
 transition:color .18s ease,opacity .18s ease!important;
}
#page-footer.l-footer a:hover,
footer.l-footer a:hover,
.l-footer a:hover{
 color:var(--vmx-footer-accent)!important;
 opacity:1!important;
}

/* Geen pagina-specifieke borders/kaarten/shadows laten lekken naar footer-elementen. */
body.vlemmix-content-page #page-footer.l-footer .wpb_text_column,
body.vlemmix-content-page #page-footer.l-footer .wpb_wrapper,
body.vlemmix-content-page footer.l-footer .wpb_text_column,
body.vlemmix-content-page footer.l-footer .wpb_wrapper{
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
}

/* Iconen (Facebook e.d.) dezelfde lichte uitstraling houden. */
#page-footer.l-footer i,
#page-footer.l-footer .w-iconbox-icon,
footer.l-footer i,
footer.l-footer .w-iconbox-icon,
.l-footer i,
.l-footer .w-iconbox-icon{
 color:var(--vmx-footer-text)!important;
}

/* Laat bestaande verborgen speciale schermen met rust:
   we wijzigen bewust geen display/visibility/position van de footer. */

@media(max-width:900px){
 #page-footer.l-footer .l-section-h,
 footer.l-footer .l-section-h,
 .l-footer .l-section-h{
  width:min(100% - 32px,1380px)!important;
 }
}

@media(max-width:600px){
 #page-footer.l-footer .l-section-h,
 footer.l-footer .l-section-h,
 .l-footer .l-section-h{
  width:min(100% - 24px,1380px)!important;
 }
}


/* v9.3.2 — klantenpas-/onderste footerlaag overal exact dezelfde achtergrond.
   Ook inner rows/sections/columns krijgen geen eigen pagina- of theme-achtergrond. */
#page-footer.l-footer,
#page-footer.l-footer .l-section,
#page-footer.l-footer .l-section-h,
#page-footer.l-footer .g-cols,
#page-footer.l-footer .vc_row,
#page-footer.l-footer .vc_column_container,
#page-footer.l-footer .vc_column-inner,
#page-footer.l-footer .wpb_wrapper,
footer.l-footer,
footer.l-footer .l-section,
footer.l-footer .l-section-h,
footer.l-footer .g-cols,
footer.l-footer .vc_row,
footer.l-footer .vc_column_container,
footer.l-footer .vc_column-inner,
footer.l-footer .wpb_wrapper {
    background-color: transparent !important;
}

/* De gradient staat uitsluitend op de footer-root, zodat ook het klantenpasdeel
   één doorlopende achtergrond vormt en nergens een andere sectiekleur zichtbaar wordt. */
#page-footer.l-footer,
footer.l-footer {
    background-color: var(--vmx-footer-bottom) !important;
    background-image:
      radial-gradient(circle at 50% 0,rgba(145,25,25,.26),transparent 42%),
      linear-gradient(180deg,var(--vmx-footer-top) 0%,var(--vmx-footer-mid) 34%,var(--vmx-footer-bottom) 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

/* Impreza kan de onderste footer-row via inline/sectionkleur vullen. */
#page-footer.l-footer [class*="footer"] .l-section,
#page-footer.l-footer .l-section:last-child,
footer.l-footer [class*="footer"] .l-section,
footer.l-footer .l-section:last-child {
    background: transparent !important;
}


/* v9.3.3 — klantenpasbalk wordt via wp_footer NA de Impreza-footer gerenderd.
   Geef daarom de wrapper zelf de footerondergrond, zodat de pagina-achtergrond
   (zoals het lichte vlak op de voorpagina) nooit meer zichtbaar wordt. */
.ftid-footer-pass-wrap{
    background:#210506!important;
    background-color:#210506!important;
    margin:0!important;
}

/* Zorg dat er ook rondom de compacte pasgroep geen theme-/pagina-oppervlak lekt. */
.ftid-footer-pass-wrap,
.ftid-footer-pass-wrap .ftid-footer-pass-group{
    box-sizing:border-box!important;
}


/* v11.0-beta8 — subtiele JK Web credit onderaan de Vlemmix-footer. */
.vmx-jkweb-footer-credit{
    width:100%;
    box-sizing:border-box;
    padding:8px 14px 13px;
    background:#210506;
    text-align:center;
    clear:both;
}
.vmx-jkweb-footer-credit a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:rgba(239,228,220,.62)!important;
    text-decoration:none!important;
    font-size:9px;
    font-weight:700;
    line-height:1;
    letter-spacing:.04em;
    transition:opacity .18s ease;
}
.vmx-jkweb-footer-credit a:hover{
    color:rgba(239,228,220,.82)!important;
    opacity:.9;
}
.vmx-jkweb-footer-credit a img{
    display:block!important;
    width:96px!important;
    height:auto!important;
    max-width:96px!important;
    max-height:26px!important;
    object-fit:contain!important;
    opacity:.78;
}
@media(max-width:480px){
    .vmx-jkweb-footer-credit{padding:7px 10px 11px}
    .vmx-jkweb-footer-credit a img{width:88px!important;max-width:88px!important;max-height:24px!important}
}


/* v12.23 — assortimentfooter gelijk aan de overige Vlemmix-pagina's.
   v12.22 bevatte per ongeluk letterlijke \n-tekens in het stylesheet, waardoor
   die correctie niet door de browser werd toegepast. */
body.vlemmix-assortiment-page #page-footer.l-footer .l-section,
body.vlemmix-assortiment-page #page-footer.l-footer .l-section-h,
body.vlemmix-assortiment-page #page-footer.l-footer .g-cols,
body.vlemmix-assortiment-page #page-footer.l-footer .vc_row,
body.vlemmix-assortiment-page #page-footer.l-footer .wpb_row,
body.vlemmix-assortiment-page #page-footer.l-footer .vc_column_container,
body.vlemmix-assortiment-page #page-footer.l-footer .vc_column-inner,
body.vlemmix-assortiment-page #page-footer.l-footer .wpb_text_column,
body.vlemmix-assortiment-page #page-footer.l-footer .wpb_wrapper,
body.vlemmix-assortiment-page footer.l-footer .l-section,
body.vlemmix-assortiment-page footer.l-footer .l-section-h,
body.vlemmix-assortiment-page footer.l-footer .g-cols,
body.vlemmix-assortiment-page footer.l-footer .vc_row,
body.vlemmix-assortiment-page footer.l-footer .wpb_row,
body.vlemmix-assortiment-page footer.l-footer .vc_column_container,
body.vlemmix-assortiment-page footer.l-footer .vc_column-inner,
body.vlemmix-assortiment-page footer.l-footer .wpb_text_column,
body.vlemmix-assortiment-page footer.l-footer .wpb_wrapper {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.vlemmix-assortiment-page #page-footer.l-footer .l-section-h,
body.vlemmix-assortiment-page footer.l-footer .l-section-h {
    width: min(100% - 48px, 1380px) !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Voorkom het witte browser-/canvasvlak bij hard naar boven of beneden trekken.
   De assortimentpagina gebruikt daarmee dezelfde donkere ondergrond als de rest. */
html:has(body.vlemmix-assortiment-page),
body.vlemmix-assortiment-page,
body.vlemmix-assortiment-page .l-canvas,
body.vlemmix-assortiment-page #page-content.l-main {
    background-color: #210506 !important;
}

@media (max-width: 900px) {
    body.vlemmix-assortiment-page #page-footer.l-footer .l-section-h,
    body.vlemmix-assortiment-page footer.l-footer .l-section-h {
        width: min(100% - 32px, 1380px) !important;
    }
}
@media (max-width: 600px) {
    body.vlemmix-assortiment-page #page-footer.l-footer .l-section-h,
    body.vlemmix-assortiment-page footer.l-footer .l-section-h {
        width: min(100% - 24px, 1380px) !important;
    }
}