/* ---------------------------------------------------------------------------
   Stof-specificaties: het vraagteken bij de stofgroep (2026-08-05, besluit David).

   Het icoon hing aan /images/icon-help.png, en dat bestand ontbreekt op deze
   server (nooit in Git geweest; de map images/ bevat maar 3 van de ~19 bestanden
   die de code verwacht). Gevolg: de witte cirkel bleef leeg en het vraagteken was
   onzichtbaar, terwijl de specificatie-tekst gewoon in de DOM stond.

   Hier tekenen we het vraagteken met CSS, zodat er geen afbeelding meer nodig is.
   De bestaande toon/verberg-interactie blijft ongemoeid: .help-content verschijnt
   op hover van .help (zie fallback.css) — dat is niet aangeraakt.

   Dit bestand wordt bewust apart geladen met allow_minify = false, zodat er geen
   min-tweeling bijgehouden hoeft te worden (vaste afspraak in dit project).
   --------------------------------------------------------------------------- */

/* De <img> is niet meer nodig; het icoon komt uit CSS. Blijft de afbeelding ooit
   terugkomen op een server, dan blijft dit de enige bron van waarheid. */
.help-set .help .help-icon > img,
.colour-set .help .help-icon > img {
    display: none;
}

/* De bestaande ::before was een lege witte cirkel — die wordt nu het vraagteken:
   witte bol met een donkere rand en een donkere "?" erin. Maten en positionering
   komen uit fallback.css en blijven zoals ze waren. */
.help-set .help .help-icon::before,
.colour-set .help .help-icon::before {
    content: '?';
    border: 1.5px solid #191919;
    box-sizing: border-box;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    text-align: center;
}

/* Bij hover schuift de donkere bol (::after) eronder omhoog; dan het vraagteken
   wit maken en de witte vulling wegnemen, zodat het contrast klopt. */
.help-set .help:hover .help-icon::before,
.colour-set .help:hover .help-icon::before {
    background: transparent;
    border-color: transparent;
    color: #fff;
}

/* Het is geen link maar wel een aanwijzing dat er iets te lezen valt. */
.help-set .help .help-icon,
.colour-set .help .help-icon {
    cursor: help;
}