:root { --bvc-navy: #202245;
--bvc-navy-donker: #171935;
--bvc-navy-licht: #2c2f5e;
--bvc-oranje: #F29100;
--bvc-oranje-donker: #d17e00;
--bvc-geel: #F7E600;
--bvc-rood: #EA3829;
--bvc-groen: #27BB36;
--bvc-wit: #ffffff;
--bvc-navy-rgb: 32, 34, 69;
--bvc-oranje-rgb: 242, 145, 0;
--bvc-geel-rgb: 247, 230, 0;
--bvc-rood-rgb: 234, 56, 41;
--bvc-groen-rgb: 39, 187, 54; --bvc-font-kop: 'Mokoko', Georgia, serif;
--bvc-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; --bvc-radius: 14px;
--bvc-radius-klein: 8px; --bvc-bg: #ffffff; --bvc-bg-sectie: #f1f1f3; --bvc-kaart: #ffffff; --bvc-kaart-rand: #e3e3e8;
--bvc-kaart-schaduw: 0 1px 3px rgba(32, 34, 69, 0.08), 0 4px 12px rgba(32, 34, 69, 0.05);
--bvc-tekst: #202245; --bvc-tekst-gedempt: #6b6d85; --bvc-tekst-op-accent: #202245; --bvc-tekst-op-navy: #ffffff; --bvc-accent: var(--bvc-oranje); --bvc-accent-hover: var(--bvc-oranje-donker);
--bvc-link: #b06a00; --bvc-invoer-bg: #ffffff;
--bvc-invoer-rand: #c9cad6;
--bvc-ok: #197d24; --bvc-fout: #c0271a; --bvc-scheiding: rgba(32, 34, 69, 0.10);
--bvc-vlak-subtiel: rgba(32, 34, 69, 0.05);
} @media ( prefers-color-scheme: dark ) {
:root {
--bvc-bg: var(--bvc-navy);
--bvc-bg-sectie: var(--bvc-navy-donker);
--bvc-kaart: var(--bvc-navy-licht);
--bvc-kaart-rand: rgba(255, 255, 255, 0.10);
--bvc-kaart-schaduw: none;
--bvc-tekst: #ffffff;
--bvc-tekst-gedempt: #b9bad4;
--bvc-tekst-op-accent: var(--bvc-navy);
--bvc-tekst-op-navy: #ffffff;
--bvc-accent: var(--bvc-oranje);
--bvc-accent-hover: #ffa41f;
--bvc-link: var(--bvc-geel);
--bvc-invoer-bg: var(--bvc-navy-licht);
--bvc-invoer-rand: rgba(255, 255, 255, 0.18);
--bvc-ok: #4ade80;
--bvc-fout: #ff6b6b;
--bvc-scheiding: rgba(255, 255, 255, 0.12);
--bvc-vlak-subtiel: rgba(255, 255, 255, 0.07);
}
} :root {
--bvc-orange: var(--bvc-oranje);
--bvc-yellow: var(--bvc-geel);
--bvc-red: var(--bvc-rood);
--bvc-green: var(--bvc-groen);
--bvc-gray: var(--bvc-tekst-gedempt);
--bvc-navy-light: var(--bvc-kaart);
--bvc-grijs: var(--bvc-tekst-gedempt);
--bvc-font-heading: var(--bvc-font-kop);
} .bvc-loterij-app,
.bvc-prize-submission,
.bvc-prizes-slider,
.lotchecker-form,
.lotchecker-results,
.bvc-uit,
.bvc-cv {
font-family: var(--bvc-font-body);
color: var(--bvc-tekst);
}
.bvc-loterij-app :is(h1, h2, h3, h4, h5, h6),
.bvc-prize-submission :is(h1, h2, h3, h4, h5, h6),
.bvc-prizes-slider :is(h1, h2, h3, h4, h5, h6),
.lotchecker-form :is(h1, h2, h3, h4, h5, h6),
.lotchecker-results :is(h1, h2, h3, h4, h5, h6),
.bvc-uit :is(h1, h2, h3, h4, h5, h6),
.bvc-cv :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--bvc-font-kop);
color: var(--bvc-tekst);
}.small-url-input { width: 120px !important; min-width: 80px; display: inline-block; }
.bvc-prizes-slider, .bvc-prizes-slider * { box-sizing: border-box; }
.bvc-prizes-slider { max-width: 1200px; margin: 20px auto; position: relative; }
.bvc-prizes-slider .viewport { overflow: hidden; position: relative; }
.bvc-prizes-slider .slides { display: flex; width: 100%; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
.bvc-prizes-slider .slide { flex: 0 0 100%; min-width: 100%; padding: 10px; display: grid; place-items: center; }
.bvc-prizes-slider .grid { display: grid; gap: 16px; grid-template-columns: 300px; justify-content: center; justify-items: center; margin: 0 auto; }
@media (min-width: 600px) { .bvc-prizes-slider .grid { grid-template-columns: repeat(2, 300px); } }
.bvc-prizes-slider .card { position: relative; width: min(300px, 92vw); min-height: 110px; background: #f7f7fa; border-radius: 10px; box-shadow: 0 2px 8px #0001; padding: 12px 18px; display: flex; align-items: center; justify-content: center; color: var(--bvc-navy); transition: box-shadow 0.2s ease, transform 0.2s ease; }
@media (min-width: 600px) { .bvc-prizes-slider .card { width: 300px; } }
.bvc-prizes-slider .card.clickable { cursor: pointer; }
.bvc-prizes-slider .card.clickable:hover { box-shadow: 0 2px 8px #0001; transform: translateY(-1px); }
.bvc-prizes-slider .card .card-click { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; }
.bvc-prizes-slider .card .card-click:focus-visible { outline: 2px solid var(--bvc-orange); outline-offset: 2px; border-radius: 8px; }
.bvc-prizes-slider .bvc-prize-row { width: 100%; display: flex; align-items: center; gap: 18px; }
.bvc-prizes-slider .bvc-prize-img { flex: 0 0 auto; }
.bvc-prizes-slider .bvc-prize-img img { max-height: 80px; max-width: 80px; width: auto; height: auto; object-fit: contain; display: block; border-radius: 8px; }
.bvc-prizes-slider .bvc-prize-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bvc-prizes-slider h1.bvc-prize-title { color: var(--bvc-navy) !important; font-size: 1.1em; margin: 0 0 2px 0; line-height: 1.15; text-transform: uppercase; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bvc-prizes-slider .bvc-prize-value { color: var(--bvc-orange); font-weight: bold; font-size: 0.95em; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bvc-prizes-slider .bvc-prize-sponsor { font-size: 0.97em; color: #555; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bvc-prizes-slider .nav { position: absolute; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, var(--bvc-yellow) 0%, var(--bvc-orange) 100%); color: var(--bvc-navy); border: none; border-radius: 50%; width: 42px; height: 42px; box-shadow: 0 4px 12px rgba(0,0,0,0.25); cursor: pointer; }
.bvc-prizes-slider .nav:disabled { opacity: 0.5; cursor: not-allowed; }
.bvc-prizes-slider .nav.prev { left: -10px; }
.bvc-prizes-slider .nav.next { right: -10px; }
@media (max-width: 600px) { .bvc-prizes-slider .nav.prev { left: 0; } .bvc-prizes-slider .nav.next { right: 0; } } .bvc-prizes-slider .nav { display: none !important; }
.bvc-prizes-slider .dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.bvc-prizes-slider .dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--bvc-orange); cursor: pointer; padding: 0; }
.bvc-prizes-slider .dot.active { background: var(--bvc-orange); border-color: var(--bvc-orange); } @media (max-width: 600px) {
.bvc-prizes-slider .grid { grid-template-columns: 65vw; gap: 8px; }
.bvc-prizes-slider .grid > .card:nth-child(n+2) { display: none; }
.bvc-prizes-slider .card { width: 65vw; min-height: 90px; padding: 10px 12px; }
.bvc-prizes-slider .bvc-prize-row { gap: 12px; }
.bvc-prizes-slider .bvc-prize-img img { max-height: 60px; max-width: 60px; }
.bvc-prizes-slider h1.bvc-prize-title { font-size: 0.95em; }
.bvc-prizes-slider .bvc-prize-value { font-size: 0.9em; }
.bvc-prizes-slider .bvc-prize-sponsor { font-size: 0.9em; }
}
.bvc-prizes-slider-empty {
background: #ffeaea;
color: var(--bvc-red);
border-radius: 8px;
padding: 16px 18px;
font-size: 1.1em;
text-align: center;
box-shadow: 0 2px 8px #0001;
}