/* ============================================
   KNLTB TV — custom CSS
   knltb.tv | ws76
   ============================================ */

/* ACHTERGROND & TEKST */
body {
  background-color: #1A3291 !important;
  color: #FFFFFF !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  padding-top: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;
}

/* KNLTB HEADER NAVIGATIE — tekstkleuren
   body { color: #FFFFFF } overschrijft alle tekst, maar de c-site-header__bottom
   (KNLTB TV sub-nav balk met Tennis/Padel) heeft witte achtergrond: donkere tekst nodig.
   De bovenste balk (c-site-header__top, donker gradient) blijft wit via body-kleur. */

/* Tennis/Padel trigger knoppen in de witte sub-nav balk */
.c-site-header__bottom .c-navigation-sub__list-trigger,
.c-site-header__bottom .c-navigation-sub__list-trigger > a,
.c-site-header__bottom .c-navigation-sub__list-trigger > span,
.c-site-header__bottom .c-navigation-sub__list-trigger button {
  color: #292929 !important;
}
/* Active/hover: KNLTB oranje */
.c-site-header__bottom .c-navigation-sub__list-trigger.is-active,
.c-site-header__bottom .c-navigation-sub__list-trigger.is-active > a {
  color: rgb(255, 80, 0) !important;
}

/* Dropdown sub-nav links (zowel titels als items) */
.c-navigation-sub__title .c-navigation-sub__link,
.c-navigation-sub__item .c-navigation-sub__link {
  color: #292929 !important;
}
.c-navigation-sub__title:hover .c-navigation-sub__link,
.c-navigation-sub__item:hover .c-navigation-sub__link {
  color: rgb(255, 80, 0) !important;
}

/* EMBEDDED KNLTB HEADER — neemt echte ruimte in (geen height:0 overlay) */
header.navbar-header {
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 999 !important;
  flex: none !important;
}
.navbar-header #site-header {
  height: auto !important;
  display: block !important;
  position: relative !important;
}
.navbar-header .c-site-header__top,
.navbar-header .c-site-header__main {
  display: block !important;
  height: auto !important;
}

/* Verberg JUMP's eigen nav — KNLTB header heeft eigen navigatie */
.navbar-header nav.navbar {
  display: none !important;
}

/* HERO: direct onder header, geen overlap */
.intro-hero-carousel-section { padding-top: 0 !important; }
.navbar-header + * { padding-top: 0 !important; }

/* FOOTER ALTIJD ONDERIN */
footer {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  background-color: #FFFFFF !important;
}
footer, footer * { color: #1A1A1A !important; }
footer small, footer p:not(:has(a)) { display: none !important; }
footer .card-body .row.mb-5 { justify-content: center !important; }
footer .card-body .row.mb-5 .col-12.col-md-4 { display: flex !important; justify-content: center !important; }
footer .card-body .row.mb-5 .col-12.col-md-4 > .row { justify-content: center !important; width: auto !important; }
footer .card-body .row.mb-5 .col-12.col-md-4 > .row > .col-8 { display: none !important; }
footer .card-body .row.mb-5 .col-12.col-md-4 > .row > .col-4 { flex: 0 0 auto !important; width: auto !important; text-align: center !important; }

/* TRACKING IFRAMES UIT FLEX FLOW */
body > iframe {
  position: fixed !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body > div.ow-adhesive-bottom {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9000 !important;
}
body > div.cmpwrapper,
body > div.modal,
body > noscript { flex: none !important; }

/* CARDS */
.card {
  background-color: #142680 !important;
  border: none !important;
}
.card, .card * { color: #FFFFFF !important; }

/* VERBORGEN ELEMENTEN */
/* Was: display: none !important; — dit verwijderde ook de stretched-link
   (::after overlay) uit de render-boom, waardoor afbeeldingen niet meer
   klikbaar waren. Nu: visueel verborgen maar nog in de layout aanwezig,
   zodat de stretched-link blijft werken. */
.card-header.text-center.border-0.bg-white {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}
p.asset-description { display: none !important; }

/* KNOPPEN */
.btn-primary, a.btn-primary {
  background: #F4831F !important;
  border-color: #F4831F !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;


/* ADVERTENTIES — zelfde ronde hoeken als videocards en sportfoto's (10px) */
.advertisements .card {
  border-radius: 10px !important;
  overflow: hidden !important;
}