/* KBC 1911 - Main stylesheet */
body{font-family:"Source Sans 3","Helvetica Neue",Arial,sans-serif;background:#F8F8F8;color:#1A1A1A;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:"Schibsted Grotesk",sans-serif;color:#14507a}
.site-content,.page-content{padding:0!important;margin:0!important}


/* LOGO IMG - inline styles on element beat all CSS, these are backup */
#kbc-navbar .kbc-brand img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
}
#kbc-footer .kbc-footer-brand img {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* NAVBAR */
#kbc-navbar{display:flex;align-items:center;gap:28px;padding:10px 40px;background:rgba(248,248,248,.97);border-bottom:1px solid rgba(26,26,26,.10);backdrop-filter:blur(6px);position:sticky;top:0;z-index:9999;box-shadow:0 2px 12px rgba(20,50,75,.06)}
#kbc-navbar .kbc-brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
#kbc-navbar .kbc-brand-text{line-height:1.05}
#kbc-navbar .kbc-brand-name{font:700 17px/1 "Schibsted Grotesk",sans-serif;color:#14507a;letter-spacing:.01em;display:block}
#kbc-navbar .kbc-brand-sub{font:500 10px/1.3 "Source Sans 3",sans-serif;color:#8a8a8a;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;display:block}
#kbc-navbar nav{margin-left:auto}
#kbc-navbar ul.kbc-menu{display:flex;align-items:stretch;gap:2px;list-style:none;margin:0;padding:0}
#kbc-navbar .kbc-menu>li{position:relative}
#kbc-navbar .kbc-menu>li>a,#kbc-navbar .kbc-menu>li>button{display:flex;align-items:center;padding:7px 11px;border:none;background:transparent;color:#1A1A1A;font:600 14px/1 "Source Sans 3",sans-serif;cursor:pointer;border-radius:7px;white-space:nowrap;transition:background .15s;text-decoration:none;gap:4px}
#kbc-navbar .kbc-menu>li:hover>a,#kbc-navbar .kbc-menu>li:hover>button{background:rgba(49,149,207,.10)}
#kbc-navbar .kbc-caret{width:9px!important;height:9px!important;max-height:9px!important;min-height:unset!important;transition:transform .15s;opacity:.65;flex-shrink:0}
#kbc-navbar .kbc-menu>li:hover .kbc-caret{transform:rotate(180deg)}
#kbc-navbar .kbc-dropdown{display:none;position:absolute;top:100%;left:0;padding-top:8px;min-width:260px;z-index:10000}
#kbc-navbar .kbc-menu>li:hover>.kbc-dropdown{display:block}
#kbc-navbar .kbc-dropdown-inner{background:#fff;border-radius:12px;padding:7px;box-shadow:0 1px 2px rgba(20,50,75,.08),0 16px 40px rgba(20,50,75,.16);border:1px solid rgba(26,26,26,.07);border-top:3px solid #3195CF;list-style:none;margin:0}
#kbc-navbar .kbc-dropdown li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;text-decoration:none;color:#1A1A1A;transition:background .1s}
#kbc-navbar .kbc-dropdown li a:hover{background:#EAF4FC}
#kbc-navbar .kbc-dd-label{font:600 14.5px/1.25 "Source Sans 3",sans-serif}
#kbc-navbar .kbc-dd-sub{font:500 11.5px/1.3 "Source Sans 3",sans-serif;color:#9a9a9a;white-space:nowrap}
#kbc-navbar .kbc-dd-ext{color:#3195CF;margin-left:5px}

/* FOOTER */
#kbc-footer{background:#123C59;color:rgba(255,255,255,.82);padding:36px 40px 24px;margin-top:48px}
#kbc-footer .kbc-footer-inner{max-width:1240px;margin:0 auto}
#kbc-footer .kbc-footer-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:28px}
#kbc-footer .kbc-footer-brand{display:flex;align-items:center;gap:11px;margin-bottom:14px}
#kbc-footer .kbc-footer-brand-name{font:700 17px/1 "Schibsted Grotesk",sans-serif;color:#fff}
#kbc-footer .kbc-footer-addr{font-size:14px;color:rgba(255,255,255,.6);line-height:1.7}
#kbc-footer .kbc-footer-addr a{color:rgba(255,255,255,.6)!important;text-decoration:none}
#kbc-footer .kbc-footer-addr a:hover{color:#fff!important}
#kbc-footer .kbc-footer-col-title{font:700 12px/1 "Source Sans 3",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#78CCF7;margin-bottom:13px}
#kbc-footer .kbc-footer-col a{display:block;color:rgba(255,255,255,.66)!important;text-decoration:none;font-size:13.5px;padding:4px 0}
#kbc-footer .kbc-footer-col a:hover{color:#fff!important}
#kbc-footer .kbc-footer-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:14px;font-size:12.5px;color:rgba(255,255,255,.45)}

@media(max-width:900px){
  #kbc-navbar{padding:12px 20px;gap:16px}
  #kbc-navbar ul.kbc-menu{display:none}
  #kbc-footer .kbc-footer-grid{grid-template-columns:1fr 1fr;gap:20px}
}

/* NAVBAR ACTIONS (zoek + hamburger) */
#kbc-navbar .kbc-navbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
#kbc-navbar nav{margin-left:auto}
.kbc-search-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;color:#14507a;text-decoration:none;transition:background .15s;flex-shrink:0}
.kbc-search-toggle:hover{background:rgba(49,149,207,.12)}
@media(max-width:900px){
  .kbc-search-toggle{display:flex}
}

/* Zoekbalk uitklap */
.kbc-search-wrap{position:relative;display:flex;align-items:center}
.kbc-search-form{display:flex;align-items:center;gap:0;overflow:hidden;width:0;opacity:0;transition:width .25s ease,opacity .2s ease;pointer-events:none}
.kbc-search-form.is-open{width:220px;opacity:1;pointer-events:all}
.kbc-search-input{padding:8px 12px;border:2px solid rgba(49,149,207,.35);border-right:none;border-radius:8px 0 0 8px;font:400 14px/1 'Source Sans 3',sans-serif;outline:none;width:100%;transition:border-color .15s}
.kbc-search-input:focus{border-color:#3195CF}
.kbc-search-submit{padding:0 10px;height:36px;background:#3195CF;color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;transition:background .15s;flex-shrink:0}
.kbc-search-submit:hover{background:#14507a}
.kbc-search-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;color:#14507a;background:transparent;border:none;cursor:pointer;transition:background .15s;flex-shrink:0}
.kbc-search-toggle:hover{background:rgba(49,149,207,.12)}
@media(max-width:900px){
  .kbc-search-form.is-open{width:180px}
}
@media(max-width:600px){
  .kbc-search-form.is-open{width:140px}
  .kbc-search-input{font-size:16px;padding:7px 10px}
}


/* STICKY FOOTER FIX
   body = flex column zodat .site-main groeit
   min-height 111.111vh compenseert de scale(0.9)
*/
body{
  display:flex;
  flex-direction:column;
  min-height:111.111vh;
}
.site-main, main{
  flex:1 0 auto;
}
#kbc-footer{
  flex-shrink:0;
}
@media(max-width:768px){
  body{min-height:100vh}
}