/* ==========================================================================
   Wij Thuisbatterij - Complete Footer, Hero & Header Overrides
   ========================================================================== */

/* 1. Maak alle teksten, koppen, widgets en links in de footer helder wit */
.site-footer, 
.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4, 
.site-footer h5, 
.site-footer h6,
.site-footer p, 
.site-footer span, 
.site-footer li, 
.site-footer .widget-title,
.site-footer .widget, 
.site-footer .widget a {
    color: #ffffff !important;
}

/* 2. Subtiele lichtblauwe hover-kleur voor links in de footer */
.site-footer a:hover {
    color: #D0E8FF !important;
    text-decoration: underline !important;
}

/* 3. Verwijder de gekleurde ronde/vierkante achtergronden van social media knoppen */
.site-footer ul.wp-block-social-links li.wp-social-link,
.site-footer .wp-block-social-links a,
.site-footer .wp-block-social-link,
.site-footer a.wp-block-social-link-anchor,
.site-footer .social-links .social-link-item,
.site-footer .social-link-item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
}

/* 4. Dwing de SVG-icoontjes af op helder wit */
.site-footer .wp-block-social-links svg,
.site-footer .wp-block-social-links svg path,
.site-footer a.wp-block-social-link-anchor svg,
.site-footer a.wp-block-social-link-anchor svg path,
.site-footer .social-links svg,
.site-footer .social-links svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* 5. Subtiel lichtblauw hover-effect op de social media icoontjes */
.site-footer a.wp-block-social-link-anchor:hover svg path,
.site-footer .wp-block-social-links a:hover svg path {
    fill: #D0E8FF !important;
}

footer a,
footer a:visited,
footer a:hover,
footer a:active {
    color: #ffffff !important;
}

/***************** aanpassingen handmatig ************/

/* background colour */
.wtb-hero {
    position: relative;
}

.wtb-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0.3) 45%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 1;
}

.wtb-hero > .kt-row-column-wrap {
    position: relative;
    z-index: 2;
}

/* productpagina & vaste header achtergrondkleur (#024aad) */
.post-type-archive-product .site-header-row-container,
.tax-product_cat .site-header-row-container,
.woocommerce-cart .site-header-row-container,
.woocommerce-checkout .site-header-row-container,
.woocommerce-account .site-header-row-container,
.single-product .site-header-row-container {
    background-color: #024aad !important;
}