/*
Theme Name: VI Nieuws
Description: Donker, afgerond retro Miami/vaporwave-thema voor een Nederlandstalige GTA 6-nieuwssite. Effen kleuren, geen gradients.
Version: 1.0.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vi-nieuws
*/

/* ---------- Lettertypes (zelf gehost, geen verbinding met Google) ---------- */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/bebas-neue-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/inter-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/inter-latin-700-normal.woff2') format('woff2');}

/* ---------- Kleuren ---------- */
:root{
  --bg-0:#16213E;
  --bg-1:#1c2b4c;
  --bg-2:#22345c;
  --line:#34406e;
  --text-0:#f2f0f5;
  --text-1:#9aa5c2;
  --orange:#FF7A45;
  --pink-dim:#4a1730;
  --teal:#2EC4C6;
  --teal-dim:#0f3a3a;
  --font-display:'Bebas Neue','Arial Narrow',sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}

/* ---------- Basis ---------- */
html{box-sizing:border-box;scroll-padding-top:env(safe-area-inset-top,0px);}
*,*::before,*::after{box-sizing:inherit;}
body{
  margin:0;background:var(--bg-0);color:var(--text-0);
  font-family:var(--font-body);line-height:1.5;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.wrap-narrow{max-width:760px;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px;}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;}
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--orange);color:var(--bg-0);padding:8px 14px;border-radius:999px;z-index:100;font-weight:600;}
.skip-link:focus{left:8px;}

/* ---------- Header ---------- */
header.top{
  position:sticky;top:0;z-index:20;
  background:rgba(22,33,62,.92);backdrop-filter:blur(6px);
  border-bottom:2px solid var(--orange);
  padding-top:env(safe-area-inset-top,0px);
}
.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;}
.logo{
  font-family:var(--font-display);font-size:28px;letter-spacing:.5px;text-transform:uppercase;
  display:inline-flex;align-items:baseline;gap:.3em;
}
.logo b{color:var(--orange);font-weight:400;}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;font-size:14px;font-weight:500;color:var(--text-1);}
nav.main a{transition:color .2s ease;}
nav.main a:hover,nav.main .current-menu-item>a,nav.main .current-cat>a{color:var(--text-0);}
.actions{display:flex;align-items:center;gap:12px;}
.lang-pill{font-size:12px;font-weight:600;border:1px solid var(--teal);border-radius:999px;padding:4px 10px;color:var(--text-1);}
.nav-toggle{
  display:none;background:transparent;border:1px solid var(--line);color:var(--text-0);
  border-radius:999px;padding:6px 14px;font:600 12px var(--font-body);cursor:pointer;
}

/* ---------- Hero ---------- */
.hero{border-bottom:1px solid var(--line);}
.hero-link{display:block;}
.hero-media{
  position:relative;overflow:hidden;background:var(--bg-1);
  height:min(52vw,460px);min-height:320px;
}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-grid{
  position:absolute;left:-10%;right:-10%;bottom:0;height:42%;
  background-image:
    linear-gradient(var(--teal) 1px,transparent 1px),
    linear-gradient(90deg,var(--teal) 1px,transparent 1px);
  background-size:56px 36px,56px 36px;
  opacity:.35;transform:perspective(280px) rotateX(58deg);transform-origin:bottom;
}
.hero-copy{position:absolute;left:0;right:0;bottom:0;background:var(--bg-0);padding:28px 0 32px;}
h1.hero-title{
  font-family:var(--font-display);font-weight:400;color:var(--pink);
  font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:.5px;
  max-width:820px;margin:0 0 14px;transition:color .2s ease;
}
.hero-link:hover .hero-title{color:var(--text-0);}
.hero-dek{
  font-size:16px;color:var(--text-1);max-width:560px;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- Kaarten ---------- */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.home-grid{margin-top:56px;}
.card{display:flex;flex-direction:column;align-items:flex-start;}
.card-media{
  display:block;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;
  background:var(--bg-2);border:1px solid var(--line);
}
.card-media img{width:100%;height:100%;object-fit:cover;}
.card-cat{
  font-size:11px;font-weight:700;letter-spacing:.3px;
  color:var(--pink);background:var(--pink-dim);
  display:inline-block;padding:4px 10px;border-radius:999px;margin:14px 0 10px;
}
.card-cat.teal{color:var(--teal);background:var(--teal-dim);}
.card h3{font-weight:600;font-size:17px;line-height:1.35;margin:0 0 8px;}
.card h3 a{transition:color .2s ease;}
.card h3 a:hover{color:var(--pink);}
.card p{font-size:14px;color:var(--text-1);margin:0 0 10px;}
.meta{font-size:12px;color:#8391b3;}
.card .card-media + h3{margin-top:14px;}

/* ---------- Ontdek meer ---------- */
.discover{display:flex;justify-content:center;margin:64px 0 24px;}
.discover-btn{
  font-family:var(--font-display);font-size:18px;letter-spacing:.5px;
  color:var(--bg-0);background:var(--teal);
  padding:14px 34px;border-radius:999px;display:inline-block;
  transition:background-color .2s ease;
}
.discover-btn:hover{background:var(--pink);}

/* ---------- Archief / pagina-kop ---------- */
.page-head{padding:56px 0 8px;}
.page-head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,6vw,56px);line-height:1;letter-spacing:.5px;margin:0 0 10px;}
.page-head p{color:var(--text-1);margin:0;max-width:560px;}
.archive-grid{margin-top:32px;}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:56px 0 8px;}
.pagination .page-numbers{
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--text-1);
  transition:background-color .2s ease,color .2s ease;
}
.pagination a.page-numbers:hover{color:var(--text-0);border-color:var(--teal);}
.pagination .page-numbers.current{background:var(--pink);border-color:var(--pink);color:var(--bg-0);}

/* ---------- Enkel artikel ---------- */
.single-head{padding:56px 0 28px;}
.single-head .card-cat{margin:0 0 16px;}
.single-title{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,6vw,60px);line-height:1;letter-spacing:.5px;margin:0 0 14px;}
.single-hero{margin:0 0 32px;}
.single-hero img{width:100%;border-radius:16px;border:1px solid var(--line);}
.source-box{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  background:var(--bg-1);border:1px solid var(--line);border-radius:16px;
  padding:14px 18px;margin:0 0 32px;font-size:14px;color:var(--text-1);
}
.source-box .card-cat{margin:0;}
.source-box a{color:var(--teal);font-weight:600;}
.source-box a:hover{color:var(--pink);}
.entry{font-size:17px;line-height:1.75;}
.entry > *:first-child{margin-top:0;}
.entry h2,.entry h3{font-family:var(--font-display);font-weight:400;letter-spacing:.4px;line-height:1.05;margin:1.8em 0 .5em;}
.entry h2{font-size:36px;}
.entry h3{font-size:28px;}
.entry a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;}
.entry a:hover{color:var(--pink);}
.entry img,.entry iframe,.entry video{max-width:100%;border-radius:16px;}
.entry figure{margin:1.6em 0;}
.entry figcaption,.wp-caption-text{font-size:13px;color:var(--text-1);margin-top:8px;}
.entry blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--pink);color:var(--text-1);}
.entry ul,.entry ol{padding-left:1.3em;}
.entry hr{border:0;border-top:1px solid var(--line);margin:2em 0;}
.entry table{width:100%;border-collapse:collapse;font-size:15px;}
.entry th,.entry td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;}
.tags{margin:36px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.tags a{font-size:12px;font-weight:600;color:var(--text-1);border:1px solid var(--line);border-radius:999px;padding:4px 12px;}
.tags a:hover{color:var(--text-0);border-color:var(--teal);}
.post-navigation{margin:56px 0 0;padding-top:24px;border-top:1px solid var(--line);}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:24px;font-size:14px;font-weight:600;color:var(--text-1);}
.post-navigation a:hover{color:var(--pink);}
.alignleft{float:left;margin:0 1.4em 1em 0;}
.alignright{float:right;margin:0 0 1em 1.4em;}
.aligncenter{margin-left:auto;margin-right:auto;}

/* ---------- Zoeken / 404 ---------- */
.search-form{display:flex;gap:10px;max-width:480px;margin-top:20px;}
.search-form label{flex:1;}
.search-field{
  width:100%;background:var(--bg-1);border:1px solid var(--line);color:var(--text-0);
  border-radius:999px;padding:12px 18px;font:inherit;
}
.search-submit{
  border:0;border-radius:999px;background:var(--teal);color:var(--bg-0);
  font-family:var(--font-display);font-size:16px;letter-spacing:.5px;padding:0 22px;cursor:pointer;
}
.search-submit:hover{background:var(--pink);}
.notfound{padding:72px 0 24px;}
.notfound .discover{justify-content:flex-start;margin:28px 0 0;}

/* ---------- Footer ---------- */
.site-footer{margin-top:64px;border-top:2px solid var(--teal);padding:36px 0 48px;}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;font-size:13px;color:var(--text-1);}
.foot-grid h4{font-size:12px;letter-spacing:.5px;color:var(--text-0);margin:0 0 12px;}
.foot-grid ul{list-style:none;margin:0;padding:0;}
.foot-grid li{margin-bottom:8px;}
.foot-grid a:hover{color:var(--text-0);}
.foot-tag{max-width:280px;margin:12px 0 0;}
.disclaimer{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#8391b3;line-height:1.6;}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .nav-toggle{display:inline-flex;}
  nav.main{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--bg-0);border-bottom:2px solid var(--pink);padding:8px 24px 20px;
  }
  nav.main.is-open{display:block;}
  nav.main ul{flex-direction:column;gap:14px;font-size:16px;}
  .grid{grid-template-columns:1fr 1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;}}


/* ==========================================================
   HOMEPAGE-INDELING (3 nov 2026, versie 2: elke categorierij een eigen vorm)
   Volledig ongedaan maken: verwijder alles tussen deze regel
   en "EINDE HOMEPAGE-INDELING".
   ========================================================== */
/* Laatste nieuws */
.home .home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home .home-grid .card:nth-child(1){grid-column:1/3;grid-row:1/3}
.home .home-grid .card:nth-child(n+2):nth-child(-n+5) p{display:none}
.home .home-grid .card:nth-child(n+6){grid-column:span 2}
/* Algemeen: hover */
.home .card .card-media{overflow:hidden;border-radius:14px}
.home .card .card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home .card:hover .card-media img{transform:scale(1.05)}
.home .card h3,.home .card h3 a{transition:color .2s}
.home .card:hover h3,.home .card:hover h3 a{color:#FF5DA1}
/* Kaarten met titel over de foto */
.home .home-grid .card:nth-child(1),.home .gc-row:has(+ .gc-poll) .card,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .card{position:relative;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;isolation:isolate}
.home .home-grid .card:nth-child(1) .card-media,.home .gc-row:has(+ .gc-poll) .card .card-media,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .card .card-media{position:absolute;inset:0;aspect-ratio:auto;height:100%;margin:0;border-radius:0;z-index:-1}
.home .home-grid .card:nth-child(1) .card-media::after,.home .gc-row:has(+ .gc-poll) .card .card-media::after,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .card .card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,33,62,0) 25%,rgba(22,33,62,.88) 60%,rgba(22,33,62,.98))}
.home .home-grid .card:nth-child(1) .card-cat,.home .gc-row:has(+ .gc-poll) .card .card-cat,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .card .card-cat{align-self:flex-start}
.home .home-grid .card:nth-child(1) h3{font-family:var(--font-display);font-weight:400;font-size:56px;line-height:.98;margin:10px 0}
.home .home-grid .card:nth-child(1) p{color:#dcdff2;font-size:16px;max-width:92%}
/* Compacte balkjes */
.home .home-grid .card:nth-child(n+6),.home .gc-poll + .gc-row + .gc-row .card:not(:first-child),.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:not(:first-child){display:grid;grid-template-columns:130px 1fr;grid-template-rows:auto auto 1fr;column-gap:16px;align-items:start;background:var(--bg-1);border-radius:16px;padding:12px}
.home .home-grid .card:nth-child(n+6) .card-media,.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) .card-media,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:not(:first-child) .card-media{grid-row:1/5;aspect-ratio:1/1;height:auto;margin:0}
.home .home-grid .card:nth-child(n+6) p,.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) p,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:not(:first-child) p{display:none}
.home .home-grid .card:nth-child(n+6) h3,.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) h3,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:not(:first-child) h3{margin:6px 0 4px;font-size:16px}
.home .home-grid .card:nth-child(n+6) .card-cat,.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) .card-cat,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:not(:first-child) .card-cat{justify-self:start}
/* Nu populair: top 3 */
.home .gc-row:has(+ .gc-poll) .gc-row-grid{counter-reset:top}
.home .gc-row:has(+ .gc-poll) .card{counter-increment:top;min-height:250px}
.home .gc-row:has(+ .gc-poll) .card::before{content:counter(top);position:absolute;top:4px;right:16px;font-family:var(--font-display);font-size:110px;line-height:1;color:#FF5DA1;text-shadow:0 4px 20px rgba(0,0,0,.5)}
.home .gc-row:has(+ .gc-poll) .card p{display:none}
/* Rij 1 (Gidsen): stappenkaarten */
.home .gc-poll + .gc-row .gc-row-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:gids}
.home .gc-poll + .gc-row .card{counter-increment:gids;position:relative;background:var(--bg-1);border-radius:16px;overflow:hidden;border-top:3px solid var(--teal);padding:0 0 18px}
.home .gc-poll + .gc-row .card > :not(.card-media){margin-left:18px;margin-right:18px}
.home .gc-poll + .gc-row .card-media{border-radius:0;margin:0 0 14px;width:100%;aspect-ratio:16/9;height:auto}
.home .gc-poll + .gc-row h3{padding-right:56px}
.home .gc-poll + .gc-row p{display:none}
.home .gc-poll + .gc-row .card::after{content:counter(gids,decimal-leading-zero);position:absolute;right:16px;bottom:4px;font-family:var(--font-display);font-size:76px;line-height:1;color:var(--teal);opacity:.25;pointer-events:none}
/* Rij 2 (Leaks): groot artikel rechts, 2 kaartjes links */
.home .gc-poll + .gc-row + .gc-row .gc-row-grid{grid-template-columns:2fr 3fr;grid-template-rows:1fr 1fr;gap:16px;align-items:start}
.home .gc-poll + .gc-row + .gc-row .card:first-child{grid-column:2;grid-row:1/3}
.home .gc-poll + .gc-row + .gc-row .card:first-child .card-media{aspect-ratio:16/9;height:auto}
.home .gc-poll + .gc-row + .gc-row .card:first-child h3{font-size:22px}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child){grid-column:1;grid-template-columns:42% 1fr;grid-template-rows:1fr auto auto auto auto 1fr;padding:0;overflow:hidden;column-gap:20px;align-self:stretch}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) .card-media{grid-column:1;grid-row:1/-1;aspect-ratio:auto;height:100%;border-radius:0}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) .card-cat{grid-column:2;grid-row:2;margin-top:16px}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) h3{grid-column:2;grid-row:3;padding-right:16px}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) p{grid-column:2;grid-row:4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 16px 6px 0;font-size:14px}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) .meta{grid-column:2;grid-row:5;margin-bottom:16px}
/* Rij 3 (Personages): karakterkaarten met rond portret */
.home .gc-poll + .gc-row + .gc-row + .gc-row .gc-row-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home .gc-poll + .gc-row + .gc-row + .gc-row .card{background:var(--bg-1);border-radius:20px;padding:28px 22px 22px;text-align:center;display:flex;flex-direction:column;align-items:center}
.home .gc-poll + .gc-row + .gc-row + .gc-row .card-media{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;margin:0 0 16px;border:4px solid #FF5DA1;box-shadow:0 0 0 6px rgba(255,93,161,.15);transition:border-color .2s}
.home .gc-poll + .gc-row + .gc-row + .gc-row .card:hover .card-media{border-color:var(--orange)}
.home .gc-poll + .gc-row + .gc-row + .gc-row h3{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1;margin:10px 0 6px}
.home .gc-poll + .gc-row + .gc-row + .gc-row p{display:none}
/* Rij 4 (Map): brede feature + 2 balkjes */
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .gc-row-grid{grid-template-columns:1fr 1fr;gap:16px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr auto auto auto auto 1fr;column-gap:32px;background:var(--bg-1);border-radius:18px;overflow:hidden}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .card-media{grid-column:1;grid-row:1/-1;aspect-ratio:16/10;height:100%;margin:0;border-radius:0}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .card-cat{grid-column:2;grid-row:2;justify-self:start}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child h3{grid-column:2;grid-row:3;font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1;margin:12px 28px 10px 0}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child p{grid-column:2;grid-row:4;margin:0 28px 12px 0}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .meta{grid-column:2;grid-row:5}
/* Rij 5 (Gameplay): paarse band met fotokaarten */
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row{background:#241a3d;border-radius:24px;padding:28px 28px 32px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .gc-row-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .card{aspect-ratio:4/3;padding:20px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row h3{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1;margin:8px 0 4px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row p{display:none}
/* Gsm */
@media (max-width:820px){
.home .home-grid{grid-template-columns:1fr;gap:12px}
.home .home-grid .card:nth-child(1){grid-column:auto;grid-row:auto;min-height:440px}
.home .home-grid .card:nth-child(1) h3{font-size:40px}
.home .home-grid .card:nth-child(n+2){grid-column:auto;display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;align-items:start;background:var(--bg-1);border-radius:16px;padding:12px}
.home .home-grid .card:nth-child(n+2) .card-media{grid-row:1/5;aspect-ratio:1/1;height:auto;margin:0}
.home .home-grid .card:nth-child(n+2) p{display:none}
.home .home-grid .card:nth-child(n+2) h3{font-size:16px;margin:6px 0 4px}
.home .home-grid .card:nth-child(n+2) .card-cat{justify-self:start}
.home .gc-row .gc-row-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;overflow:visible;scroll-snap-type:none}
.home .gc-row .gc-row-grid .card{flex:none;width:auto;min-width:0}
.home .gc-poll + .gc-row .gc-row-grid,.home .gc-poll + .gc-row + .gc-row .gc-row-grid,.home .gc-poll + .gc-row + .gc-row + .gc-row .gc-row-grid,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .gc-row-grid,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .gc-row-grid{grid-template-columns:1fr;grid-template-rows:none}
.home .gc-poll + .gc-row + .gc-row .card:first-child,.home .gc-poll + .gc-row + .gc-row .card:not(:first-child){grid-column:auto;grid-row:auto}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child){grid-template-columns:110px 1fr;min-height:110px}
.home .gc-poll + .gc-row + .gc-row .card:not(:first-child) p{display:none}
.home .gc-poll + .gc-row + .gc-row + .gc-row .card{display:grid;grid-template-columns:90px 1fr;grid-template-rows:1fr auto auto auto 1fr;column-gap:16px;text-align:left;padding:14px;align-items:start}
.home .gc-poll + .gc-row + .gc-row + .gc-row .card-media{width:90px;grid-column:1;grid-row:1/-1;align-self:center;margin:0;border-width:3px}
.home .gc-poll + .gc-row + .gc-row + .gc-row .card-cat{grid-column:2;grid-row:2;justify-self:start}
.home .gc-poll + .gc-row + .gc-row + .gc-row h3{grid-column:2;grid-row:3;font-size:26px;margin:6px 0 4px}
.home .gc-poll + .gc-row + .gc-row + .gc-row .meta{grid-column:2;grid-row:4}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto;padding-bottom:16px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .card-media{grid-column:auto;grid-row:auto;aspect-ratio:16/9;height:auto;margin-bottom:14px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .card-cat,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child h3,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child p,.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .meta{grid-column:auto;grid-row:auto;margin-left:16px;margin-right:16px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child .card-cat{justify-self:start}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row .card:first-child h3{font-size:32px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row{padding:18px}
.home .gc-poll + .gc-row + .gc-row + .gc-row + .gc-row + .gc-row .card{aspect-ratio:16/10}
}
/* EINDE HOMEPAGE-INDELING */

/* Discord-knop in het volg-blok */
.gc-follow-links a[href*="discord"]{background:#5865F2;color:#fff}

/* ==========================================================
   DESKTOP-VERBETERINGEN (3 nov 2026)
   Alleen voor grote schermen; de gsm verandert niet.
   Ongedaan maken: verwijder alles tot "EINDE DESKTOP-VERBETERINGEN".
   ========================================================== */
.gc-sidebar{display:none}
/* Kleinere Vice City-kaart, zodat het nieuws in het eerste beeld staat */
@media (min-width:1024px){
.kaart-hero .kaart{padding-top:30px;padding-bottom:30px}
.kaart-hero .kaart .kaart-stad{font-size:clamp(140px,9vw,180px);line-height:.85}
.kaart-hero .kaart .kaart-onder{margin-top:16px;padding-top:14px}
}
/* Artikels: zijbalk met inhoudstafel en Nu populair */
@media (min-width:1200px){
article.single{display:grid;grid-template-columns:minmax(0,760px) 300px;justify-content:center;column-gap:56px}
article.single > .wrap-narrow{margin:0;width:100%;max-width:760px}
.gc-sidebar{display:block;padding:40px 0 60px}
.gc-sidebar-inner{position:sticky;top:88px;display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 110px);overflow:auto}
.gc-sidebar .gc-side-title{font-family:var(--font-display);font-size:24px;line-height:1;margin:0 0 12px;color:var(--text-0)}
.gc-side-toc,.gc-side-pop{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;padding:18px}
.gc-side-toc ol,.gc-side-pop ol{list-style:none;margin:0;padding:0}
.gc-side-toc ol{counter-reset:st}
.gc-side-toc li{counter-increment:st}
.gc-side-toc a{display:flex;gap:10px;padding:7px 8px;border-radius:8px;color:var(--text-1);font-size:14px;line-height:1.35;transition:background .2s,color .2s}
.gc-side-toc a::before{content:counter(st,decimal-leading-zero);font-family:var(--font-display);color:var(--orange);font-size:17px;min-width:22px}
.gc-side-toc a:hover,.gc-side-toc a.actief{background:var(--bg-2);color:var(--text-0)}
.gc-side-toc a.actief::before{color:#FF5DA1}
.gc-side-pop ol{display:flex;flex-direction:column;gap:12px}
.gc-side-pop a{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;font-size:14px;font-weight:600;line-height:1.3}
.gc-side-pop img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.gc-side-pop a:hover span{color:#FF5DA1}
.gc-has-side-toc .entry .gc-toc{display:none}
}
/* Grote schermen: bredere site en iets grotere tekst */
@media (min-width:1600px){
.wrap{max-width:1440px}
.wrap.wrap-narrow{max-width:760px}
.home .home-grid .card h3{font-size:19px}
.home .home-grid .card:nth-child(1) h3{font-size:66px}
.home .card .meta{font-size:13px}
}
/* EINDE DESKTOP-VERBETERINGEN */