/* Finitions de l'appli golfeur (octobre 2026) : on garde le design clair tel quel, on corrige seulement
   la barre du bas, les arrondis, les contrastes (WCAG 2.2 AA), les zones à toucher et le sens des pastilles.
   Chargé après clair.css. */

/* ---------- barre du bas : tous les intitulés sur la même ligne, aucun coupé, zones de 48 px ---------- */
html:root .bottombar.is-player a{min-height:48px!important;gap:4px!important}
html:root .bottombar.is-player a>span:not(.nav-av){font-size:11px!important;line-height:14px;white-space:nowrap}
/* le rond de Messages dépasse vers le haut, mais son intitulé reste aligné sur les autres */
html:root .bottombar.is-player .fab{margin-top:0!important;gap:4px!important;position:relative}
html:root .bottombar.is-player .fab>svg{margin-top:-31px}
html:root .bottombar.is-player .fab .unread-dot{top:-30px!important;right:calc(50% - 29px)!important}
/* la tête de l'avatar est un peu plus grande que les icônes : on la remonte d'autant */
html:root .bottombar.is-player a .nav-av{margin-top:-3px}
/* petits téléphones : « Compétitions » garde la place de s'écrire en entier */
@media (max-width:380px){
  html:root .bottombar.is-player{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px minmax(0,1.3fr) minmax(0,1fr)!important;padding-left:2px!important;padding-right:2px!important}
}

/* ---------- arrondis : 12 px (petits éléments), 18 px (cartes), 24 px (grands panneaux), pilule (boutons, étiquettes) ---------- */
html:root :is(.nh-big,.nh-tile,.nh-club,.nh-row,.nh-empty,.wx-day,.frow,.info-box,.going,.ms,.duel,.ts,.pass,.rk-list,.career-card,.kpi,.card,.nt,.tb-plus,
  .sp-row,.rg-box,.picked,.bubble,.mybadge,.book-cta,.dcard,.duel-sum,.fmt-c,.slot,.bag-card,.gbc,.bd,.fb-c,.cc-ph,.field,.strokes){border-radius:18px}
html:root :is(.teaser,.fp-stage,.duel-hero,.plan-hero,.cmp){border-radius:24px}
html:root :is(.nh-th,.ico,.rg-ic,.nt-ic,.ms-ic,.cc-ic,.lock-ic,.tp-ic,.cc-date,.media .date,.rk-row){border-radius:12px}
html:root :is(.nh-date,.tp-tag){border-radius:999px}

/* ---------- contrastes : au moins 4,5:1 pour le texte (WCAG 1.4.3, RGAA 3.2) ---------- */
html:root[data-style]:not([data-theme="dark"]){--red:#c0392b}
@media (prefers-color-scheme:dark){html:root[data-style]:not([data-theme]){--red:#ff8a7a}}
html:root:not([data-theme="dark"]) :is(.cv-t,.cv-priv){color:#5f6b64}
html:root .cv-m.me .cv-t{color:rgba(255,255,255,.88)}
html:root :is(.plan-price b,.tz-top .lbl,.plan-hero .lbl){color:#e2c15a}

/* ---------- textes trop petits : 11 px minimum ---------- */
html:root :is(.cv-t,.cv-rk-s,.tile .t small,.bag-l small,.st-b small){font-size:11px!important}
html:root .mx-ic small{display:none}

/* ---------- pastilles à chiffre : rouge = non lu ou à traiter, gris = un total ---------- */
html:root .nh-bell .notif-dot{min-width:17px;height:17px;top:1px;right:1px;border-radius:9px;background:#c8372b;font:700 11px/17px var(--tb-font)}
html:root .mx-chip i{font-size:11px;font-style:normal}
html:root:not([data-theme="dark"]) .mx-chip:is([data-tab="conv"],[data-tab="grp"]) i{background:#e7eae5;color:#3f4a44}
html:root .mx-chip[data-tab="req"] i{background:#c8372b;color:#fff}
html:root .tabs-u small{font-size:12px}

/* ---------- clavier : un contour bien visible sur ce qui a le focus (WCAG 2.4.7) ---------- */
html:root :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--tb,var(--tb))!important;outline-offset:2px}
html:root :is(.nh-hero,.nh-big,.nh-club,.plan-hero,.card.dk) :focus-visible,html:root :is(.nh-big,.nh-club):focus-visible{outline-color:#fff!important}

/* ---------- zones à toucher d'au moins 44 px (WCAG 2.5.8 demande 24 px, Apple et Android conseillent 44) ---------- */
html:root #view :is(.back,.btn,.chip,.chip2,.mx-chip,.st-pill,.sp-new,.sp-btn,.mx-addf,.fbtn){min-height:44px}
html:root #view :is(.ex-disp button,.seg button){min-height:40px}
html:root #view :is(.mx-rb,.cv-back,.cv-more,.cv-plus,.cv-send,.cv-smile,.st-x){min-width:44px;min-height:44px}
html:root #view .icon-btn{min-height:44px}
html:root #view :is(a.link,button.link,.see-cm){min-height:44px;display:inline-flex;align-items:center}
html:root #view label.tgl{min-height:44px;display:flex;align-items:center}
html:root .nh-bell{width:44px!important;height:44px!important;margin-right:-4px}
html:root .nh-search{height:44px!important;border-radius:22px!important}
html:root .nh-h a{min-height:44px;margin:-12px 0}
html:root .leaflet-touch .leaflet-bar a{width:44px;height:44px;line-height:44px}

/* titre réservé aux lecteurs d'écran */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* onglets de la fiche d'un golf : ils défilent de côté, le fondu à droite montre qu'il y en a d'autres */
.ptabs.x-more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent)}

/* conversation : rien ne dépasse de l'écran sur les petits téléphones */
html:root .cv{grid-template-columns:minmax(0,1fr)!important}
html:root :is(.cv-card,.cv-f,.cv-cardin){min-width:0;max-width:100%}
@media (max-width:360px){html:root .cv-f{padding-left:12px;padding-right:12px;gap:6px}html:root .cv-f textarea{white-space:nowrap}}

/* ordinateur : le menu de gauche suffit, la barre du bas (rangée hors de l'écran jusqu'ici) n'est plus créée */
@media (min-width:901px){html:root .bottombar.is-player{display:none!important}}

/* carte « Prochaine compétition » : quand il n'y a pas de photo, le dessin est clair ; le fondu vert monte plus haut pour que le titre blanc reste lisible */
html:root .nh-big-ph:has(svg)::after{height:72px;background:linear-gradient(180deg,rgba(10,79,43,0),rgba(10,79,43,.85) 55%,var(--tb-d))}