/* Kookstudio: uitstraling van de oude site */

/* Tekst: losse lettergroottes uit Joomla negeren, alles even groot */
.entry-content [style*="font-size"], .entry-content font { font-size: inherit !important; }
.entry-content { font-size: 16px; line-height: 1.7; }

/* Koppen: rood, normaal gewicht, allemaal gelijk */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
  color: #d70139; font-weight: 400; font-size: 1.6em; line-height: 1.3; margin: 1.2em 0 .5em;
}

/* Menu: hoofdletters, grijs, actief/hover rood */
.main-navigation .primary-menu-container > ul > li.menu-item > a { text-transform: uppercase; color: #474747; }
.main-navigation .primary-menu-container > ul > li.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover { color: #d70139; }

/* Zijkolom: grijs verloop, rechts uitgelijnd, rode titel */
.primary-sidebar { background: linear-gradient(#fbfbfb, #e8e8e8); text-align: right; padding: 20px 30px; }
.primary-sidebar .widget-title { color: #d70139; text-transform: none; font-size: 1.1em; font-weight: 700; letter-spacing: 0; }
.primary-sidebar a { color: inherit; text-decoration: none; }
.primary-sidebar a:hover { color: #d70139; }

/* Paginabreedte zoals de oude site: logo 300 + slider 700 */
body { --global-content-width: 1000px; }

/* Grijze balk met logo en slider */
.ks-band { background: #818380; }
.ks-band-inner { max-width: 1000px; margin: 0 auto; display: flex; align-items: stretch; }
.ks-logo { flex: 0 0 300px; background: #fff; display: flex; align-items: center; justify-content: center; }
.ks-logo img { display: block; max-width: 100%; height: auto; }
.ks-slider { flex: 1 1 700px; min-width: 0; }
.ks-slider .wp-block-kadence-advancedgallery { margin: 0; }
.ks-slider .splide__pagination { display: none; }

/* Desktop: logo niet in de header (staat in de balk) + rode lijn rechts */
@media (min-width: 1025px) {
  .site-header .site-branding { display: none; }
  body::after { content: ""; position: fixed; top: 0; bottom: 0; left: calc(50% + 500px); width: 6px; background: #d70139; z-index: 5; pointer-events: none; }
}
/* Mobiel/tablet: logo blijft in de header, balk alleen slider */
@media (max-width: 1024px) {
  .ks-logo { display: none; }
}

/* Overal Arial en één tekstkleur, zoals de oude site */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, .main-navigation a { font-family: Arial, Helvetica, sans-serif; }
.entry-content { color: #474747; }
.entry-content p { margin: 0 0 1em; }

/* Fijnafstelling ronde 3: zijkolom netjes */
#secondary.primary-sidebar { font-size: 15px; line-height: 1.6; padding: 20px !important; text-align: right; }
#secondary .widget-title, #secondary .widget h2 {
  color: #d70139 !important; font-size: 16px !important; font-weight: 700 !important;
  text-align: right !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 .8em !important;
}
#secondary .widget p { margin: 0 0 1em; }
#secondary a[href^="tel:"], #secondary a[href^="mailto:"] { white-space: nowrap; }

/* Slider zonder puntjes, minder ruimte onder de balk, rode lijn vanaf boven */
.ks-slider .slick-dots, .ks-slider .splide__pagination, .ks-slider [class*="pagination"] { display: none !important; }
.content-area { margin-top: 2.5rem !important; }
@media (min-width: 1025px) { body::after { z-index: 1000; } }

/* Slidervak precies zo hoog als de foto (3:1), geen ruimte voor puntjes eronder */
.ks-slider { aspect-ratio: 3 / 1; overflow: hidden; }
.ks-slider .wp-block-kadence-advancedgallery, .ks-slider .kb-gallery-ul, .ks-slider .kt-blocks-carousel,
.ks-slider .slick-slider, .ks-slider .splide { margin: 0 !important; padding: 0 !important; }

/* Logo niet hoger dan de slider (700/3 = 233px), zodat de balk precies sluit */
.ks-logo img { max-height: 233px; width: auto; }

/* Rood blok (open-workshops); klant kan class "ks-rood" ook elders gebruiken */
.entry-content .ks-rood, .entry-content .ks-rood a { color: #d70139; }
.entry-content .ks-rood p { margin: 0 0 .3em; }
.entry-content .ks-rood p:first-child, .entry-content .ks-rood p:last-child { margin: 1em 0; }

/* Kaart en footer */
.ks-map { max-width: 1000px; margin: 2rem auto 0; }
.ks-map iframe { display: block; width: 100%; height: 300px; border: 0; }
.site-footer { font-size: 14px; }
.site-footer a { color: #474747; text-decoration: none; }
.site-footer a:hover { color: #d70139; }

/* Footer: grijze balk zoals de balk bovenaan */
.site-footer, .site-footer .site-footer-wrap, .site-footer .site-bottom-footer-wrap,
.site-footer .site-footer-row-container-inner { background: #818380 !important; }
.site-footer, .site-footer p, .site-footer a { color: #ffffff !important; }
.site-footer a:hover { color: #d70139 !important; }
.ks-map { margin-bottom: 0; }

/* Footerbalk minder hoog */
.site-footer .site-bottom-footer-inner-wrap, .site-footer .site-footer-row {
  min-height: 0 !important; padding-top: 10px !important; padding-bottom: 10px !important;
}