/*
Theme Name: JouwAdvertenties Premium Classic
Theme URI: https://jouwadvertenties.nl
Author: SkaffaWorldGPT
Description: Compleet uitgewerkt JouwAdvertenties thema met classic leader uitstraling, mobiele header, eigen logo, banner, achtergrond en nette kaart-layout.
Version: 4.3.0
License: GPL-2.0-or-later
Text Domain: jouwadvertenties-premium-classic
*/
:root{--ja-dark:#14212a;--ja-blue:#2b80b9;--ja-light:#d8f8ff;--ja-orange:#ff9b19}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#d8f8ff,#bdefff 45%,#eafcff);color:#1d2830}.ja-site-header{background:linear-gradient(180deg,#f8fdff,#e5f7ff);border-bottom:1px solid #9bc9e1;box-shadow:0 3px 12px rgba(0,70,100,.15)}.ja-header-inner{max-width:1180px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ja-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ja-dark)}.ja-brand-icon{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,#ffb73d,#ff7c00);display:grid;place-items:center;font-weight:900;color:#102536;box-shadow:0 6px 20px rgba(255,139,0,.28)}.ja-brand-text strong{display:block;font-size:22px;letter-spacing:2px;text-transform:uppercase}.ja-brand-text span{display:block;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#607887;font-size:12px}.ja-header-banner{flex:1;text-align:right}.ja-header-banner img{max-height:62px;max-width:100%;border-radius:6px}.ja-main-nav{background:linear-gradient(180deg,#6eaed4,#2b80b9);border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid #145981}.ja-main-nav ul{max-width:1180px;margin:0 auto;padding:0 16px;list-style:none;display:flex;gap:0;flex-wrap:wrap}.ja-main-nav a{display:block;padding:10px 14px;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:900;color:#fff;border-right:1px solid rgba(255,255,255,.25)}.ja-main-nav a:hover{background:rgba(255,255,255,.16)}.ja-page-wrap{max-width:1180px;margin:0 auto;padding:18px 12px}.ja-page-card{background:rgba(255,255,255,.94);border:1px solid #9bc9e1;border-radius:8px;box-shadow:0 7px 20px rgba(0,64,96,.17);padding:24px}.ja-page-card h1{margin-top:0;text-transform:uppercase;letter-spacing:1px}.ja-site-footer{max-width:1180px;margin:20px auto;padding:18px 12px;text-align:center;border-top:1px solid #8dc4dc;color:#376278;font-weight:900;text-transform:uppercase;letter-spacing:1px}.ja-mobile-bar{display:none;background:#1f2529;color:#fff;padding:8px 12px;align-items:center;justify-content:space-between}.ja-mobile-bar a{color:#fff;text-decoration:none;font-size:28px;font-weight:900}@media(max-width:760px){.ja-mobile-bar{display:flex}.ja-header-inner{padding:16px;justify-content:center}.ja-header-banner{display:none}.ja-brand-text strong{font-size:18px}.ja-brand-text span{font-size:10px;letter-spacing:3px}.ja-main-nav ul{display:grid;grid-template-columns:1fr 1fr;padding:0}.ja-main-nav a{text-align:center;border-bottom:1px solid rgba(255,255,255,.2)}.ja-page-wrap{padding:10px 8px}.ja-page-card{padding:16px}}


/* v4.1.0 premium polish and mobile logo fix */
body{min-height:100vh;background-attachment:fixed}.ja-site-header{position:relative;z-index:5}.ja-header-inner{min-height:92px}.ja-brand{min-width:0;max-width:100%;overflow:hidden}.ja-brand.has-custom-logo{display:flex;justify-content:flex-start;align-items:center}.custom-logo-link{display:flex!important;align-items:center;max-width:100%;line-height:0}.custom-logo{display:block!important;width:auto!important;height:auto!important;max-height:118px!important;max-width:min(460px,92vw)!important;object-fit:contain!important}.ja-brand.has-custom-logo .ja-brand-text{display:none}.ja-brand-icon{flex:0 0 54px}.ja-main-nav{box-shadow:0 8px 22px rgba(30,120,170,.18)}.ja-main-nav ul li{margin:0}.ja-main-nav a{letter-spacing:.4px}.ja-page-wrap{animation:jaFadeIn .22s ease both}.ja-page-card{position:relative;overflow:hidden}.ja-page-card:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ja-blue),var(--ja-orange));opacity:.9}.ja-page-card > *{position:relative}.ja-site-footer{line-height:1.55}.ja-site-footer a{color:#5b166e;text-decoration:underline;text-underline-offset:3px}@keyframes jaFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.ja-header-inner{min-height:0;padding:14px 10px}.ja-brand.has-custom-logo{justify-content:center;width:100%}.custom-logo{max-height:150px!important;max-width:96vw!important}.ja-brand:not(.has-custom-logo){justify-content:center}.ja-brand-text strong{font-size:20px;letter-spacing:1.6px}.ja-main-nav{position:relative}.ja-main-nav ul{grid-template-columns:1fr 1fr}.ja-main-nav a{padding:13px 8px;font-size:14px;min-height:48px;display:flex;align-items:center;justify-content:center}.ja-page-card{margin:12px 6px;padding:20px 14px;border-radius:10px}.ja-site-footer{font-size:13px;padding:18px 14px;margin:18px 8px}.ja-mobile-bar{position:sticky;top:0;z-index:20}}
@media(max-width:420px){.custom-logo{max-height:130px!important}.ja-main-nav a{font-size:13px}.ja-brand-icon{width:48px;height:48px}.ja-brand-text span{font-size:9px;letter-spacing:2px}}


/* v4.2.0 strict mobile logo/header fix */
.ja-site-header .ja-header-inner{max-height:132px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.ja-site-header .ja-brand{width:auto!important;max-width:100%!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:center!important;}
.ja-site-header .custom-logo-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
.ja-site-header img.custom-logo,.ja-site-header .custom-logo-link img,.ja-site-header .ja-brand img{width:auto!important;height:auto!important;max-width:360px!important;max-height:82px!important;object-fit:contain!important;object-position:center center!important;display:block!important;margin:0 auto!important;}
@media(max-width:760px){
  .ja-site-header .ja-header-inner{height:auto!important;min-height:86px!important;max-height:110px!important;padding:10px 8px!important;}
  .ja-site-header img.custom-logo,.ja-site-header .custom-logo-link img,.ja-site-header .ja-brand img{max-width:92vw!important;max-height:76px!important;}
  .ja-site-header{overflow:hidden!important;}
}
@media(max-width:420px){
  .ja-site-header .ja-header-inner{min-height:78px!important;max-height:98px!important;padding:8px 6px!important;}
  .ja-site-header img.custom-logo,.ja-site-header .custom-logo-link img,.ja-site-header .ja-brand img{max-width:90vw!important;max-height:66px!important;}
}