/* GTGF — fase D6 van het dashboardplan: Inloggen, account, Join en Club.
 *
 * Deze pagina's draaien op het oudere v13/v15/v16-kleursysteem (letterlijke kleuren), niet op de
 * v19-dashboardtokens (--gt-dash-*) van /mijn-gtgf/ — dat token-systeem wordt hier niet geladen.
 * Daarom staan alle kleuren hieronder als letterlijke waarden, in lijn met de bestaande bestanden
 * in assets/css/v15/. Waar mogelijk hergebruiken we een kleur die al ergens correct in de cascade
 * wordt gebruikt (zie de toelichting per blok), in plaats van iets nieuws te verzinnen.
 *
 * Twee herhalende oorzaken liggen aan het grootste deel van de gevonden bugs ten grondslag:
 *
 * 1) assets/css/v15/site-contrast-flow-v159995.css bevat een brede regel met #planner-results
 *    als een van de argumenten in een :is()-lijst (samen met .section--paper, .planner-section,
 *    .gtgf-community-post, .gtgf-club-board, .gtgf-challenge-card, .gtgf-week-checkin, enz.). Omdat
 *    :is() de specificiteit overneemt van het MEEST specifieke argument, en een ID zwaarder weegt
 *    dan elk aantal klassen, krijgt die hele regel ID-niveau-specificiteit — ook voor de andere
 *    (klasse-)takken in de lijst. Daardoor overschrijft hij op meerdere plekken tekstkleuren die
 *    elders bewust en correct zijn ingesteld (de donkere .v1556-handoff-context-banner op
 *    /inloggen/, en de "Bestaand account"-eyebrow ernaast). We passen dat bestand niet aan (conform
 *    de vaste D1–D5-aanpak: geen bestaande, al opgeleverde bestanden wijzigen); in plaats daarvan
 *    gebruiken we het al aanwezige, echte id="main-content" op <main> (zie header.php/page-*.php)
 *    om onze eigen regels dezelfde specificiteitsklasse te geven.
 * 2) assets/css/v15/visual-system-v159992.css en assets/css/v16/quality-public-v160000.css bevatten
 *    allebei dezelfde brede regel: elke <a> zonder .button/.v14-btn/[class*="btn"]/[class*="button"]
 *    binnen een .section--paper/.v14-page-hero--paper-sectie krijgt de oranje merkkleur als
 *    tekstkleur. Op de Club-pagina (die zelf zo'n .section--paper is) vangt dat ook interne
 *    navigatie-elementen die hun EIGEN, specifiekere kleur al hadden (de weekwissel-pijlen, de
 *    actieve metriek-tab) — met een te lage of zelfs onleesbare oranje-op-oranje combinatie tot
 *    gevolg. Zelfde aanpak: bestaand bestand niet wijzigen, eigen regel met #main-content erbij.
 *
 * Uitzetten: define( 'GTGF_V19_ACCOUNT_LOGIN_CLUB_D6', false ); in wp-config.php — /inloggen/,
 * /join-gtgf/ en /community/ krijgen dan weer hun oude opmaak (de rest van de site blijft
 * ongemoeid; D0 t/m D5 hebben elk hun eigen schakelaar en bestand).
 */

/* ------------------------------------------------------------------------------------------------
 * INLOGGEN — handoff-banner (.v1556-handoff-context): oorzaak 1 hierboven. De juiste kleuren staan
 * al in assets/css/v15/account-club-v1556.css (regels 2, 5, 8) — wit kopje, lichtgrijze inleiding,
 * oranje stapnummers — maar worden overschreven. We herhalen hier precies diezelfde kleuren, alleen
 * met genoeg gewicht om te winnen.
 * ---------------------------------------------------------------------------------------------- */
body.gtgf-v14.gtgf-v1644 #main-content .login-section .v1556-handoff-context h2 { color: #fff !important; }
body.gtgf-v14.gtgf-v1644 #main-content .login-section .v1556-handoff-context p { color: #d7d4cf !important; }
body.gtgf-v14.gtgf-v1644 #main-content .login-section .v1556-handoff-context li { color: #fff !important; }
body.gtgf-v14.gtgf-v1644 #main-content .login-section .v1556-handoff-context li strong { color: var(--gtgf-orange, #f15a24) !important; }

/* INLOGGEN — "Bestaand account"-eyebrow op de donkere loginkaart: zelfde oorzaak. Er bestaat al een
 * bewuste, specifiek voor deze plek bedoelde kleur (#ff9a61, assets/css/v16/quality-readability-
 * v162600.css, --r26-orange-on-dark) die precies hiervoor gemaakt is maar wordt overschreven. */
body.gtgf-v14.gtgf-v1644 #main-content .login-section .planner-auth-card:not(.planner-auth-card--orange) .eyebrow { color: #ff9a61 !important; }

/* INLOGGEN — aanraakdoelen. ".login-help-link" ("Wachtwoord vergeten?") en ".login-logout-link"
 * ("Uitloggen") zijn losse tekstlinks zonder eigen knop-opmaak; ze zijn te kort (20px / 17px) en
 * de logout-link viel ook onder de 12px-tekstvloer (10,2px). */
.login-help-link { display: inline-flex; align-items: center; min-height: 44px; }
.login-logout-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }

/* ------------------------------------------------------------------------------------------------
 * JOIN-GTGF — de pijl "→" in de WhatsApp-knop ("Open WhatsApp-community →") erft een lichtgrijze
 * kleur (#dedcd6) bedoeld voor de kop/inleiding van de kaart zelf (.whatsapp-card :is(h2,p,span)),
 * terwijl de knop een eigen oranje achtergrond met bijna-zwarte tekst heeft (color:inherit was hier
 * juist al voorzien, maar wordt door die bredere regel overstemd). We herstellen color:inherit.
 * ---------------------------------------------------------------------------------------------- */
body.gtgf-v14.gtgf-vs2.gtgf-v1626.gtgf-v1626-join .whatsapp-card a.button span { color: inherit !important; }

/* ------------------------------------------------------------------------------------------------
 * COMMUNITY (Club) — oorzaak 2 hierboven: de actieve metriek-tab ("UREN") en de weekwissel-pijlen
 * ("← Nieuwere week" / "Oudere week →") hadden allebei al een eigen, correcte kleur (community-
 * hub.css / club-premium-v1585.css) die door de brede "oranje link in .section--paper"-regel werd
 * overstemd. Bij UREN botsten bovendien twee andere brede regels: één gaf de actieve tab een
 * gevulde oranje achtergrond (bedoeld voor een andere tabstijl elders op de site), terwijl de
 * tekstkleur ook al oranje werd — oranje op oranje, vrijwel onleesbaar (1,74:1).
 * ---------------------------------------------------------------------------------------------- */
body.gtgf-v14 #main-content .gtgf-metric-tabs a.is-active { background: transparent !important; color: #111 !important; }
body.gtgf-v14 #main-content .gtgf-week-switcher a:not(.is-disabled) { color: #111 !important; }
/* De "uitgegrijsde" rand-week (eerste/laatste week, niet verder terug/vooruit te bladeren) gebruikte
 * al voor onze wijziging #b8b3ab — een kleur die in de bestaande, niet-!important regel in
 * community-hub.css nooit echt won (de gewone #111-kleur hierboven won toen per ongeluk óók voor
 * de rand-week, wat overigens prima leesbaar was, alleen niet visueel "uitgeschakeld" oogde). Onze
 * !important-regel liet #b8b3ab nu wél winnen, maar die kleur blijkt op de werkelijke achtergrond
 * van dit blok (#e9e4dc, club-premium-v1585.css) maar 1,65:1 te geven — te laag. We hergebruiken in
 * plaats daarvan dezelfde toegankelijke muted-kleur #686159 als hierboven bij "X leden" (4,8:1). */
body.gtgf-v14 #main-content .gtgf-week-switcher .is-disabled { color: #686159 !important; }

/* COMMUNITY — los daarvan: drie plekken waar de merkkleur oranje (#ff5a00) rechtstreeks als
 * tekstkleur op een lichte/witte ondergrond wordt gebruikt (3,13–3,4:1, te laag). We hergebruiken de
 * bestaande, iets donkerdere variant #963100 die elders in het palet al voor precies dit doel
 * bestaat (--gtgf44-orange-dark, assets/css/v16/quality-contrast-premium-v164610.min.css). */
body.gtgf-v14 #main-content .gtgf-club-selfreport { color: #963100 !important; }
body.gtgf-v14 #main-content .gtgf-sharing-automation__status { color: #963100 !important; }
body.gtgf-v14 #main-content .gtgf-sharing-automation__icon { background: #963100 !important; }

/* COMMUNITY — "X leden" onder een challenge-kaart gebruikt een generieke #888888-grijs (3,54:1).
 * Hergebruikt de bestaande, wel-toegankelijke muted-tekstkleur --gtgf-muted (#686159). */
body.gtgf-v14 #main-content .gtgf-challenge-card__members > span { color: #686159 !important; font-size: 12px !important; }

/* COMMUNITY — het "2"-teller-bolletje op de tabbladknop "Updates" (aantal nieuwe items) was
 * donkergrijs (#555a54) op oranje (2,26:1) in plaats van de al bedoelde bijna-zwarte tekst
 * (#090909, quality-clubhouse-v163300.css) — dezelfde oorzaak als de WhatsApp-pijl op Join: een
 * brede regel (quality-readability-v162600.css) zet color:inherit!important op elk <span> in een
 * knop, en de knop zelf kreeg via een latere, apart genummerde regel (quality-clubhouse-v163400.css,
 * eveneens !important) een gedempte grijze tekstkleur bedoeld voor de knoptekst zelf — niet voor dit
 * bolletje, dat altijd op een felle oranje achtergrond staat. We herstellen de oorspronkelijk
 * bedoelde bijna-zwarte tekst. */
body.gtgf-v14 #main-content .gtgf-club-nav button > span { color: #090909 !important; }

/* COMMUNITY — het label naast iemands naam in een reistraject-kaart ("Focus nu", vrije tekst van het
 * lid zelf, bijv. "Basisduur opbouwen") staat in v14/v145.css vast op .5rem (8px) or oranje
 * (#ff5a00) rechtstreeks op wit — te klein én te laag contrast (3,13:1). Zelfde herstel als de
 * andere oranje-op-licht-teksten hierboven (#963100) plus de 12px-tekstvloer. */
body.gtgf-v14 #main-content .gtgf-journey-card header span { font-size: 12px !important; color: #963100 !important; }

/* COMMUNITY — "X dagen tot doel" onder een reistraject-kaart: de bestaande kleur (#777,
 * v14/v145.css) geeft op deze witte kaart maar 4,48:1 — net onder de vloer van 4,5:1. Zelfde
 * toegankelijke muted-kleur als hierboven. */
body.gtgf-v14 #main-content .gtgf-journey-card footer > span { color: #686159 !important; }

/* COMMUNITY (Overzicht, nog-niets-ingesteld/"CLUBSETUP"-status) — het kleine kopje "CLUBSETUP"
 * boven "Koppel Strava als je automatische weektotalen wilt." staat vast op #8b857d — op de bijna-
 * witte kaartachtergrond (#f3f4f0) is dat maar 3,3:1. Zelfde toegankelijke muted-kleur als
 * hierboven, die op zowel wit als deze lichte ondergrond ruim voldoet. */
body.gtgf-v14 #main-content .v1584-club-onboarding > div > span { color: #686159 !important; }

/* COMMUNITY (Overzicht) — de Strava-syncbalk: "Strava niet gekoppeld" (.74rem = 11,84px) en de
 * "Koppelen"/"Sync nu"-link (.61rem = 9,76px) zitten allebei net onder de 12px-tekstvloer
 * (club-dashboard-v1584.css). De knop "Delen beheren" ernaast is hier niet bij nodig: die komt via
 * een andere, latere regel al op 13px uit. */
body.gtgf-v14 #main-content .v1584-club-syncbar strong,
body.gtgf-v14 #main-content .v1584-club-syncbar a { font-size: 12px !important; }

/* COMMUNITY — "Open officiële Strava Club →" (.63rem = 10,08px, club-dashboard-v1584.css) had al
 * een aanraakdoel-fix hierboven (.v1584-club-details__links a) maar nog geen tekstvloer-fix. */
body.gtgf-v14 #main-content .v1584-club-details__links a { font-size: 12px !important; }

/* COMMUNITY — tekst onder de 12px-vloer (zelfde regel als D1–D5: minimumgrootte voor leesbaarheid).
 * Challenges-tab (bron-badge, percentage, voortgangswaarde), samenstel-formulier (type-kiezer),
 * updates/feed (berichttekst), reistraject-kaart (dagen-tot-doel) en delen-automatisering. */
body.gtgf-v14 #main-content .gtgf-challenge-card__top > span,
body.gtgf-v14 #main-content .gtgf-challenge-card__top > b,
body.gtgf-v14 #main-content .gtgf-challenge-card__value > span,
body.gtgf-v14 #main-content .gtgf-challenge-card p,
body.gtgf-v14 #main-content .gtgf-community-compose__type label span,
body.gtgf-v14 #main-content .gtgf-community-post > p,
body.gtgf-v14 #main-content .gtgf-journey-card footer > span,
body.gtgf-v14 #main-content .gtgf-sharing-automation__card strong { font-size: 12px !important; }

/* COMMUNITY — aanraakdoelen onder 44px. De tabbladknoppen (OVERZICHT/UPDATES/…/PRIVACY) en een aantal
 * actieknoppen/links in de tabpanelen zaten op 40–43px; het opklap-element "Ontbrekende weekdata
 * corrigeren" / "Hoe gebruikt GTGF mijn Club-data?" (<summary>) en enkele losse tekstlinks
 * (Strava koppelen/verbinden, Open mijn startlijn, Open officiële Strava Club) hadden nog helemaal
 * geen minimumhoogte. */
body.gtgf-v14 #main-content .gtgf-club-nav button,
body.gtgf-v14 #main-content .gtgf-community-panel button,
body.gtgf-v14 #main-content .gtgf-community-panel summary,
body.gtgf-v14 #main-content .gtgf-community-panel a.button,
body.gtgf-v14 #main-content .v1584-club-onboarding__actions a,
body.gtgf-v14 #main-content .v1584-club-onboarding__actions button,
body.gtgf-v14 #main-content .v1584-club-details__links a,
body.gtgf-v14 #main-content .v1584-club-details__links button,
body.gtgf-v14 #main-content .v1584-club-statusbar button,
body.gtgf-v14 #main-content .v1586-startline-focus__people a,
body.gtgf-v14 #main-content .gtgf-sharing-automation__card > a { min-height: 44px !important; }

/* Dit specifieke linkje had geen enkele opmaak (puur inline tekst: 16px hoog, 11px tekst). */
body.gtgf-v14 #main-content .gtgf-sharing-automation__card > a { display: inline-flex !important; align-items: center !important; font-size: 12px !important; }