/* CryptoCheater — kern: kopbalk, mobiele tabbalk en voettekst. Gedeeld door alle pagina's. */
:root{
  --cc-bg:#07121B; --cc-tekst:#E8EEF2; --cc-zacht:#8FA3B3; --cc-flauw:#5B7285;
  --cc-peil:#F2C230; --cc-op:#3DD68C; --cc-neer:#FF6B5E; --cc-rand:rgba(255,255,255,.09); --cc-rand2:rgba(255,255,255,.16);
  --cc-font:"Archivo","Helvetica Neue",Arial,sans-serif;
}

/* ---------- kopbalk ---------- */
.cc-kop{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top,0px);
  background:rgba(7,18,27,.78);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);
  border-bottom:1px solid var(--cc-rand);font-family:var(--cc-font)}
.cc-kop .cc-rij{display:flex;align-items:center;gap:14px;height:62px;max-width:1440px;margin:0 auto;padding:0 22px}
.cc-kop .merk{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cc-tekst);font-weight:800;font-stretch:78%;font-size:21px;letter-spacing:-.01em;flex:none}
.cc-kop .merk img{width:30px;height:30px;filter:drop-shadow(0 4px 12px rgba(242,194,48,.25))}
.cc-nav{display:flex;gap:2px;margin-left:auto}
.cc-nav a{color:var(--cc-zacht);text-decoration:none;font-size:14px;font-weight:600;padding:8px 12px;border-radius:10px;white-space:nowrap}
.cc-nav a:hover{color:var(--cc-tekst);background:rgba(255,255,255,.05)}
.cc-nav a[aria-current="page"]{color:var(--cc-tekst);background:rgba(255,255,255,.09)}
.cc-kop :focus-visible,.cc-tab :focus-visible{outline:2px solid var(--cc-peil);outline-offset:2px;border-radius:8px}
.cc-status{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--cc-zacht);white-space:nowrap;flex:none}
.cc-status i{width:8px;height:8px;border-radius:50%;background:var(--cc-flauw)}
.cc-status.live i{background:var(--cc-op);animation:ccpuls 2s infinite}
.cc-status.traag i{background:var(--cc-peil)} .cc-status.uit i{background:var(--cc-neer)}
@keyframes ccpuls{0%{box-shadow:0 0 0 0 rgba(61,214,140,.5)}70%{box-shadow:0 0 0 8px rgba(61,214,140,0)}100%{box-shadow:0 0 0 0 rgba(61,214,140,0)}}

@media (max-width:1240px){.cc-nav a{padding:8px 9px;font-size:13.5px}.cc-kop .kw-teller .lbl,.cc-kop .kw-knop-koersen .lbl{display:none}}
@media (max-width:1060px){.cc-kop .merk span{display:none}}

/* ---------- menu: Meer ---------- */
.cc-meer{position:relative}
.cc-meer>summary{list-style:none;cursor:pointer;color:var(--cc-zacht);font-size:14px;font-weight:600;padding:8px 12px;border-radius:10px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.cc-meer>summary::-webkit-details-marker{display:none}
.cc-meer>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.cc-meer>summary:hover,.cc-meer[open]>summary{color:var(--cc-tekst);background:rgba(255,255,255,.05)}
.cc-meer>summary.actief{color:var(--cc-tekst);background:rgba(255,255,255,.09)}
.cc-meer>div{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;padding:6px;border-radius:14px;background:rgba(11,26,38,.98);border:1px solid var(--cc-rand2);box-shadow:0 18px 40px -12px rgba(0,0,0,.7);display:flex;flex-direction:column;z-index:50}
.cc-meer>div a{padding:10px 12px}

/* ---------- mobiele tabbalk ---------- */
.cc-tab{display:none}
@media (max-width:860px){
  .cc-nav{display:none}
  .cc-kop .cc-rij{height:56px;padding:0 14px;gap:8px}
  .cc-kop .merk span{display:none}
  .cc-status span{display:none}
  .cc-tab{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(7,18,27,.92);
    backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-top:1px solid var(--cc-rand);font-family:var(--cc-font)}
  .cc-tab a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;color:var(--cc-zacht);text-decoration:none;font-size:11px;font-weight:650}
  .cc-tab a svg{width:22px;height:22px}
  .cc-tab a[aria-current="page"]{color:var(--cc-peil);background:rgba(242,194,48,.08)}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
}

/* ---------- voettekst ---------- */
.cc-voet{margin-top:80px;border-top:1px solid var(--cc-rand);padding:36px 0 44px;font-family:var(--cc-font);font-size:13.5px;color:var(--cc-zacht)}
.cc-voet .kader{max-width:1440px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px}
.cc-voet b{color:var(--cc-tekst)}
.cc-voet p{margin:0 0 8px;max-width:46em;line-height:1.55}
.cc-voet h4{margin:0 0 10px;font-size:13px;color:var(--cc-tekst);font-weight:700}
.cc-voet ul{list-style:none;margin:0;padding:0}.cc-voet li{margin:0 0 6px}
.cc-voet a{color:var(--cc-zacht);text-decoration:none}.cc-voet a:hover{color:var(--cc-tekst)}
.cc-voet .merkje{display:flex;align-items:center;gap:8px;font-weight:800;font-stretch:78%;font-size:18px;color:var(--cc-tekst);margin-bottom:10px}
@media (max-width:860px){.cc-voet .kader{grid-template-columns:1fr 1fr}.cc-voet .kader>div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){.cc-status.live i{animation:none}}

/* ---------- samenhang: balk per onderdeel, vaste kop, volgende stap ---------- */
.cc-sub{position:sticky;top:calc(62px + env(safe-area-inset-top,0px));z-index:39;background:rgba(7,12,18,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.cc-sub .kader{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:7px;padding-bottom:7px}.cc-sub .kader::-webkit-scrollbar{display:none}
.cc-sub a{flex:none;font-size:13.5px;font-weight:700;color:var(--cc-zacht,#8FA3B3);text-decoration:none;padding:7px 13px;border-radius:999px;white-space:nowrap}
.cc-sub a:hover{color:#fff;background:rgba(255,255,255,.05)}.cc-sub a[aria-current="page"]{color:var(--cc-peil,#F2C230);background:rgba(242,194,48,.12)}
main h1:not(#naam){font-size:clamp(34px,6vw,56px)!important;line-height:1.02!important;letter-spacing:-.01em}
main h1:not(#naam)+p,main h1:not(#naam)+p.sub{font-size:17px;color:#C9D6DF;max-width:62ch}
.cc-volgende{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:20px 24px;margin:36px 0 10px;text-decoration:none;color:inherit;border-color:rgba(242,194,48,.28)!important;transition:transform .15s,border-color .15s}
.cc-volgende:hover{transform:translateY(-2px);border-color:rgba(242,194,48,.6)!important}
.cc-volgende span{grid-column:1;font-size:12px;font-weight:800;color:var(--cc-peil,#F2C230);text-transform:uppercase;letter-spacing:.06em}
.cc-volgende b{grid-column:1;font-size:20px}.cc-volgende small{grid-column:1;color:var(--cc-zacht,#8FA3B3);font-size:14px}
.cc-volgende i{grid-column:2;grid-row:1/4;font-style:normal;font-size:28px;color:var(--cc-peil,#F2C230)}