/* Aanpassingen 6-11-2026 door de weektaak-chat (Weekonderhoud digisens.nl).
   Overnemen in stijl.css van de bron; dan dit bestand en de <link> weer weghalen. */

/* Menu-items nooit over twee regels */
.menu a { white-space: nowrap; }

/* Homepage: hero in twee kolommen (gebruikt .held-raster uit stijl.css; onder 960px een kolom) */
.held-raster .held-beeld { margin-top: 0; }
@media (max-width: 960px) { .held-raster .held-beeld { margin-top: clamp(28px, 5vw, 48px); } }

/* Veelgestelde vragen: op desktop twee kolommen */
@media (min-width: 961px) {
  .faq.faq-2kol { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; max-width: none; align-items: start; }
  .faq.faq-2kol details { margin: 0; }
}

/* Tekst en vragen naast elkaar (o.a. /ticketsysteem/); onder 960px onder elkaar */
.naast-elkaar { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.naast-elkaar .faq { max-width: none; }
.naast-elkaar h2 { margin-top: 0; }
@media (max-width: 960px) { .naast-elkaar { grid-template-columns: 1fr; gap: 28px; } }

/* Heldbeeld groter (wens Dennis 6-11-2026) */
@media (min-width: 961px) { .held-raster { grid-template-columns: 0.85fr 1.15fr; gap: 44px; } }

/* Vergelijkingstabel (/vergelijken/ en /compare/, 7-11-2026) */
.vergelijk-wrap { overflow-x: auto; border: 1px solid var(--rand); border-radius: var(--rond); background: var(--achtergrond); }
.vergelijk { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 0.95rem; }
.vergelijk th, .vergelijk td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--rand); }
.vergelijk tbody tr:last-child th, .vergelijk tbody tr:last-child td { border-bottom: 0; }
.vergelijk thead th { background: var(--merk-licht); font-weight: 750; white-space: nowrap; }
.vergelijk tbody th { font-weight: 650; width: 22%; }
.vergelijk td:nth-child(2), .vergelijk thead th:nth-child(2) { font-weight: 650; }

/* Cookiemelding (8-11-2026), stijl naar voorbeeld van digisens.nl: kaartje met Ok / Nee / Privacyverklaring */
.cookie-melding { position: fixed; z-index: 1000; right: 24px; bottom: 24px; width: min(400px, calc(100vw - 32px)); background: var(--achtergrond); border: 1px solid var(--rand); border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,0.3); padding: 16px 18px; }
.cookie-melding h2 { font-size: 1rem; margin: 0 0 6px; }
.cookie-melding p { margin: 0 0 12px; font-size: 0.9rem; }
.cookie-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.cookie-knoppen .knop { min-width: 104px; padding-top: 9px; padding-bottom: 9px; }
.cookie-knoppen a { font-size: 0.88rem; }
@media (max-width: 600px) { .cookie-melding { left: 12px; right: 12px; top: 72px; bottom: auto; width: auto; padding: 14px; } }