/* StreamBudget: compacter op computerschermen (zoals de meeste websites). Wordt na style.css geladen. */
@media (min-width:1000px){
  html{font-size:13px}
  body{font-size:15px}
  section{padding:46px 0}
  .page-hero{padding:46px 0 26px}
  .page-hero h1{font-size:2.6rem}
  h1{font-size:clamp(2rem,3.6vw,3rem)}
  .hero{min-height:400px}
  .price-card{padding:20px 20px}
  .price{font-size:2rem;margin:8px 0 12px}
  .checks li{padding:4px 0 4px 24px;font-size:.95rem}
  .container{width:min(1180px,100% - 48px)}
}

/* footer contact: e-mail en telefoon zonder extra witregel */
.footer-grid p a{display:inline;padding:0}

/* betaalmogelijkheden onderaan */
.betaalmethoden{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line-soft)}
.betaalmethoden ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.betaalmethoden li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:7px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);line-height:1.15}
.betaalmethoden li b{color:var(--text);font-size:.92rem;font-weight:700;letter-spacing:.2px}
.betaalmethoden li small{color:var(--muted);font-size:.7rem;margin-top:2px}
.bm-kop{color:var(--gold-l);font-weight:700;font-size:.9rem}
.bm-veilig{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem}
.bm-veilig svg{color:var(--gold)}
.betaalmethoden + .copyright{margin-top:22px}
@media (max-width:600px){.betaalmethoden li{min-width:0;flex:1 1 40%}}

/* lanceringsactie: feestelijke balk bovenaan */
.actiebalk{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:linear-gradient(90deg,#b8860b,#e0a526 30%,#f7d77a 50%,#e0a526 70%,#b8860b);background-size:200% 100%;animation:ab-glans 6s linear infinite;color:#1a1205!important;font-size:.92rem;text-align:center;line-height:1.35;text-decoration:none}
.actiebalk b{font-weight:900}
.ab-feest{font-size:1.15rem}
.ab-teller{background:#1a1205;color:var(--gold-l);border-radius:999px;padding:3px 12px;font-weight:800;font-size:.8rem;white-space:nowrap}
.ab-pijl{font-weight:900;transition:transform .2s}
.actiebalk:hover .ab-pijl{transform:translateX(4px)}
@keyframes ab-glans{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.actiebalk{animation:none}}
/* menu: nooit woorden over twee regels */
@media (min-width:821px){.main-nav a{white-space:nowrap}}
@media (min-width:821px){.main-nav{gap:2px}.main-nav a{padding:8px 11px;font-size:.9rem}}
@media (min-width:821px) and (max-width:1500px){.main-nav a{padding:8px 8px;font-size:.86rem}}
@media (min-width:821px) and (max-width:1150px){.main-nav a{padding:7px 6px;font-size:.8rem}}
/* menu met uitklapmenu's (Diensten, Over ons) */
.nav-groep{position:relative}
.nav-knop{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--text);font:inherit;font-weight:600;font-size:.9rem;padding:8px 11px;border-radius:999px;cursor:pointer}
.nav-knop:hover,.nav-groep.open .nav-knop{background:rgba(224,165,38,.10);color:var(--gold-l)}
.nav-knop.active{color:var(--gold-l);box-shadow:inset 0 -2px 0 var(--gold)}
.nav-knop svg{transition:transform .2s}.nav-groep.open .nav-knop svg{transform:rotate(180deg)}
.nav-uit{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:270px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:14px;padding:6px;box-shadow:0 24px 50px -24px rgba(40,40,40,.3);display:none;z-index:60}
.nav-groep.open .nav-uit{display:block}
.main-nav .nav-uit a{display:block;padding:11px 14px;border-radius:10px;box-shadow:none!important;white-space:normal}
.main-nav .nav-uit a b{display:block;color:var(--text);font-size:.95rem}
.main-nav .nav-uit a small{display:block;color:var(--muted);font-weight:400;font-size:.8rem;margin-top:2px}
.main-nav .nav-uit a:hover,.main-nav .nav-uit a.active{background:rgba(224,165,38,.10)}
.main-nav .nav-uit a:hover b,.main-nav .nav-uit a.active b{color:var(--gold-l)}
@media (min-width:821px){.nav-groep:hover .nav-uit{display:block}.nav-groep:hover .nav-knop svg{transform:rotate(180deg)}.nav-uit::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}}
@media (max-width:820px){.nav-groep{width:100%}.nav-knop{width:100%;justify-content:space-between;padding:10px 14px}.nav-uit{position:static;transform:none;display:none;box-shadow:none;margin:4px 0 8px;min-width:0}.nav-groep.open .nav-uit{display:block}}

/* mobiel: ruimte onder de footer zodat de knop "Vraag het ons" niets bedekt */
@media(max-width:700px){.site-footer{padding-bottom:84px}}
/* footer: contact met icoontjes */
.fc-lijst{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fc-lijst li{display:flex;align-items:flex-start;gap:10px;color:var(--muted);line-height:1.45}
.fc-lijst svg{flex:none;margin-top:2px;color:var(--gold-l,#f7d77a)}
.fc-lijst a{display:inline;padding:0;color:inherit}.fc-lijst a:hover{color:var(--gold-l,#f7d77a)}
.fc-klein{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft,rgba(255,255,255,.07));gap:7px;font-size:.9rem}
.fc-klein svg{width:15px;height:15px;opacity:.75}