/* Shared base + components used by every page (index, auto-detail, faq,
   colofon, privacy, voorwaarden). Each page keeps its own page-specific
   :root tokens (--rust, --ink-dim, --gold, ...) in its inline <style>,
   declared AFTER this stylesheet so they override/extend these defaults. */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

:root{
  --bg:#0a0e18;
  --panel:#161e2f;
  --line:#26304a;
  --ink:#f5efe6;
}

/* ─── COOKIE CONSENT MODAL ─── */
.cookie-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(6,8,14,0.82);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.cookie-overlay.hidden{display:none}
.cookie-modal{
  position:relative;
  background:var(--panel,#161e2f);border:1px solid var(--line);
  max-width:620px;width:100%;max-height:min(680px,86vh);overflow-y:auto;
  padding:40px 40px 32px;
  box-shadow:0 30px 80px rgba(0,0,0,0.5);
}
.cookie-modal .lang{position:absolute;top:24px;right:24px;background:var(--bg,#0a0e18)}
.cookie-eyebrow{
  font-family:'Barlow Condensed';font-size:11px;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--rust);margin-bottom:10px;
}
.cookie-title{
  font-family:'Bebas Neue';font-size:clamp(28px,4vw,36px);
  letter-spacing:0.02em;line-height:1;margin-bottom:16px;
}
.cookie-intro{
  font-family:'Barlow';font-size:14px;line-height:1.7;
  color:var(--ink-dim);font-weight:300;margin-bottom:28px;
}
.cookie-intro a{color:var(--rust);text-decoration:none}
.cookie-intro a:hover{text-decoration:underline}
.cookie-row{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;padding:18px 0;border-top:1px solid var(--line);
}
.cookie-row-text{flex:1}
.cookie-row-text strong{
  display:block;font-family:'Barlow Condensed';font-size:14px;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);margin-bottom:4px;
}
.cookie-row-text span{
  display:block;font-family:'Barlow';font-size:13px;line-height:1.6;
  color:var(--ink-dim);font-weight:300;
}
.cookie-toggle{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;margin-top:2px}
.cookie-toggle input{position:absolute;opacity:0;width:0;height:0}
.cookie-toggle-slider{
  position:absolute;inset:0;background:var(--line);border-radius:26px;
  cursor:pointer;transition:background 0.2s;
}
.cookie-toggle-slider::before{
  content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;
  background:#fff;border-radius:50%;transition:transform 0.2s;
}
.cookie-toggle input:checked + .cookie-toggle-slider{background:var(--rust)}
.cookie-toggle input:checked + .cookie-toggle-slider::before{transform:translateX(20px)}
.cookie-toggle input:disabled + .cookie-toggle-slider{opacity:0.45;cursor:not-allowed}
.cookie-modal-actions{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:24px;
  border-top:1px solid var(--line);
}
.cookie-modal-actions button{
  font-family:'Barlow Condensed';font-size:11px;letter-spacing:0.15em;
  text-transform:uppercase;font-weight:600;
  padding:13px 16px;cursor:pointer;flex:1;min-width:140px;white-space:nowrap;
  transition:all 0.2s;
}
.cookie-accept-all{background:var(--rust);color:#fff;border:1px solid var(--rust)}
.cookie-accept-all:hover{background:var(--rust-deep,#8e0a1f);border-color:var(--rust-deep,#8e0a1f)}
.cookie-save{background:transparent;color:var(--ink);border:1px solid var(--line)}
.cookie-save:hover{border-color:var(--ink-dim)}
.cookie-decline-all{background:transparent;color:var(--ink-dim);border:1px solid var(--line)}
.cookie-decline-all:hover{color:var(--ink);border-color:var(--ink-dim)}
.cookie-reopen{
  position:fixed;left:20px;bottom:20px;z-index:140;
  background:rgba(16,22,38,0.95);border:1px solid var(--line);color:var(--ink-dim);
  font-family:'Barlow Condensed';font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  padding:10px 16px;cursor:pointer;backdrop-filter:blur(10px);transition:all 0.2s;
}
.cookie-reopen:hover{color:var(--ink);border-color:var(--ink-dim)}
.cookie-reopen.hidden{display:none}
@media(max-width:600px){
  .cookie-modal{padding:32px 24px 24px}
  .cookie-modal .lang{position:static;margin-bottom:20px}
  .cookie-modal-actions{flex-direction:column}
  .cookie-modal-actions button{width:100%}
}