/*
Theme Name: WEK Wommels — Total child
Template: Total
Version: 1.0.0
Description: Bestaande WEK-huisstijl op Total. Beheer kleuren en lettertypen via Total.
*/
/* 1. Header: bestaande gecentreerde logo- en menubalk. */
#site-header { border-bottom: 1px solid #e5e5e5; }
#site-navigation-wrap { border-top: 1px solid #e5e5e5; }
#site-navigation .dropdown-menu > li > a { font-weight: 400; }
#site-logo img { width: 166px; height: auto; }
/* 2. Nieuwskaart: bestaande horizontale afbeelding naast tekst. Inhoud via Custom Cards. */
.wek-news-card { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; }
.wek-news-card .wek-news-image { flex: 0 0 150px; width: 150px; max-width: 100%; margin-bottom: 0; }
.wek-news-image img { border: 1px solid #eee; padding: 5px; }
.wek-news-body { flex: 1; min-width: 0; }
.wek-news-body .vcex-heading { margin-top: 0; }
.wek-news-body p { margin-bottom: 0; }
/* 3. Bestaande WPBakery-kolommen, berichten en zijbalk. */
.wek-home-news { border-right: 1px solid #333; }
.vc_message_box { line-height: 1.6; }
/* 4. Footer: oorspronkelijke groen/geel/blauwe stroken. Kleuren uit Total-palet. */
.wek-footer-main { border-top: 12px solid var(--wpex-palette-3605-color); background: var(--wpex-palette-3603-color); color: #fff; padding: 40px 30px; text-align: center; }
.wek-footer-credit { background: var(--wpex-palette-3604-color); color: #fff; padding: 25px 30px; }
.wek-footer-main a,.wek-footer-credit a { color: #fff; }
.wek-footer-main .wpb_text_column,.wek-footer-credit .wpb_text_column { margin-bottom: 0; }
/* 5. Mobiel: behoud lucht rond inhoud, logo en nieuwsafbeeldingen. */
@media(max-width:767px){
 .wek-home-news { border-right: 0; }
 .wek-news-card .wek-news-image { flex-basis: 95px; width: 95px; }
 .wek-footer-main,.wek-footer-credit { padding-inline: 20px; }
 #site-logo img { max-width: 150px; }
}

/* 6. Binnenpagina’s: dezelfde bovenruimte als het oorspronkelijke Avada-ontwerp. */
body:not(.home) #main { padding-top: 55px; }
@media(max-width:767px){ body:not(.home) #main { padding-top: 30px; } }

/* 7. Op mobiel vervalt de verticale scheiding van de homepagekolommen. */
@media(max-width:767px){.home .wpb-content-root > .vc_row > .wpb_column:first-child > .vc_column-inner {border-right-width:0!important;} }

/* 8. Total-panoramaslider: oorspronkelijke foto's en teksten, beheer via homepage > Image Banner. */
.wek-home-slider-row { width:calc(100% + 60px); margin-left:-30px!important; margin-right:-30px!important; margin-bottom:55px; }
.wek-home-slider-row > .wpb_column > .vc_column-inner { padding:0; }
.wek-home-slider .vcex-ib-title { font-family:"Arial Black",Gadget,sans-serif; text-shadow:3px 2px 6px rgba(0,0,0,.65); margin:0; }
.wek-home-slider .vcex-ib-content { max-width:1100px; }
.wek-home-slider .vcex-image-banner { height:clamp(120px,24vw,300px); min-height:0; }
.wek-home-slider .vcex-ib-content-wrap { padding-bottom:0; }
@media(max-width:767px){
 .wek-home-slider .vcex-image-banner.wek-home-slide-first .vcex-ib-content-wrap { padding:19px 18px 0; }
 .wek-home-slider .vcex-image-banner.wek-home-slide-second .vcex-ib-content-wrap { padding:6px 18px 0; }
}
/* Mobiel: kleine pijlknoppen onder de tekst, zodat geen woorden worden bedekt. */
@media(max-width:767px){
 .wek-home-slider .wpex-carousel__arrow { top:auto!important; bottom:6px!important; transform:none!important; width:28px; height:28px; min-height:28px; padding:0; }
}

/* 9. Footer: gekleurde rijen tot de randen van de boxed website, zonder witte zijstroken. */
#footer-builder .wek-footer-main,
#footer-builder .wek-footer-credit {
 width:calc(100% + 60px);
 margin-left:-30px;
 margin-right:-30px;
}

/* 10. Nieuws-zijbalk: native Total-widget, compacte datum en vierkante miniaturen. */
.sidebar-container .wpex-widget-recent-posts-date { font-size: 11px; color: #777; }
.sidebar-container .wpex-widget-recent-posts-title { line-height: 1.5; font-weight: 400; }
.sidebar-container .wpex-widget-recent-posts-thumbnail { border: 1px solid #eee; padding: 3px; margin-right: 10px; }