/* Winnaarsportaal (Braian 2026-10-30): het account van een genomineerde (docs/insights-module.md).
   Zelfde opmaak als het clubdashboard (umbraco-templates/dfaDashboard.cshtml): warme achtergrond, witte
   kaarten met zachte schaduw, het DFA-schild, kleine labels in hoofdletters, zwarte ronde knoppen.
   Alles onder .mj-root, zodat de rest van de site er niet door verandert. */
.mj-root{--bg:#F5F2EA;--card:#FFFFFF;--ink:#14170F;--muted:#6C7161;--faint:#9AA08C;--line:#E4DFD1;--line2:#D5CFBD;--gold:#C9A227;--gold-bg:#FBF4DF;--green:#4E8F55;--green-bg:#E8F1E6;--red:#C8543A;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;--shadow:0 1px 2px rgba(20,23,15,.04),0 10px 30px -18px rgba(20,23,15,.25);
  font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--bg);line-height:1.55;padding:40px 16px 56px;-webkit-font-smoothing:antialiased}
.mj-root *{box-sizing:border-box}
.mj-in{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.mj-root h1,.mj-root h2,.mj-root h3{font-family:var(--sans);margin:0;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.mj-root h1{font-size:26px;font-weight:700}.mj-root h2{font-size:19px;font-weight:650}.mj-root h3{font-size:16px;font-weight:650}
.mj-root p{margin:0}
.mj-zacht{color:var(--muted)}.mj-klein{font-size:14px}
.mj-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600}
.mj-root button:focus-visible,.mj-root a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Inloggen: één kaart in het midden, als het clubdashboard */
.mj-login{width:100%;max-width:430px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px 32px 28px;text-align:center}
.mj-schild{display:block;height:132px;width:auto;margin:0 auto 20px}
.mj-login h1{font-size:21px;font-weight:650}
.mj-login .mj-sub{margin-top:6px;font-size:13.5px;color:var(--muted)}
.mj-login .mj-intro{margin:20px 0 22px;font-size:14px;color:var(--muted);text-align:left}
.mj-veld{text-align:left;margin-bottom:14px}
.mj-veld label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-bottom:6px}
.mj-veld input{width:100%;border:1px solid var(--line2);border-radius:11px;padding:12px 14px;background:#FCFBF7;font:inherit;font-size:14.5px;color:var(--ink);-webkit-appearance:none}
.mj-veld input::placeholder{color:var(--faint)}
.mj-veld input:focus{outline:2px solid var(--gold);outline-offset:1px}
.mj-veld input[readonly]{background:var(--bg);color:var(--muted)}
.mj-veld input.mj-code{letter-spacing:.14em;text-transform:uppercase}
.mj-veld small{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
.mj-knop{display:block;width:100%;border:0;background:var(--ink);color:#F5F2EA;border-radius:999px;padding:13px 20px;font:600 14px var(--sans);text-align:center;cursor:pointer;text-decoration:none;margin-top:6px}
.mj-knop.mj-licht{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.mj-knop.mj-smal{display:inline-block;width:auto;margin:0}
.mj-knop:disabled{opacity:.5;cursor:default}
.mj-link{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mj-fout{margin-top:12px;font-size:13.5px;color:var(--red);text-align:left}
.mj-of{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.mj-voet{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.mj-voet a{color:inherit;text-decoration:underline}

/* Overzicht */
.mj-kop{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between}
.mj-kop .mj-merk{display:flex;align-items:center;gap:16px}
.mj-kop .mj-schild{height:62px;margin:0}
.mj-keuze{display:flex;flex-wrap:wrap;gap:8px}
.mj-keuze button{border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 16px;font:500 14px var(--sans);cursor:pointer}
.mj-keuze button[aria-pressed="true"]{background:var(--ink);color:#F5F2EA;border-color:var(--ink)}
.mj-blokken{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
@media (max-width:860px){.mj-blokken{grid-template-columns:minmax(0,1fr)}}
.mj-blok,.mj-kaart{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:6px;min-width:0}
.mj-kaart{gap:14px}
.mj-items{list-style:none;margin:10px 0 0;padding:0}
.mj-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);padding:13px 2px;text-align:left;font:500 15px var(--sans);cursor:pointer}
a.mj-item{text-decoration:none;box-sizing:border-box}
.mj-item:hover{color:var(--gold)}
.mj-item.mj-uit{color:var(--muted);font-weight:400}
.mj-item small{font-size:13px;color:var(--muted);font-weight:400}
.mj-pijl{color:var(--faint);font-size:18px}
.mj-chip{display:inline-flex;align-items:center;font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--bg);white-space:nowrap}
.mj-chip.mj-goed{background:var(--green-bg);color:var(--green)}
.mj-titels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mj-titels li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.mj-plaats{background:var(--gold-bg);color:#7A5A12;border:1px solid #EAD9A6;border-radius:999px;padding:4px 11px;font-weight:650;font-size:13px;white-space:nowrap}
.mj-wachten{background:#FCFBF7;border:1px dashed var(--line2);border-radius:14px;padding:16px;font-size:14px;color:var(--muted)}
/* Ticketsoorten in het blok Ticket (Willem 2026-11-02). */
.mj-soortkop{font-size:15px;margin:18px 0 8px}
.mj-soorten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 14px}
.mj-soort{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line2);border-radius:14px;background:#FCFBF7;color:inherit;text-decoration:none}
.mj-soort:hover,.mj-soort:focus-visible{border-color:var(--ink,#14170F)}
.mj-soort b{font-size:15px}
.mj-erbij{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.mj-erbij .mj-veld{margin:0;flex:1 1 220px}
.mj-test{background:var(--gold-bg);border:1px solid #EAD9A6;color:#7A5A12;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;align-self:center}

/* Uitreiking: tickets, gezelschap, awards, kit */
.mj-tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mj-ticket{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#FCFBF7}
.mj-ticket img{width:120px;height:120px;border-radius:8px;background:#fff;display:block}
.mj-mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em}
.mj-lijst{list-style:none;margin:0;padding:0}
.mj-lijst li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.mj-lijst li>div{min-width:0}
.mj-awards{display:flex;flex-direction:column;gap:14px}
.mj-awardrij{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center}
/* De award: dezelfde verhoudingen als in de webshop (public/webshop/app.css, .ws-aw) */
.mj-aw{position:relative;width:150px;aspect-ratio:640/752;container-type:inline-size;background:#000 center/cover no-repeat;color:#fff;font-family:Inter,system-ui,sans-serif;overflow:hidden;border-radius:4px;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.mj-aw-jaar{position:absolute;left:42.6%;top:29.5%;width:14.8%;height:3.7%;border-radius:1.2cqw;font-size:2.3cqw;font-weight:800;display:flex;align-items:center;justify-content:center}
.mj-aw.regionaal .mj-aw-jaar{background:linear-gradient(90deg,#f7e6ad,#c8983a);color:#151515}
.mj-aw.landelijk .mj-aw-jaar{background:#111;color:#fff}
.mj-aw-cat{position:absolute;left:10%;right:10%;top:49.3%;text-align:center;color:#e3a84f;font-size:2.75cqw;line-height:1.2}
.mj-aw-naam{position:absolute;left:10%;right:10%;top:52.8%;text-align:center;font-size:6.4cqw;font-weight:900;line-height:1.2;word-break:break-word}
.mj-aw-titel{position:absolute;left:24%;right:24%;top:74.5%;height:17%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.mj-aw-lbl{color:#e3a84f;font-size:4cqw;font-weight:800;line-height:1.1}
.mj-aw-kop{font-size:4.7cqw;font-weight:800;line-height:1.15}
.mj-aw.landelijk .mj-aw-kop{font-size:5.6cqw}
.mj-aw-reg{font-size:2.2cqw;line-height:1.3}
.mj-kitgroep{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.mj-kitgroep h3{font-size:15px}
.mj-kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.mj-kit figure{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.mj-kitvlak{aspect-ratio:4/3;background:#EFEBE0;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}
.mj-kit img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px;box-shadow:0 2px 10px rgba(20,23,15,.18)}
.mj-kit figcaption{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4}
.mj-kit figcaption b{font-size:14px;font-weight:600}
.mj-kit .mj-knop{margin-top:auto;width:100%}
@media (max-width:520px){.mj-awardrij{grid-template-columns:110px minmax(0,1fr)}.mj-aw{width:110px}.mj-ticket img{width:96px;height:96px}}

/* Gastenlijst */
.mj-naam{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;width:100%}
.mj-lijst li.mj-gastrij{display:block}
.mj-gast{display:flex;flex-direction:column;gap:10px;width:100%}
.mj-gastvelden{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.mj-gastvelden .mj-veld{margin:0}
.mj-vinkje{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--muted)}
.mj-vinkje input{margin-top:3px}
.mj-gastknoppen{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.mj-ok{font-size:12.5px;color:var(--green)}
.mj-naam .mj-veld{margin:0;flex:1 1 240px}
.mj-naam small{display:block;margin-top:4px;font-size:12.5px;color:var(--green)}
.mj-schakel{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.mj-schakel input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ink)}
.mj-mensen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.mj-mens{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px;background:#FCFBF7}
.mj-mens img,.mj-mens>span{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--gold-bg);color:#7A5A12;display:grid;place-items:center;font-weight:650}
.mj-mens b{display:block;overflow-wrap:anywhere}
.mj-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.mj-fotos figure{margin:0;display:flex;flex-direction:column;gap:6px}
.mj-fotos img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:var(--gold-bg);display:block}
.mj-fotos figure .mj-knop{width:100%}
.mj-fotojaar{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.mj-fotojaar h3{font-size:17px}.mj-fotokop{font-size:14px;margin:4px 0 0;font-weight:600}
.mj-nom{display:flex;flex-direction:column;gap:14px}
.mj-nom+.mj-nom{margin-top:10px;padding-top:20px;border-top:1px solid var(--line)}
.mj-nomkop{font-size:17px}


/* De pagina /winnaarsportaal/ zet het portaal in een zwarte sectie met een smalle kolom; zonder dit stond er een
   crème vlak met zwarte randen (Willem 2026-10-30). Zoals de webshop: de hele sectie krijgt de achtergrond. */
section:has(.mj-root){background:#F5F2EA!important}
/* Op dutchfitnessawards.nl: de site maakt koppen wit en zet alinea's in Poppins. Binnen het portaal
   gelden de eigen kleuren en het eigen lettertype (gezien op /winnaarsportaal/, 2026-10-30). */
/* Ook h4 tot en met h6: de site maakt koppen wit, zodat "Leeftijd" en "Geslacht" in Inzichten onzichtbaar waren (Willem 2026-11-01). */
.mj-root h1,.mj-root h2,.mj-root h3,.mj-root h4,.mj-root h5,.mj-root h6{color:var(--ink)!important;font-family:var(--sans)!important}
/* De site maakt li en a in deze sectie wit; titels en chips in een lijstregel erfden dat en stonden wit op wit (Willem 2026-10-30). */
.mj-root li,.mj-root a.mj-item{color:var(--ink)!important}
.mj-root .mj-item.mj-uit,.mj-root .mj-item small{color:var(--muted)!important}
/* Ook alinea's maakt de site wit: zonder eigen kleur nemen ze die van hun blok over. Wie een eigen kleur heeft, houdt die. */
.mj-root :where(p){color:inherit!important}
.mj-root .mj-test{color:#7A5A12!important}.mj-root .mj-fout{color:var(--red)!important}.mj-root .mj-st-zacht{color:var(--muted)!important}
.mj-root p,.mj-root li,.mj-root span,.mj-root a,.mj-root button,.mj-root label,.mj-root input,.mj-root small,.mj-root b,.mj-root figcaption{font-family:var(--sans)!important}
.mj-root .mj-zacht,.mj-root .mj-sub,.mj-root .mj-intro,.mj-root .mj-voet,.mj-root .mj-of{color:var(--muted)!important}
.mj-root .mj-knop{color:#F5F2EA!important}.mj-root .mj-knop.mj-licht{color:var(--ink)!important}
.mj-root .mj-link{color:var(--ink)!important}
.mj-root .mj-aw,.mj-root .mj-aw *{color:#fff}.mj-root .mj-aw-cat,.mj-root .mj-aw-lbl{color:#e3a84f!important}
.mj-schets .mj-mens{opacity:.55}
.mj-schets .mj-mens span{background:var(--line)}
.mj-schets b,.mj-schets p{display:block;height:12px;border-radius:6px;background:var(--line);margin-bottom:6px}
.mj-schets p{width:70%}

/* Digitale awards: per plaats een kaart met wat er besteld is (Willem 2026-10-30) */
.mj-aantallen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mj-aantallen div{background:#FCFBF7;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.mj-aantallen b{font-size:24px;font-weight:700;color:var(--ink)}
.mj-aantallen span{font-size:13px;color:var(--muted)}
.mj-awardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mj-awardkaart{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start;border:1px solid var(--line);border-radius:18px;padding:14px;background:#FCFBF7}
.mj-awardkaart .mj-aw{width:130px}
.mj-awardtekst{display:flex;flex-direction:column;gap:8px;min-width:0}
.mj-awardtekst h3{font-size:16px}
.mj-besteld{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}
.mj-besteld li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start}
.mj-besteld b{display:block;font-size:14px;font-weight:600}
.mj-besteld small{display:block;font-size:13px;color:var(--muted)}
.mj-vink{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700}
.mj-ja .mj-vink{background:var(--green-bg);color:var(--green)}
.mj-nee .mj-vink{background:var(--bg);color:var(--faint)}
.mj-nee b{color:var(--muted)}
@media (max-width:520px){.mj-awardkaart{grid-template-columns:96px minmax(0,1fr)}.mj-awardkaart .mj-aw{width:96px}.mj-aantallen b{font-size:20px}}
.mj-awardtekst .mj-knop{align-self:flex-start;white-space:nowrap}
.mj-blok .mj-voet{margin-top:auto;padding-top:14px}

/* Facturen (2026-10-30): titel en nummer links, downloaden rechts, op één lijn */
.mj-facturen li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.mj-facturen li .mj-knop{white-space:nowrap;justify-self:end}
.mj-facturen li b{display:block}
/* Vakjury-uitnodiging: de categorieën en de logo's van wie het mogelijk maakt (Willem 2026-10-30). */
.mj-root ul.mj-cats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mj-root ul.mj-cats li{border:1px solid var(--line2);border-radius:999px;padding:6px 14px;font-size:14px;background:var(--card)}
.mj-logos{display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.mj-logos img{height:44px;width:auto;max-width:160px;object-fit:contain}

/* Digitale awards als lijst, zoals Facturen (Willem 2026-10-30): kleine foto, titel, wat besteld is, rechts downloaden */
.mj-awardlijst li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center}
.mj-awardduim .mj-aw{width:52px;border-radius:3px;box-shadow:none}
.mj-awardlijst li b{display:block}
.mj-awardlijst li .mj-knop{white-space:nowrap;justify-self:end}
@media (max-width:520px){.mj-awardlijst li{grid-template-columns:44px minmax(0,1fr)}.mj-awardduim .mj-aw{width:44px}.mj-awardlijst li .mj-knop{grid-column:2;justify-self:start}}

/* Foto's: eerst de mappen per editie, een klik opent de foto's (Willem 2026-10-30) */
.mj-mappen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.mj-map{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);border-radius:16px;background:#FCFBF7;overflow:hidden;cursor:pointer;text-align:left;color:var(--ink);font:inherit}
.mj-map:hover{border-color:var(--gold)}
.mj-mapomslag{display:block;aspect-ratio:16/10;background:var(--sunk,#EFEBE1)}
.mj-mapomslag img{width:100%;height:100%;object-fit:cover;display:block}
.mj-mapleeg{display:grid;place-items:center;height:100%;color:var(--faint);font-size:14px}
.mj-maptekst{display:flex;flex-direction:column;gap:2px;padding:12px 14px}
.mj-maptekst b{font-size:16px}
.mj-maptekst small{font-size:13px;color:var(--muted)}
.mj-fototerug{text-align:left}

/* Promotiekit zoals Foto's en Facturen (Willem 2026-10-30): mappen per plaats, daarbinnen een lijst */
.mj-kitlijst li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center}
.mj-kitduim{width:64px;height:64px;border-radius:8px;background:#111;display:grid;place-items:center;overflow:hidden}
.mj-kitduim img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mj-kitlijst li b{display:block}
.mj-kitlijst li .mj-knop{white-space:nowrap;justify-self:end}
.mj-kitomslag{background:#111}
.mj-kitomslag img{object-fit:contain!important}
@media (max-width:520px){.mj-kitlijst li{grid-template-columns:52px minmax(0,1fr)}.mj-kitduim{width:52px;height:52px}.mj-kitlijst li .mj-knop{grid-column:2;justify-self:start}}
/* Gastenlijst (Willem 2026-10-30): eerst wie er komen met een filter, je eigen gezelschap ingeklapt eronder. */
.mj-gastfilter{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg);border-radius:999px;margin:4px 0 6px;align-self:flex-start}
.mj-gastfilter button{border:0;background:transparent;font:inherit;font-size:14px;padding:7px 14px;border-radius:999px;cursor:pointer;color:var(--ink)}
.mj-gastfilter button small{color:var(--muted);margin-left:4px;font-size:12.5px}
.mj-gastfilter button[aria-pressed="true"]{background:var(--ink);color:#fff}
.mj-gastfilter button[aria-pressed="true"] small{color:rgba(255,255,255,.75)}
.mj-gezelschap details{width:100%}
.mj-gezelschap summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none}
.mj-gezelschap summary::-webkit-details-marker{display:none}
.mj-gezelschap details[open] summary{margin-bottom:12px}
.mj-gezelschap details[open] summary .mj-link{visibility:hidden}
@media (max-width:640px){.mj-gastfilter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-radius:14px}.mj-gastfilter button{padding:8px 4px;font-size:13px;border-radius:10px;white-space:nowrap}}
/* Willem 2026-10-31: de titel Winnaarsportaal groter en duidelijker na het inloggen, de naam eronder. */
.mj-root .mj-kop h1.mj-titel{font-size:34px;line-height:1.1;margin:0;letter-spacing:-.01em}
.mj-root .mj-kop .mj-naam{margin:4px 0 0;font-size:17px;color:var(--muted);font-weight:500}
@media (max-width:520px){.mj-root .mj-kop h1.mj-titel{font-size:28px}}
/* Dezelfde knop als in de ticketwebshop (goud, zwarte letters, hoofdletters). */
.mj-root .mj-knop.mj-shop{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:48px;padding:0 24px;margin:0;border-radius:10px;background:var(--gold);color:var(--ink)!important;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.mj-logos a{display:inline-flex;align-items:center;border-radius:8px}.mj-logos a:hover img{opacity:.8}
.mj-root ul.mj-cats li{padding:0;border:0;background:none}
.mj-root ul.mj-cats a{display:inline-block;border:1px solid var(--line2);border-radius:999px;padding:6px 14px;font-size:14px;background:var(--card);color:var(--ink)!important;text-decoration:none}
.mj-root ul.mj-cats a:hover{border-color:var(--gold)}
/* Gastenlijst: eerst je eigen profiel met foto (Willem 2026-10-31). */
.mj-profiel{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#FCFBF7}
.mj-profielfoto{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.mj-profielfoto img,.mj-profielfoto>span{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--gold-bg);color:#7A5A12;display:grid;place-items:center;font-size:28px;font-weight:650}
.mj-profielfoto small{font-size:12.5px;color:var(--ink);text-decoration:underline}
.mj-profieltekst{display:flex;flex-direction:column;gap:8px;min-width:0}
.mj-profielnaam{font-size:18px}
.mj-profiel .mj-veld{margin:0}
.mj-verborgen{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@media (max-width:520px){.mj-profiel{grid-template-columns:72px minmax(0,1fr);gap:12px}.mj-profielfoto img,.mj-profielfoto>span{width:72px;height:72px;font-size:22px}}
/* Meekijken als beheerder (Willem 2026-10-31): gele balk bovenaan, zoals in de Onlinestemtool. */
.mj-root .mj-meekijk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;background:#FFE58A;color:#14170F;border:1px solid #E8C547;border-radius:12px;padding:10px 16px;margin-bottom:16px;font-size:14.5px}
.mj-root .mj-meekijk .mj-link{color:#14170F!important;font-weight:600}
/* Induiken na het inloggen (Willem 2026-10-31). Staat op body, buiten .mj-root. */
.mj-duik{position:fixed;inset:0;z-index:99999;overflow:hidden;background:#0b0c08;cursor:pointer;perspective:600px;animation:mjDuikUit .35s ease-in 1.45s forwards}
.mj-duik-gloed{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(227,179,65,.35) 0%,rgba(227,179,65,.08) 22%,transparent 50%);animation:mjGloed 1.5s ease-in forwards}
.mj-duik-tunnel{position:absolute;left:50%;top:50%;width:0;height:0}
.mj-duik-tunnel i{position:absolute;left:0;top:0;width:var(--b);height:var(--l);margin-left:calc(var(--b) / -2);border-radius:2px;background:linear-gradient(to bottom,rgba(245,215,122,0),#F5D77A 60%,#fff);transform-origin:50% 0;opacity:0;transform:rotate(var(--a)) translateY(20px) scaleY(.2);animation:mjStreep .9s cubic-bezier(.55,0,.9,.4) calc(.25s + var(--d)) forwards}
.mj-duik-schild{position:absolute;left:50%;top:50%;width:120px;height:auto;margin:-70px 0 0 -60px;filter:drop-shadow(0 0 40px rgba(227,179,65,.6));animation:mjSchildDuik 1.45s cubic-bezier(.7,0,.84,0) forwards}
.mj-duik-flits{position:absolute;inset:0;background:#FFF4CC;opacity:0;animation:mjFlits .5s ease-out 1.15s forwards}
.mj-duik-stil .mj-duik-schild,.mj-duik-stil .mj-duik-gloed{animation:none}.mj-duik-stil{animation:mjDuikUit .4s ease-in .1s forwards}
/* Het portaal landt: het komt uit de diepte naar voren en wordt scherp. */
.mj-root.mj-landen{transform:scale(.86);filter:blur(10px);opacity:0}
.mj-root.mj-landen.mj-geland{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .7s ease-out,opacity .5s ease-out;transform:none;filter:none;opacity:1}
@media (prefers-reduced-motion:reduce){.mj-root.mj-landen{transform:none;filter:none}}
@keyframes mjStreep{0%{opacity:0;transform:rotate(var(--a)) translateY(20px) scaleY(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(70vmax) scaleY(3)}}
@keyframes mjSchildDuik{0%{transform:scale(.6);opacity:0}18%{transform:scale(1);opacity:1}45%{transform:scale(1.08)}100%{transform:scale(26);opacity:0}}
@keyframes mjGloed{0%{opacity:.3}70%{opacity:1}100%{opacity:1;transform:scale(2.5)}}
@keyframes mjFlits{0%{opacity:0}35%{opacity:.85}100%{opacity:0}}
@keyframes mjDuikUit{to{opacity:0}}

/* Inloggen in één scherm, zonder scrollen (Willem 2026-10-31): kleiner schild, minder witruimte. */
.mj-login{padding:22px 28px 18px}
.mj-login .mj-schild{height:84px;margin:0 auto 10px}
.mj-login h1{font-size:20px}
.mj-login .mj-sub{margin-top:2px}
.mj-login .mj-intro{margin:12px 0 14px;line-height:1.45}
.mj-login .mj-of{margin-top:14px;padding-top:12px}
.mj-login .mj-voet{margin-top:12px;padding-top:10px;line-height:1.4}
.mj-login .mj-veld{margin-bottom:10px}
.mj-login .mj-veld label{margin-bottom:4px}
.mj-login .mj-veld input{padding:10px 14px}
/* Inloggen zonder scrollen, ook op een laptop (Willem 2026-10-31): de sectie van de site zet 88 px boven het portaal en
   het portaal zelf 40 px. Alleen op de pagina met het portaal (:has), de rest van de site blijft zoals hij is. */
.mj-root{padding-top:16px!important}
div:has(> .container > .grid > .component-richEditor > .mj-root){padding-top:16px!important}
/* Geen witte of zwarte strook onder de footer op een hoog scherm (Willem 2026-10-31: "je wilt dat het middenstuk groter
   is"): op de pagina met het portaal groeit het middenstuk mee tot de footer onderaan het venster staat. */
body:has(.mj-root){display:flex;flex-direction:column;min-height:100vh}
body:has(.mj-root)>section:has(.mj-root){flex:1 0 auto}
/* Overzicht groter op een computerscherm (Willem 2026-10-31: "kan dit wat groter zodat er minder witruimte is met de
   footer en de 3 blokken bovenin"): ruimere regels, grotere koppen, meer binnenruimte. Op de telefoon blijft het compact. */
@media (min-width:861px){
  .mj-in{gap:28px}
  .mj-blokken{gap:22px}
  .mj-blok{padding:32px 32px 30px;gap:8px}
  .mj-blok h2{font-size:23px}
  .mj-item{padding:19px 4px;font-size:16.5px}
  .mj-root .mj-kop h1.mj-titel{font-size:40px}
  .mj-root .mj-kop .mj-naam{font-size:19px}
}
/* Profiel: interesses als vinkjes, en op de kaarten (Willem 2026-10-31). */
.mj-veldlabel{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.mj-interesses{display:flex;flex-wrap:wrap;gap:6px}
.mj-interesse{display:inline-flex;align-items:center;cursor:pointer}
.mj-interesse input{position:absolute;opacity:0;pointer-events:none}
.mj-interesse span{border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13.5px;background:var(--card);color:var(--ink)}
.mj-interesse input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.mj-interesse input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.mj-interessesregel{margin:2px 0 0;color:var(--ink)}
.mj-chip-jij{background:var(--ink);color:#fff}
.mj-root .mj-veld .mj-interesse,.mj-veld .mj-interesse{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:400;margin:0;color:var(--ink)}
.mj-root .mj-interesse input:checked+span{color:#fff!important}
/* Bijbestellen als laatste regel van Jouw gezelschap (Willem 2026-10-31). */
.mj-lijst li.mj-bijbestel{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mj-lijst li.mj-bijbestel b{color:var(--muted)}
/* Gastenlijst: alle kaarten even groot, de foto groot bovenin, naam en regel elk maximaal twee regels (Willem 2026-10-31). */
.mj-mensen{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:1fr}
.mj-mens{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;justify-items:center;text-align:center;padding:16px 12px;gap:10px}
.mj-mens img,.mj-mens>span{width:88px;height:88px;font-size:22px}
.mj-mens>div{min-width:0;width:100%}
.mj-mens b{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;overflow-wrap:anywhere}
.mj-mens p{margin:4px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mj-mens .mj-chip{margin-top:6px}
@media (max-width:520px){.mj-mensen{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mj-mens img,.mj-mens>span{width:72px;height:72px}}
/* Interesses in de stijl van de keuzes bij Contactgegevens (Willem 2026-10-31: "de styling is niet correct"). */
.mj-veld .mj-interesse span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);border-radius:999px;padding:5px 12px 5px 6px;font-size:14px;background:var(--card);color:var(--ink)}
.mj-interesse span i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2);font-style:normal;font-size:11px;font-weight:700;flex:none}
.mj-root .mj-interesse input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff!important}
.mj-interesse input:checked+span i{background:var(--gold);border-color:var(--gold);color:#fff}
.mj-interesse input:checked+span i::before{content:"✓"}
.mj-interesses{gap:6px 6px}
/* Zo zien anderen je, naast het profiel. */
.mj-profiel{grid-template-columns:96px minmax(0,1fr) 200px}
.mj-profielvoorbeeld{display:flex;flex-direction:column;gap:8px}
.mj-profielvoorbeeld .mj-mens{background:#fff}
@media (max-width:760px){.mj-profiel{grid-template-columns:72px minmax(0,1fr)}.mj-profielvoorbeeld{grid-column:1 / -1;max-width:240px}}
/* Interesses als labels op de kaart, niet afgekapt; eigen interesse toevoegen; functieveld smaller (Willem 2026-10-31). */
.mj-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px}
.mj-tags span{font-size:11.5px;line-height:1.3;padding:3px 8px;border-radius:999px;background:var(--gold-bg);color:#5C4510}
.mj-profiel #mj_profielregel{max-width:320px}
.mj-eigeninteresse{margin-top:8px;max-width:320px;width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.mj-mensen{grid-auto-rows:auto}
.mj-gastbalk{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 14px}
.mj-gastbalk .mj-gastfilter{margin:0}
.mj-gastzoek{flex:1 1 220px;max-width:340px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.mj-mens[hidden]{display:none}
.mj-interesse{position:relative}.mj-interesse input{left:0;top:0;width:1px;height:1px}
.mj-mensmail{display:block;margin-top:6px;overflow-wrap:anywhere}
/* Overal dezelfde gouden knop als "Bijbestellen of wijzigen" (Willem 2026-10-31): goud, donkere letters, hoofdletters,
   hoek van 10 px. De lichte variant (Terug, Downloaden) heeft dezelfde vorm, wit met een gouden rand. */
.mj-root .mj-knop{border-radius:10px!important;font-weight:800!important;font-size:13.5px!important;text-transform:uppercase;letter-spacing:.04em;min-height:46px;padding:0 22px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.mj-root .mj-knop:not(.mj-licht){background:var(--gold)!important;color:var(--ink)!important;border:0!important}
.mj-root .mj-knop.mj-licht{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--gold)!important}
.mj-root .mj-knop.mj-smal{min-height:40px;padding:0 16px!important;font-size:12.5px!important}
.mj-root .mj-knop:not(:disabled):hover{filter:brightness(.96)}
.mj-root .mj-knop:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* Bevestiging na een betaling (Willem 2026-11-01). */
.mj-bevestiging{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 14px;padding:16px 18px;border-radius:14px;background:#F1F6EC;border:1px solid #CFE0BF}
.mj-bevestiging>div{flex:1 1 260px}
.mj-bevestiging b{font-size:16px}
.mj-bevestiging p{margin:4px 0 0}
.mj-bev-vink{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;font-weight:800;flex:none}
.mj-bev-wacht{background:#FCFBF7;border-color:var(--line)}
/* Het goud van de webshop (#EDBA4D) voor alle knoppen (Willem 2026-11-01: "een soort vieze bruine kleur"). */
.mj-root{--knop:#EDBA4D}
.mj-root .mj-knop:not(.mj-licht),.mj-root .mj-knop.mj-shop{background:var(--knop)!important;color:#14170F!important}
.mj-root .mj-knop.mj-licht{border-color:var(--knop)!important}
.mj-root .mj-interesse input:checked+span i,.mj-root .mj-bev-vink{background:var(--knop);border-color:var(--knop)}
/* Profiel: één foto, op je kaart rechts; links de velden (Willem 2026-11-01). */
.mj-profiel{grid-template-columns:minmax(0,1fr) 220px!important}
.mj-profielvoorbeeld .mj-profielfoto{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.mj-profielvoorbeeld .mj-profielfoto small{text-decoration:underline;font-size:12.5px;color:var(--ink)}
.mj-profiel #mj_profielnaam{max-width:420px}
@media (max-width:760px){.mj-profiel{grid-template-columns:minmax(0,1fr)!important}.mj-profielvoorbeeld{max-width:260px}}
/* Het metallic goud van de codeknop in de webshop (.ws-light, --g) op alle knoppen (Willem 2026-11-01). */
.mj-root{--knopgoud:linear-gradient(143deg,#D0AD67 2%,#F9E78C 16%,#F8F6C2 23%,#F9E78C 32%,#D0AD67 65%,#492926 108%)}
.mj-root .mj-knop:not(.mj-licht),.mj-root .mj-knop.mj-shop{background:var(--knopgoud)!important;color:#000!important;border:0!important}
.mj-root .mj-knop.mj-licht{border-color:#D0AD67!important}
.mj-eigeninteresse{min-width:240px}
.mj-root .mj-beheer{text-align:center;margin:28px 0 0}
/* Voornaam en achternaam naast elkaar (Willem 2026-11-01). */
.mj-veldrij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:420px}
.mj-profiel #mj_bedrijf{max-width:420px}
@media (max-width:520px){.mj-veldrij{grid-template-columns:minmax(0,1fr)}}

/* Nederlandse Horeca Prijzen (2026-11-01, src/merk.js): dezelfde opmaak in de NHP-kleuren, bordeaux #651321 en
   rosé #F4D9DC (docs/stemflow-nhp-mwa-2026.md). app.js zet .mj-merk-nhp op de root als de dienst VERKIEZING=NHP heeft. */
.mj-root.mj-merk-nhp{--bg:#F8F1F1;--line:#ECDCDD;--line2:#DCC5C7;--gold:#651321;--gold-bg:#F4D9DC;--muted:#6F5A5C;--faint:#A08A8C}
.mj-root.mj-merk-nhp .mj-knop:not(.mj-licht),.mj-root.mj-merk-nhp .mj-knop.mj-shop{background:#651321!important;color:#fff!important}
.mj-root.mj-merk-nhp .mj-knop.mj-licht{border-color:#651321!important}
/* Het NHP-embleem is breed: lager dan het DFA-schild, zodat de inlogkaart zonder scrollen past (Willem 2026-11-01). */
.mj-root.mj-merk-nhp .mj-login .mj-schild{height:60px;margin:0 auto 6px}
.mj-root.mj-merk-nhp .mj-login{padding:18px 28px 14px}
.mj-root.mj-merk-nhp .mj-login .mj-intro{margin:10px 0 12px}
.mj-root.mj-merk-nhp .mj-login .mj-of{margin-top:10px;padding-top:10px}
.mj-root.mj-merk-nhp .mj-login .mj-voet{margin-top:10px;padding-top:8px}
section:has(.mj-merk-nhp){background:#F8F1F1 !important}
@media (min-width:861px){.mj-root.mj-merk-nhp .mj-blokken{grid-template-columns:repeat(2,minmax(0,1fr))}} /* NHP: twee blokken, geen vakjury */

/* Modewinkel Awards (2026-11-01, src/merk.js): dezelfde opmaak in de MWA-kleuren. app.js zet .mj-merk-mwa op de root bij
   VERKIEZING=MWA. 2026-11-02 (Willem: "gelijk trekken" met de awards en de webshop): inkt #2B2320, koraal #F2A797, crème
   #FBF1E6, koppen in Fraunces. Koraal is licht, dus knoppen in koraal met inkt erop (7,9:1), nooit wit. */
.mj-root.mj-merk-mwa{--bg:#FBF1E6;--ink:#2B2320;--line:#EEDFD0;--line2:#E0CBB8;--gold:#F2A797;--gold-bg:#FBE1DC;--muted:#6E5A55;--faint:#A08C80}
.mj-root.mj-merk-mwa .mj-knop:not(.mj-licht),.mj-root.mj-merk-mwa .mj-knop.mj-shop{background:#F2A797!important;color:#2B2320!important}
.mj-root.mj-merk-mwa .mj-knop.mj-licht{border-color:#2B2320!important}
.mj-root.mj-merk-mwa .mj-interesse input:checked+span i{color:#2B2320}
.mj-root.mj-merk-mwa .mj-item:hover{color:#2B2320;text-decoration:underline}
.mj-root.mj-merk-mwa h1,.mj-root.mj-merk-mwa h2,.mj-root.mj-merk-mwa h3{font-family:Fraunces,Georgia,serif!important;font-weight:600;letter-spacing:0}
/* De rozet is rond: even hoog als het NHP-embleem, zodat de inlogkaart zonder scrollen past. */
.mj-root.mj-merk-mwa .mj-login .mj-schild{height:72px;margin:0 auto 6px}
.mj-root.mj-merk-mwa .mj-login{padding:18px 28px 14px}
.mj-root.mj-merk-mwa .mj-login .mj-intro{margin:10px 0 12px}
.mj-root.mj-merk-mwa .mj-login .mj-of{margin-top:10px;padding-top:10px}
.mj-root.mj-merk-mwa .mj-login .mj-voet{margin-top:10px;padding-top:8px}
section:has(.mj-merk-mwa){background:#FBF1E6 !important}
@media (min-width:861px){.mj-root.mj-merk-mwa .mj-blokken{grid-template-columns:repeat(2,minmax(0,1fr))}} /* MWA: twee blokken, geen vakjury */
/* Inloggen groter op een scherm vanaf 700px (Willem 2026-11-01, NHP: "dit mag wel wat groter als je wilt inloggen"): een bredere
   kaart, grotere kop, tekst, velden en knop. Geldt voor elk merk; de verticale ruimte blijft compact, zodat er niet gescrold hoeft. */
@media (min-width:700px){
  .mj-root .mj-login{max-width:540px;padding-left:44px;padding-right:44px}
  .mj-root .mj-login h1{font-size:28px}
  .mj-root .mj-login .mj-sub{font-size:16px}
  .mj-root .mj-login .mj-intro{font-size:16px}
  .mj-root .mj-login .mj-veld label{font-size:12.5px}
  .mj-root .mj-login .mj-veld input{font-size:17px;padding:14px 16px}
  .mj-root .mj-login .mj-knop{font-size:16px!important;min-height:54px!important}
  .mj-root .mj-login .mj-of,.mj-root .mj-login .mj-voet,.mj-root .mj-login p.mj-zacht{font-size:15px!important}
  .mj-root .mj-login .mj-link{font-size:15.5px}
  .mj-root.mj-merk-nhp .mj-login .mj-schild{height:76px}
  .mj-root.mj-merk-mwa .mj-login .mj-schild{height:88px}
}

@font-face{font-family:"Funnel Display";src:url(../fonts/FunnelDisplay-500.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Funnel Display";src:url(../fonts/FunnelDisplay-800.ttf) format("truetype");font-weight:800;font-display:swap}
/* NHP-award als miniatuur, dezelfde opmaak als src/award.js svgNhp (Willem 2026-11-01: "ik zie hier nog de dfa awards"). */
.mj-aw.nhp{font-family:"Funnel Display",Poppins,Inter,system-ui,sans-serif;background-color:#651321}
.mj-aw.nhp .mj-aw-jaar{left:30%;width:40%;top:8.2%;height:3.4%;background:none!important;color:#fff;font-size:2.6cqw;font-weight:800;border-radius:0}
.mj-root .mj-aw.nhp.nhp-donkerjaar .mj-aw-jaar{color:#6b1626!important}
.mj-aw.nhp .mj-aw-cat{top:49.6%;font-size:2.6cqw;font-weight:500}
.mj-root .mj-aw.nhp .mj-aw-cat,.mj-root .mj-aw.nhp .mj-aw-lbl{color:#d98a93!important}
.mj-aw.nhp .mj-aw-naam{top:55.2%;font-size:5.9cqw;font-weight:800;line-height:1.15}
.mj-aw.nhp .mj-aw-titel{left:22%;right:22%;top:76%;height:16%}
.mj-aw.nhp .mj-aw-lbl{font-size:3.6cqw;font-weight:700}
.mj-aw.nhp .mj-aw-kop,.mj-aw.nhp.landelijk .mj-aw-kop{font-size:4.5cqw;font-weight:800}
.mj-aw.nhp .mj-aw-reg{font-size:2.1cqw;font-weight:500}
/* MWA-award als miniatuur: dezelfde posities als NHP (klasse nhp), Fraunces en de MWA-kleuren (tools/maak_award_mwa.js). */
@font-face{font-family:"Fraunces";src:url(../fonts/Fraunces-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/Fraunces-900.ttf) format("truetype");font-weight:900;font-display:swap}
.mj-aw.mwa{font-family:Fraunces,Georgia,serif;background-color:#2B2320}
.mj-root .mj-aw.mwa.nhp-donkerjaar .mj-aw-jaar{color:#fff!important}
.mj-root .mj-aw.mwa .mj-aw-cat,.mj-root .mj-aw.mwa .mj-aw-lbl{color:#F2A797!important}
.mj-root .mj-aw.mwa .mj-aw-naam,.mj-root .mj-aw.mwa .mj-aw-kop,.mj-root .mj-aw.mwa .mj-aw-reg{color:#FBF1E6!important}
.mj-aw.mwa .mj-aw-naam,.mj-aw.mwa .mj-aw-kop,.mj-aw.mwa .mj-aw-jaar,.mj-aw.mwa .mj-aw-lbl{font-weight:900}
.mj-aw.mwa .mj-aw-cat,.mj-aw.mwa .mj-aw-reg{font-weight:600}
/* Gastenlijst, nieuw ontwerp (Willem 2026-11-02: "ik zou het design hiervan verbeteren"): alle kaarten even hoog, de status
   als klein label rechtsboven met een stip in plaats van een chip onderaan, het e-mailadres op één regel met afkapping,
   een gereserveerde plek rustig met een stippelrand en een stoel in plaats van initialen. */
.mj-mensen{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr;gap:14px}
.mj-mens{position:relative;padding:36px 14px 16px;border-radius:18px;background:#fff;border-color:var(--line);transition:border-color .15s,box-shadow .15s}
.mj-mens:hover{border-color:var(--line2);box-shadow:0 6px 18px rgba(20,23,15,.06)}
.mj-mens img,.mj-mens>span{width:80px;height:80px;font-size:20px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
.mj-mens b{font-size:15.5px;margin-top:2px}
.mj-mens p{font-size:13.5px;line-height:1.4}
.mj-mensstatus{position:absolute;top:10px;right:10px;font-style:normal;display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1;font-weight:600;padding:4px 8px 4px 7px;border-radius:999px;background:var(--bg);color:var(--muted);white-space:nowrap}
.mj-mensstatus::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.mj-st-open{background:#FFF4E0;color:#9A5B00}
.mj-st-goed{background:var(--green-bg);color:var(--green)}
.mj-st-plek{background:var(--bg);color:var(--muted)}
.mj-mensmail{display:block;margin-top:8px;font-size:12.5px;color:var(--muted)!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mj-mensmail:hover{color:var(--ink)!important;text-decoration:underline!important}
.mj-mens-plek{background:transparent;border-style:dashed;border-color:var(--line2)}
.mj-mens-plek:hover{box-shadow:none}
.mj-mens .mj-mens-stoel{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--muted);box-shadow:none}
.mj-mens-plek b{color:var(--ink);font-weight:600}
@media (max-width:520px){.mj-mensen{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mj-mens{padding:34px 10px 12px}.mj-mens img,.mj-mens>span{width:64px;height:64px}}
/* Gast zonder nominatie: één blok Uitreiking, niet uitgerekt over de hele breedte (Willem 2026-11-02, optie A). */
.mj-blokken.mj-blokken-een{grid-template-columns:minmax(0,420px)}
.mj-melding{border:1px solid var(--gold);background:var(--gold-bg);border-radius:14px;padding:14px 16px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.mj-melding p{margin:0;flex:1 1 260px}
/* Eerdere jaren op de social kit (Willem 2026-11-05). */
.mj-kitjaren{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin:0 0 16px}.mj-kitjaren .mj-veld{flex:1 1 260px;margin:0}
.mj-awardok{display:flex;flex-direction:column;gap:12px;padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.mj-awardok h3{margin:0}
.mj-awardgroot .mj-aw{width:min(300px,100%)}
.mj-awardok textarea{width:100%;min-height:70px}
.mj-awardok .mj-knop{align-self:flex-start}
.mj-deelname{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.mj-deelnamefoto{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mj-deelnamefoto img,.mj-deelnamefoto>span{width:120px;height:120px;border-radius:14px;object-fit:cover;background:var(--bg);display:grid;place-items:center}
.mj-deelname textarea{width:100%;border:1px solid var(--line2);border-radius:11px;padding:12px 14px;background:#FCFBF7;font:inherit;font-size:14.5px;color:var(--ink)}
.mj-deelname .mj-knop{align-self:flex-start}