/*
 * M2uur (m2uur.nl) — de motorpagina's in de opmaak van de site zelf.
 * Divi met kindthema ionmoon, donkergrijs (#2d2d2d) met de limoengroene huisband (#dcff93).
 * Twee dingen gaan hier anders dan standaard:
 *   1. de zijbalk met NIEUWS hoort niet bij een artikel van de motor — die gaat uit en de tekst
 *      krijgt de volle breedte, met een leesbare regellengte in het midden;
 *   2. zonder eigen stijlblad valt de connector terug op zijn eigen blauw (#2563eb). Dat is niet
 *      de huisstijl; hier dus de limoengroene accentkleur, met donkergrijze tekst erop omdat
 *      wit op limoen niet te lezen is.
 * Laadt alleen op dit domein (assets/sites/<domein>.css). Wijzigt niets voor andere klanten.
 */

/* ---- 1. zijbalk uit, volle breedte ---- */
body:has(div.omt-artikel) #sidebar { display: none; }
body:has(div.omt-artikel) #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
/* De sjabloon van de site is breder dan 1500px. Over die hele breedte wordt een regel tekst te lang
   om prettig te lezen, dus het artikel blijft in het midden staan. */
div.omt-artikel {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

/* ---- 2. huisstijlkleuren ---- */
div.omt-artikel {
    --omt-accent: #dcff93;          /* limoen: knop, randen, accenten */
    --omt-accent-tekst: #2d2d2d;    /* tekst óp limoen */
    --omt-accent-donker: #2d2d2d;   /* labels in de kaart met kerngetallen */
    /* 6% limoen op wit is bijna niet te zien; daarom vaste, iets vollere tinten */
    --omt-zacht: #f4ffe3;
    --omt-zachter: #e7ffbe;
}
/* Links in de lopende tekst blijven donkergrijs: limoen op wit leest niet. Onderstreept, zodat ze
   wel als link herkenbaar zijn. */
div.omt-artikel a {
    color: #2d2d2d;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
div.omt-artikel a:hover { text-decoration-thickness: 2px; }
/* De knop en de initialen in de auteursbol hebben hun eigen kleur en houden die. */
div.omt-artikel a.kb-knop, div.omt-artikel .kb-knop { text-decoration: none; }
div.omt-artikel .kb-auteur .kb-avatar { color: #2d2d2d; }
div.omt-artikel .kb-badge { color: #2d2d2d; }
/* De limoenen streep links van de samenvatting en het citaat mag iets steviger dan 3px, anders
   verdwijnt hij tegen het wit. */
div.omt-artikel .tldr,
div.omt-artikel .kb-citaat,
div.omt-artikel blockquote { border-left-width: 5px; }

@media (max-width: 980px) {
    div.omt-artikel { max-width: none; }
}