/* Onze Totems — couche de rendu « Tribune » (lot 1, apparence seule).
   Chargée après styles.css. Ne modifie ni la structure, ni les onglets, ni les ancres, ni les données,
   ni le moteur Live : uniquement l'apparence.
   Le préfixe body:not(#_) donne à chaque règle la priorité sur les thèmes empilés de styles.css
   sans recourir à !important. L'identité pays vient des variables déjà posées par l'app
   (--accent, --country-footer-start/mid) : aucune règle à écrire par sélection, sauf les
   ajustements de contraste SN, CI et MA.
   Polices auto-hébergées (SIL OFL 1.1, voir fonts/OFL-*.txt) : Inter et Source Serif 4,
   jeux latin précachés, latin étendu chargé à la demande via unicode-range. */

@font-face { font-family: "OT Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "OT Inter"; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "OT Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "OT Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "OT Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "OT Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "OT Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "OT Serif"; font-weight: 600; font-display: swap; src: url("../fonts/source-serif-4-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "OT Serif"; font-weight: 700; font-display: swap; src: url("../fonts/source-serif-4-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "OT Serif"; font-weight: 700; font-display: swap; src: url("../fonts/source-serif-4-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  --ot-ground: #F4F2EC;
  --ot-surface: #FFFFFF;
  --ot-sunken: #F7F6F2;
  --ot-ink: #15181A;
  --ot-muted: #5A6160;
  --ot-line: #E2DED5;
  --ot-line-strong: #CFCAC0;
  --ot-live: #D92D20;
  --ot-radius: 12px;
  --ot-radius-sm: 8px;
  --ot-ui: "OT Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ot-edito: "OT Serif", "Source Serif 4", "Iowan Old Style", Georgia, serif;
}

/* Identité pays : vif = couleur nationale, profond = bandeau et pieds, doux = surbrillances */
body:not(#_) {
  --ot-country: var(--country-footer-mid, var(--accent, #00853F));
  --ot-country-deep: var(--country-footer-start, #0B3B24);
  --ot-country-ink: var(--accent, #006B33);
  --ot-country-soft: color-mix(in srgb, var(--ot-country) 9%, white);
}
body[data-country="SN"]:not(#_) { --ot-country: #00853F; --ot-country-deep: #0A4A2A; --ot-country-ink: #006B33; }
body[data-country="CI"]:not(#_) { --ot-country: #E87516; --ot-country-deep: #4D2107; --ot-country-ink: #A84606; }
body[data-country="MA"]:not(#_) { --ot-country: #C1272D; --ot-country-deep: #3B0710; --ot-country-ink: #A81F25; }

/* ---------- Sol et typographie ---------- */
html:not(#_) { background: var(--ot-ground); }
body:not(#_),
body[data-country]:not(#_) {
  background: var(--ot-ground);
  background-attachment: scroll;
  color: var(--ot-ink);
  font-family: var(--ot-ui);
  -webkit-font-smoothing: antialiased;
}
body:not(#_) :is(button, input, select, textarea) { font-family: var(--ot-ui); }
body:not(#_) * { backdrop-filter: none; -webkit-backdrop-filter: none; }

/* ---------- En-tête : bandeau aux couleurs du pays ---------- */
body:not(#_) .app-header,
html[data-ux-active="true"] body:not(#_) .app-header {
  background: var(--ot-country-deep);
  border-bottom: 3px solid var(--ot-country);
  box-shadow: none;
  color: #FFFFFF;
}
body:not(#_) .app-header .brand,
body:not(#_) .app-header .brand strong { color: #FFFFFF; letter-spacing: 0.02em; }
body:not(#_) .app-header .brand-mark { box-shadow: none; }
/* Keep selection access reachable when an installed PWA restores its scroll position.
   This is a real link before the interactive grid is ready. */
.territory-header-access { display: none; }
/* Never paint the template's Senegal content while another country's feed loads. */
#contenu[data-selection-pending]:not(.seo-main) > :not(.toolbar):not(#territory-grid):not(#fallback) {
  visibility: hidden;
}
@media (max-width: 700px) {
  html[data-territory-rules="true"] .territory-header-access,
  html[data-territory-staging="true"] .territory-header-access {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; max-width: 90px; padding: 4px 8px;
    border: 1px solid rgb(255 255 255 / 55%); border-radius: 12px;
    color: #fff; font: 600 12px/1.2 var(--ot-ui); text-align: center;
    text-decoration: none; box-sizing: border-box;
  }
  html[data-territory-rules="true"] .app-header,
  html[data-territory-staging="true"] .app-header { flex-wrap: wrap; gap: 8px; }
}
body:not(#_) .language-switcher summary {
  background: transparent; color: #FFFFFF; border: 1px solid rgb(255 255 255 / 40%); box-shadow: none;
}
body:not(#_) .install-button {
  background: #FFFFFF; color: var(--ot-country-deep); border: 0; box-shadow: none; font-weight: 700;
}

/* Bandeau pronos + compte : sobre, une seule surface */
body:not(#_) .ux-approved-header { padding-block: 12px; gap: 8px; }
body:not(#_) .ux-approved-header button[data-ux-open="pronos"],
body[data-configured-selection="true"]:not(#_) .ux-approved-header button[data-ux-open="pronos"] {
  min-height: 64px; border-radius: var(--ot-radius); border: 1px solid var(--ot-line);
  background: var(--ot-surface); color: var(--ot-ink); box-shadow: none;
}
body:not(#_) .ux-approved-header .ux-star-portrait { background: var(--ot-country-soft); border-radius: 10px; padding: 2px; }
body:not(#_) .ux-approved-header .ux-star-portrait img { width: 32px; height: 46px; }
body:not(#_) .ux-approved-header .ux-star-duel { color: var(--ot-ink); font-weight: 700; }
body:not(#_) .ux-approved-header .ux-star-duel small { color: var(--ot-country-ink); font-weight: 600; }
body:not(#_) :is(.ux-account-menu summary, .ux-approved-header .ux-alert-access),
body[data-configured-selection="true"]:not(#_) :is(.ux-account-menu summary, .ux-approved-header .ux-alert-access) {
  min-height: 44px; border-radius: var(--ot-radius-sm); border: 1px solid var(--ot-line);
  background: var(--ot-surface); color: var(--ot-ink); font: 600 14px/1.3 var(--ot-ui);
}

/* Sélecteur de pays et statut du feed */
body:not(#_) .toolbar,
body[data-country]:not(#_) .toolbar {
  background: var(--ot-surface); border: 1px solid var(--ot-line); border-radius: var(--ot-radius);
  box-shadow: none;
}
body:not(#_) .country-control-label { color: var(--ot-muted); letter-spacing: 0.08em; font-weight: 600; }
body:not(#_) .country-chip {
  background: var(--ot-surface); border: 1px solid var(--ot-line); border-radius: 999px; box-shadow: none; color: var(--ot-ink);
}
body:not(#_) .country-chip[aria-pressed="true"],
body:not(#_) .country-chip.active,
body:not(#_) .country-chip[aria-current] {
  background: var(--ot-country-soft); border-color: var(--ot-country); color: var(--ot-ink);
}
body:not(#_) .feed-status,
body:not(#_) .feed-status.warning {
  background: transparent; border: 0; box-shadow: none; padding: 6px 2px 0; text-align: start;
  color: var(--ot-muted); font-size: 12px; font-weight: 500;
}

/* ---------- Manifeste : le totem porte l'identité, pas le slogan en capitales ---------- */
body:not(#_) .brand-manifesto,
body[data-country]:not(#_) .brand-manifesto {
  background: var(--ot-country-deep); color: #FFFFFF; border: 0; border-radius: var(--ot-radius);
  box-shadow: none; overflow: hidden;
}
body:not(#_) .brand-manifesto::after { display: none; }
body:not(#_) .brand-manifesto-mark {
  width: 88px; height: 88px; border-radius: 999px; border: 3px solid var(--ot-country); box-shadow: none; object-fit: cover;
}
body:not(#_) .brand-manifesto p { color: rgb(255 255 255 / 75%); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; }
body:not(#_) .brand-manifesto h2 {
  font-family: var(--ot-edito); font-weight: 700; text-transform: none; letter-spacing: 0;
  font-size: clamp(28px, 7vw, 44px); line-height: 1.08; color: #FFFFFF; text-wrap: balance;
}
body:not(#_) .brand-manifesto span { color: rgb(255 255 255 / 82%); font-size: 15px; }

/* ---------- Ouverture éditoriale (hero) ---------- */
body:not(#_) .hero,
body[data-country]:not(#_) .hero {
  border-radius: var(--ot-radius); border: 0; box-shadow: none;
}
body:not(#_) .hero::before { opacity: 0.9; }
body:not(#_) .hero h1 {
  font-family: var(--ot-edito); font-weight: 700; text-transform: none; letter-spacing: 0;
  font-size: clamp(32px, 8vw, 52px); line-height: 1.04; text-wrap: balance;
}
body:not(#_) .hero .eyebrow { letter-spacing: 0.1em; font-size: 11px; font-weight: 600; }
body:not(#_) .hero-title-stars { display: none; }
body:not(#_) .hero-dek { font-size: 16px; line-height: 1.55; }
body:not(#_) .hero-actions :is(a, button) {
  border-radius: var(--ot-radius-sm); box-shadow: none; background: #FFFFFF; color: var(--ot-ink); font-weight: 700;
}
body:not(#_) .hero-key-figures > * {
  background: rgb(255 255 255 / 10%); border: 1px solid rgb(255 255 255 / 22%); border-radius: var(--ot-radius-sm); box-shadow: none;
}
body:not(#_) .hero-key-figures strong { font-family: var(--ot-ui); font-variant-numeric: tabular-nums; }
body:not(#_) .demo-badge { border-radius: 6px; box-shadow: none; }

/* ---------- Sections : une surface, pas de rail lumineux, titres éditoriaux ---------- */
body:not(#_) .section-block,
body:not(#_) .section-block:nth-of-type(even),
body:not(#_) :is(.briefs-block, .europe-block, .mangara-space),
body[data-country]:not(#_) :is(.section-block, .section-block:nth-of-type(even), .briefs-block, .europe-block, .mangara-space) {
  background: var(--ot-surface); color: var(--ot-ink);
  border: 1px solid var(--ot-line); border-radius: var(--ot-radius);
  box-shadow: none; margin-block-start: 20px;
}
body:not(#_) .section-block::before { display: none; }
body:not(#_) .section-heading { align-items: flex-start; border-bottom: 1px solid var(--ot-line); padding-bottom: 14px; margin-bottom: 16px; }
body:not(#_) :is(.section-heading h2, .notification-preview h2),
body:not(#_) .section-heading h2 {
  font-family: var(--ot-edito); font-weight: 700; text-transform: none; letter-spacing: -0.005em;
  font-size: clamp(26px, 6.2vw, 36px); line-height: 1.1; color: var(--ot-ink); text-wrap: balance;
}
body:not(#_) :is(.eyebrow, .card-kicker, .section-heading p:first-child) {
  color: var(--ot-country-ink); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
}
body:not(#_) :is(.source-badge, .section-count, .briefs-editorial-label, .europe-grid article > span) {
  background: var(--ot-sunken); color: var(--ot-muted); border: 1px solid var(--ot-line); border-radius: 999px;
  font-size: 11px; font-weight: 600; box-shadow: none;
}

/* ---------- Cartes : bordure fine, sans ombre ni dégradé ---------- */
body:not(#_) :is(.competition-card, .club-card, .player-card, .national-card, .upcoming-club-card, .club-live-card,
  .news-card, .brief-card, .europe-grid article, .mangara-article-card, .mangara-empty, .season-banner,
  .competitions-summary, .news-archive-box, .match-archive-box, .briefs-editorial-lead, .match-event,
  .match-event.is-tracked, .social-card, .national-match, .world-foot-card, .prediction-competition-card,
  .recent-performance-stat-card, .editor-card, .player-match-card, .player-stat, .match-index),
body[data-country]:not(#_) :is(.competition-card, .club-card, .player-card, .national-card, .upcoming-club-card,
  .club-live-card, .news-card, .brief-card, .europe-grid article, .mangara-article-card, .mangara-empty, .season-banner,
  .competitions-summary, .news-archive-box, .match-archive-box, .briefs-editorial-lead, .match-event, .match-event.is-tracked) {
  background: var(--ot-surface); color: var(--ot-ink);
  border: 1px solid var(--ot-line); border-radius: var(--ot-radius-sm); box-shadow: none;
}
/* une carte posée dans une section ne répète pas le cadre : fond légèrement grisé */
body:not(#_) .section-block :is(.national-card, .competition-card, .national-match, .match-event, .player-match-card, .player-stat) {
  background: var(--ot-sunken);
}
body:not(#_) :is(.news-card, .competition-card, .club-card, .player-card):hover { border-color: var(--ot-country); }

/* Titres de cartes : encre, pas de capitales géantes */
body:not(#_) :is(.competition-card h3, .club-card h3, .national-card h3, .europe-grid h3, .mangara-article-card h3,
  .news-copy h3, .briefs-editorial-copy h3, .briefs-subheading h3, .match-index-title, .player-name) {
  color: var(--ot-ink); font-family: var(--ot-ui); text-transform: none; letter-spacing: 0; font-weight: 700;
}
body:not(#_) .competition-card h3 { font-size: 22px; font-family: var(--ot-edito); }
body:not(#_) .national-card h3 { font-family: var(--ot-edito); font-size: 26px; }
body:not(#_) :is(.news-copy h3, .briefs-editorial-copy h3) { font-family: var(--ot-edito); font-size: 19px; line-height: 1.25; }
body:not(#_) :is(.news-dek, .news-meta, .brief-card time, .competition-clubs, .club-players, .player-position,
  .player-league, .national-card p, .match-index-note) { color: var(--ot-muted); }

/* Liens et actions */
body:not(#_) :is(.card-action, .briefs-editorial-copy a, .editor-card-cta, .section-link, .t30-summary-link) {
  color: var(--ot-country-ink); font-weight: 600; text-decoration: none;
}
body:not(#_) :is(.expand-toggle, .ux-preview-toggle, .news-archive-box button, .match-archive-box button, #club-history-toggle),
body[data-configured-selection="true"]:not(#_) .ux-preview-toggle {
  min-height: 44px; padding: 10px 14px; border-radius: var(--ot-radius-sm);
  border: 1px solid var(--ot-line-strong); background: var(--ot-surface); color: var(--ot-ink);
  font: 600 14px/1.3 var(--ot-ui); box-shadow: none;
}

/* Puces et filtres */
body:not(#_) :is(.social-filters button, .ux-subtabs button, .player-filters select, .player-filters input, .national-filters select) {
  border-radius: var(--ot-radius-sm); border: 1px solid var(--ot-line-strong); background: var(--ot-surface);
  color: var(--ot-ink); box-shadow: none; font-family: var(--ot-ui);
}
body:not(#_) :is(.social-filters button.active, .ux-subtabs button[aria-pressed="true"]) {
  background: var(--ot-ink); border-color: var(--ot-ink); color: #FFFFFF;
}
body:not(#_) .player-filters { background: var(--ot-sunken); border: 1px solid var(--ot-line); border-radius: var(--ot-radius-sm); }

/* Chiffres */
body:not(#_) :is(.national-metrics, .hero-key-figures, .player-metric, .dialog-metric, .world-cup-summary, .standings-table, .player-ranking-table) {
  font-variant-numeric: tabular-nums;
}
body:not(#_) .player-metric { background: var(--ot-country-soft); border: 0; border-radius: var(--ot-radius-sm); }
body:not(#_) .player-metric span { color: var(--ot-country-ink); }

/* Tableaux de classement : lignes fines, club suivi surligné sans dégradé */
body:not(#_) :is(.standings-table, .player-ranking-table) { border-collapse: collapse; }
body:not(#_) :is(.standings-table, .player-ranking-table) th {
  color: var(--ot-muted); font-size: 11px; letter-spacing: 0.08em; font-weight: 600; border-bottom: 1px solid var(--ot-line-strong);
}
body:not(#_) :is(.standings-table, .player-ranking-table) td { border-bottom: 1px solid var(--ot-line); }
body:not(#_) :is(.standing-row-lion, .standings-table tr.is-tracked, .standings-table .tracked) {
  background: var(--ot-country-soft); box-shadow: inset 3px 0 0 var(--ot-country);
}
body:not(#_) :is(.standing-row-lion, .standings-table tr.is-tracked) td { color: var(--ot-ink); }

/* État LIVE : seul usage du rouge vif */
body:not(#_) :is(.live-ticker) { background: var(--ot-ink); color: #FFFFFF; border: 0; box-shadow: none; }

/* Badges officiels / rapportés : discrets */
body:not(#_) :is(.news-card .source-badge, .brief-card .source-badge) { font-size: 10px; }

/* Barre d'onglets : indicateur aux couleurs du pays */
body:not(#_) .ux-tabs { background: var(--ot-surface); border-top: 1px solid var(--ot-line); box-shadow: none; }
body:not(#_) .ux-tabs button { color: var(--ot-muted); font-family: var(--ot-ui); font-weight: 600; border-radius: 0; position: relative; }
body:not(#_) .ux-tabs button[aria-current="page"],
body[data-configured-selection="true"]:not(#_) .ux-tabs button[aria-current="page"] {
  background: transparent; color: var(--ot-country-ink);
}
body:not(#_) .ux-tabs button[aria-current="page"]::before {
  content: ""; position: absolute; top: -7px; left: 22%; right: 22%; height: 3px; border-radius: 0 0 3px 3px; background: var(--ot-country);
}

/* Pied de page aux couleurs du pays, sans dégradé */
body:not(#_) .site-footer,
body[data-country]:not(#_) .site-footer { background: var(--ot-country-deep); box-shadow: none; border-radius: 0; }
body:not(#_) .site-footer-brand strong { color: #FFFFFF; font-family: var(--ot-edito); }

/* Modales (fiches, articles) */
body:not(#_) :is(.detail-dialog, .player-detail-dialog, .reader-pronos-dialog, .prediction-analyst-dialog) {
  border-radius: 16px; border: 1px solid var(--ot-line); box-shadow: 0 24px 64px rgb(0 0 0 / 28%);
}
body:not(#_) .detail-dialog h2 { font-family: var(--ot-edito); text-transform: none; letter-spacing: 0; }

/* Images sans repli : masque le texte alternatif qui déborde */
body:not(#_) img { color: transparent; }

/* L'app est en thème clair : on neutralise les quelques réglages sombres de tabs.css */
@media (prefers-color-scheme: dark) {
  body:not(#_) :is(.ux-tabs, .ux-star-access button, .ux-subtabs button, .ux-preview-toggle) { background: var(--ot-surface); color: var(--ot-ink); border-color: var(--ot-line); }
}

/* ---------- Ajustements v1.1 ---------- */
/* Ouverture : la photo seule, sans rayures ni cercles décoratifs */
body:not(#_) .hero::before,
body:not(#_) .hero::after { display: none; }
body:not(#_) .hero .eyebrow { color: rgb(255 255 255 / 78%); }
body:not(#_) .hero-dek { color: rgb(255 255 255 / 90%); }
body:not(#_) .hero .demo-badge,
body:not(#_) .hero [class*="badge"] {
  background: rgb(0 0 0 / 35%); border: 1px solid rgb(255 255 255 / 25%); color: #FFFFFF; font-size: 11px;
}
/* Bouton retour en haut : neutre */
body:not(#_) .back-to-top {
  background: var(--ot-ink); color: #FFFFFF; border: 0; box-shadow: 0 6px 18px rgb(0 0 0 / 22%);
}
/* Filets décoratifs des sections réseaux sociaux */
body:not(#_) .social-section::before { display: none; }

/* ---------- Ajustements v1.2 ---------- */
/* Bandeau d'en-tête : couleur nationale vive ; texte foncé quand le blanc ne contraste pas (orange ivoirien) */
body:not(#_) .app-header,
html[data-ux-active="true"] body:not(#_) .app-header {
  background: var(--ot-country); border-bottom: 3px solid var(--ot-country-deep);
}
body[data-country="CI"]:not(#_) .app-header :is(.brand, .brand strong, .language-switcher summary) { color: #1A1206; }
body[data-country="CI"]:not(#_) .language-switcher summary { border-color: rgb(26 18 6 / 35%); }
body[data-country="CI"]:not(#_) .install-button { background: #1A1206; color: #FFFFFF; }

/* Compte à rebours, statut d'horloge, badge « aujourd'hui » : plus d'aplats jaunes ni rouges */
body:not(#_) :is(.match-countdown, .national-match-countdown, .selection-fixtures-clock) {
  background: var(--ot-country-soft); color: var(--ot-ink); box-shadow: none; border: 0; border-radius: var(--ot-radius-sm);
  font-weight: 700; font-variant-numeric: tabular-nums;
}
body:not(#_) .match-countdown.schedule-confirmation-pending { background: var(--ot-sunken); color: var(--ot-muted); }
body:not(#_) .match-day-badge { background: var(--ot-ink); color: #FFFFFF; box-shadow: none; border-radius: 6px; }
body:not(#_) .predictions-duel-placeholder {
  background: var(--ot-sunken); border: 1px dashed var(--ot-line-strong); border-radius: var(--ot-radius-sm); color: var(--ot-ink);
}
/* Repères de clubs suivis dans les classements : point aux couleurs du pays, sans halo */
body:not(#_) .lion-dot { background: var(--ot-country); box-shadow: none; }
body:not(#_) .standing-row-lion td:first-child { color: var(--ot-country-ink); }
body:not(#_) .standing-lion-badge { background: var(--ot-surface); color: var(--ot-country-ink); border-color: var(--ot-country); }
/* Chiffres de l'équipe nationale et de l'ouverture : encre, plus de jaune */
body:not(#_) :is(.national-card > strong, .national-metrics strong) { color: var(--ot-ink); font-family: var(--ot-ui); }
body:not(#_) .hero-key-figures strong { color: #FFFFFF; }
body:not(#_) .national-coach-avatar { background: var(--ot-country-soft); color: var(--ot-country-ink); border-color: var(--ot-country); font-family: var(--ot-ui); }
body:not(#_) .national-coach-history { border-inline-start-color: var(--ot-country); background: var(--ot-sunken); color: var(--ot-ink); }
body:not(#_) .national-coach-sources a { color: var(--ot-country-ink); }
body:not(#_) .player-card-match small { color: var(--ot-country-ink); }
body:not(#_) .upcoming-club-fixture span { color: var(--ot-country-ink); }

/* ---------- Indice 11 : carte « tableau d'affichage » ---------- */
body:not(#_) .match-index,
body:not(#_) .section-block .match-index {
  --i11-home: #F0A43A;   /* domicile : ambre */
  --i11-draw: #6E7772;   /* nul : ardoise */
  --i11-away: #5AA9E6;   /* extérieur : bleu ciel — ambre/bleu restent distincts pour les daltoniens */
  position: relative; overflow: hidden;
  margin-block-start: 14px; padding: 16px 16px 14px;
  background: #121614; color: #F4F2EC;
  border: 0; border-radius: 14px; box-shadow: none;
}
/* Signature : un « 11 » géant en filigrane */
body:not(#_) .match-index::after {
  content: "11"; position: absolute; right: -6px; bottom: -34px; pointer-events: none;
  font: 700 128px/1 var(--ot-edito); letter-spacing: -0.04em; color: rgb(255 255 255 / 5%);
}
body:not(#_) .match-index > * { position: relative; z-index: 1; }
body:not(#_) .match-index-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-block-end: 10px; }
body:not(#_) .match-index-title {
  display: inline-flex; align-items: center; gap: 8px;
  color: #FFFFFF; font: 700 11px/1.2 var(--ot-ui); letter-spacing: 0.12em; text-transform: uppercase;
}
body:not(#_) .match-index-title::before {
  content: "11"; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px;
  background: var(--ot-country); color: #FFFFFF; font: 700 11px/1 var(--ot-ui); letter-spacing: 0;
}
body[data-country="CI"]:not(#_) .match-index-title::before { color: #1A1206; }
body:not(#_) .match-index-confidence {
  color: rgb(244 242 236 / 70%); font-size: 11px; font-weight: 500; text-align: end;
  border: 1px solid rgb(255 255 255 / 18%); border-radius: 999px; padding: 3px 8px; white-space: nowrap;
}
body:not(#_) .match-index-confidence-low .match-index-confidence { color: #F0C27A; border-color: rgb(240 164 58 / 45%); }
body:not(#_) .match-index-scenario {
  margin: 0 0 12px; color: #FFFFFF; font: 700 19px/1.2 var(--ot-edito); letter-spacing: 0; text-transform: none;
}
/* Barre : trois segments séparés, plus épaisse */
body:not(#_) .match-index-bar {
  display: flex; gap: 3px; min-height: 12px; height: 12px; border-radius: 999px; background: transparent; overflow: visible;
}
body:not(#_) .match-index-confidence-low .match-index-bar { opacity: 1; }
body:not(#_) .match-index-segment { border-radius: 3px; min-width: 6px; }
body:not(#_) .match-index-segment:first-child { border-radius: 999px 3px 3px 999px; }
body:not(#_) .match-index-segment:last-child { border-radius: 3px 999px 999px 3px; }
body:not(#_) .match-index-segment-home { background: var(--i11-home); }
body:not(#_) .match-index-segment-draw { background: var(--i11-draw); }
body:not(#_) .match-index-segment-away { background: var(--i11-away); }
/* Pourcentages en grand, à la couleur de leur segment */
body:not(#_) .match-index-labels { margin-block-start: 12px; gap: 8px; color: rgb(244 242 236 / 72%); font-size: 12px; line-height: 1.3; }
body:not(#_) .match-index-labels b {
  display: block; margin-bottom: 2px; font: 700 28px/1 var(--ot-ui); font-variant-numeric: tabular-nums; letter-spacing: -0.02em;
}
body:not(#_) .match-index-labels span:nth-child(1) b { color: var(--i11-home); }
body:not(#_) .match-index-labels span:nth-child(2) b { color: #C9CFCB; }
body:not(#_) .match-index-labels span:nth-child(3) b { color: var(--i11-away); }
body:not(#_) .match-index-note {
  margin-top: 12px; padding-top: 10px; border-top: 1px solid rgb(255 255 255 / 12%);
  color: rgb(244 242 236 / 70%); font-size: 12px; line-height: 1.45;
}
/* Pendant le direct : pastille rouge pulsée devant le titre */
body:not(#_) .match-index-live .match-index-title::before { background: var(--ot-live); content: ""; width: 10px; height: 10px; border-radius: 999px; animation: i11-pulse 1.6s ease-in-out infinite; }
@keyframes i11-pulse { 50% { box-shadow: 0 0 0 6px rgb(217 45 32 / 25%); } }
@media (prefers-reduced-motion: reduce) { body:not(#_) .match-index-live .match-index-title::before { animation: none; } }
/* Historique des matchs terminés */
body:not(#_) .match-index-history { border-top-color: rgb(255 255 255 / 12%); color: rgb(244 242 236 / 80%); }
body:not(#_) .match-index-history-row progress { accent-color: var(--i11-home); }
/* Indice en préparation : même famille, version calme */
body:not(#_) .match-index-pending { background: var(--ot-sunken); color: var(--ot-ink); border: 1px dashed var(--ot-line-strong); }
body:not(#_) .match-index-pending::after { color: rgb(0 0 0 / 4%); }
body:not(#_) .match-index-pending .match-index-title { color: var(--ot-ink); }
body:not(#_) .match-index-pending .match-index-note { color: var(--ot-muted); border-top-color: var(--ot-line); }
/* Bouton premium éventuel dans la carte */
body:not(#_) .match-index button { border-radius: 8px; }
body:not(#_) .match-index-head { flex-wrap: wrap; }
body:not(#_) .match-index-title { flex: 1 1 auto; min-width: 0; white-space: nowrap; }
body:not(#_) .match-index-confidence { white-space: normal; }
body:not(#_) .match-index .match-index-title { color: #FFFFFF; }
body:not(#_) .match-index.match-index-pending .match-index-title { color: var(--ot-ink); }
body:not(#_) .match-index .match-index-note { color: rgb(244 242 236 / 78%); }
body:not(#_) .match-index.match-index-pending .match-index-note { color: var(--ot-muted); }
body:not(#_) .match-index .match-index-labels { color: rgb(244 242 236 / 80%); }
body:not(#_) .match-index::after { color: rgb(255 255 255 / 4%); bottom: -40px; }

/* ---------- Scores et boutons de résultat : lisibles quel que soit le pays ---------- */
/* Le score est un bloc encre, chiffres blancs : jamais de couleur pays sur un fond coloré */
body:not(#_) .upcoming-club-fixture > span,
body:not(#_) .club-result-score,
body:not(#_) .national-match-poster-versus:not(.is-live) {
  background: var(--ot-ink); color: #FFFFFF; border: 0; box-shadow: none;
  font-variant-numeric: tabular-nums; font-weight: 700; letter-spacing: -0.01em;
}
/* Minute de jeu et statut : encre, pas de couleur pays */
body:not(#_) .live-minute { color: var(--ot-ink); font-variant-numeric: tabular-nums; }
/* Résumé T+30 : bouton plein encre pays, texte blanc (≥ 4,5:1 pour SN, CI, MA) */
body:not(#_) .t30-summary-link {
  background: var(--ot-country-ink); color: #FFFFFF; border: 0; border-radius: 8px;
  padding: 8px 12px; min-height: 36px; font: 600 13px/1.2 var(--ot-ui); text-decoration: none;
}
body:not(#_) .t30-summary-pending { color: var(--ot-muted); }
/* Badges de participation : neutres, lisibles */
body:not(#_) .participation-badge {
  background: var(--ot-sunken); color: var(--ot-ink); border: 1px solid var(--ot-line-strong); border-radius: 999px;
  font-weight: 600;
}

/* v1.3 : le bloc encre ne concerne que le score des cartes de match (pas le tiret des matchs à venir) */
body:not(#_) .upcoming-club-card .upcoming-club-fixture > span {
  background: transparent; color: var(--ot-muted); padding: 0; min-width: 0; font-weight: 600;
}
body:not(#_) .club-live-card .upcoming-club-fixture > span {
  background: var(--ot-ink); color: #FFFFFF; border-radius: 10px;
}
/* Indice 11 en attente : version claire, titre lisible */
body:not(#_) .section-block .match-index.match-index-pending,
body:not(#_) .match-index.match-index-pending {
  background: var(--ot-sunken); color: var(--ot-ink); border: 1px dashed var(--ot-line-strong);
}
body:not(#_) .match-index.match-index-pending .match-index-head { margin-bottom: 4px; }
body:not(#_) .match-index.match-index-pending::after { color: rgb(0 0 0 / 4%); }
body:not(#_) .match-index.match-index-pending .match-index-note { border-top-color: var(--ot-line); }
/* Lien « Comprendre l'Indice 11 » : bordure neutre */
body:not(#_) .indice-info summary { border-color: var(--ot-line-strong); color: var(--ot-country-ink); background: var(--ot-surface); }
body:not(#_) .section-block button.t30-summary-link,
body:not(#_) button.t30-summary-link { color: #FFFFFF; background: var(--ot-country-ink); }
body:not(#_) button.t30-summary-link:is(:hover, :focus-visible) { background: var(--ot-ink); color: #FFFFFF; }
body:not(#_) .participation-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; line-height: 1.2; font-size: 12px; }

/* v1.4 : ouverture lisible pour toutes les sélections */
/* La note d'information (« données synchronisées… ») ne chevauche plus le titre : elle passe en tête, dans le flux */
body:not(#_) .hero .demo-badge {
  position: static; display: inline-block; max-width: 100%; margin: 0 0 14px; padding: 6px 10px;
  font-size: 11px; line-height: 1.4; text-align: start; border-radius: 8px;
  background: rgb(0 0 0 / 35%); border: 1px solid rgb(255 255 255 / 22%); color: rgb(255 255 255 / 88%);
}
body:not(#_) .hero .hero-copy { display: flex; flex-direction: column; }
body:not(#_) .hero .hero-copy > .demo-badge { order: -1; align-self: flex-start; }
/* Surtitre de l'ouverture : blanc atténué, lisible sur toutes les photos */
body:not(#_) .hero p.eyebrow { color: rgb(255 255 255 / 80%); }
/* La note passe en haut de l'ouverture, au-dessus du titre, sans être rognée */
body:not(#_) .hero { display: flex; flex-direction: column; height: auto; overflow: visible; }
body:not(#_) .hero > .demo-badge { order: -1; align-self: flex-start; margin: 0 0 4px; }
body:not(#_) .hero > .hero-copy { order: 0; }

/* ---------- Barre d'onglets aux couleurs du pays (repris de la variante B) ---------- */
body:not(#_) .ux-tabs { background: var(--ot-country-deep); border-top: 0; box-shadow: none; }
body:not(#_) .ux-tabs button { color: rgb(255 255 255 / 74%); }
body:not(#_) .ux-tabs button[aria-current="page"],
body[data-configured-selection="true"]:not(#_) .ux-tabs button[aria-current="page"] { color: #FFFFFF; background: transparent; }
body:not(#_) .ux-tabs button[aria-current="page"]::before { background: var(--ot-country); }
body:not(#_) .ux-tabs button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: -2px; }

/* Totem du manifeste : taille fixe, quel que soit le sens d’écriture */
html body:not(#_) img.brand-manifesto-mark {
  position: relative; width: 88px; max-width: 88px; height: 88px; aspect-ratio: 1; object-fit: cover;
}
/* Devise de la marque (visible sur grand écran) : lisible sur le bandeau pays */
body:not(#_) .app-header .brand small { color: rgb(255 255 255 / 82%); letter-spacing: 0.08em; }
body[data-country="CI"]:not(#_) .app-header .brand small { color: rgb(26 18 6 / 80%); }

/* ==========================================================================
   Lot 2 — hiérarchie du haut de page (27 octobre 2026). Apparence seule.
   Le contenu de chaque onglet remonte d'environ 70 px sur téléphone.
   Le préfixe ci-dessous passe devant les règles du lot 1 propres aux
   sélections configurées (data-configured-selection), sans !important.
   ========================================================================== */

/* Bandeau Ménélik vs Dihya : une ligne fine, même lien vers les pronostics */
body[data-country]:not(#_):not(#__) .ux-star-access { padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
body[data-country]:not(#_):not(#__) .ux-star-access > button {
  display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 44px; height: auto;
  padding: 6px 16px; background: var(--ot-country-soft); color: var(--ot-ink); border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--ot-country) 22%, var(--ot-surface)); border-radius: 0; box-shadow: none; text-align: center;
}
body[data-country]:not(#_):not(#__) .ux-star-access > button .ux-star-portrait { width: 34px; height: 34px; margin: 0; padding: 1px; border-radius: 50%; flex: none; }
body[data-country]:not(#_):not(#__) .ux-star-access > button .ux-star-portrait img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
body[data-country]:not(#_):not(#__) .ux-star-access > button .ux-star-duel { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 2px 8px; height: auto; font-size: 14px; }
body[data-country]:not(#_):not(#__) .ux-star-access > button .ux-star-duel small { margin: 0; font-size: 12px; font-weight: 600; color: var(--ot-country-ink); }

/* Mon compte et Mes alertes : actions discrètes plutôt que deux grosses pastilles */
body[data-country]:not(#_):not(#__) .ux-account-actions { display: flex; gap: 0; margin: 0; padding: 0 8px; background: var(--ot-surface); border-bottom: 1px solid var(--ot-line); }
body[data-country]:not(#_):not(#__) .ux-account-actions > details { flex: 1; }
body[data-country]:not(#_):not(#__) .ux-account-actions summary,
body[data-country]:not(#_):not(#__) .ux-account-actions .ux-alert-access {
  min-height: 40px; padding: 8px 12px; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--ot-ink); font-size: 14px; font-weight: 600;
}

/* Sélections suivies : sans cadre-carte ; le libellé reste lu par les lecteurs d'écran */
body[data-country]:not(#_):not(#__) .toolbar { padding: 8px 12px 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body[data-country]:not(#_):not(#__) .toolbar .country-control { padding: 0; margin: 0; min-height: 0; background: transparent; border: 0; box-shadow: none; }
body[data-country]:not(#_):not(#__) .toolbar .country-control-label {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
body[data-country]:not(#_):not(#__) .toolbar .feed-status { margin: 4px 0 0; font-size: 11px; line-height: 1.35; color: var(--ot-muted); }

/* Lot 1.1 — « Mes sélections » : pastille aux couleurs du pays au lieu du bouton système gris */
body[data-country]:not(#_):not(#__) .toolbar #territory-grid-return {
  margin: 0 0 6px; padding: 6px 12px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1;
  color: var(--ot-country-ink); background: transparent; border: 1px solid color-mix(in srgb, var(--ot-country-ink) 40%, var(--ot-surface));
  border-radius: 999px; appearance: none; -webkit-appearance: none; cursor: pointer;
}

/* Compteurs de section (« 149 articles », « 9 compétitions ») : jamais coupés au milieu d'un mot */
body[data-country]:not(#_):not(#__) .section-count { flex: none; overflow-wrap: normal; white-space: nowrap; }

/* Totem du manifeste : petit drapeau collé au totem, pour distinguer les pays qui partagent un lion */
body[data-country]:not(#_):not(#__) .brand-manifesto .totem-holder { position: relative; display: block; flex: none; justify-self: start; width: 88px; height: 88px; line-height: 0; font-size: 0; }
body[data-country]:not(#_):not(#__) .brand-manifesto .totem-holder:has(> .brand-manifesto-mark[hidden]) { display: none; }
body[data-country]:not(#_):not(#__) .brand-manifesto .totem-flag {
  position: absolute; inset-inline-end: -8px; bottom: -4px; z-index: 2; display: grid; place-items: center; width: 32px; height: 32px;
  border-radius: 50%; background: #FFFFFF; border: 2px solid var(--ot-country-deep); box-shadow: 0 1px 3px rgb(0 0 0 / 35%);
  font: 400 18px/1 "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; letter-spacing: 0; color: #000000;
}
body[data-country]:not(#_):not(#__) .brand-manifesto .totem-flag[hidden] { display: none; }

/* Keep full international player names clear of the dialog close control. */
body:not(#_) .player-detail-dialog .player-dialog-head { padding-inline-end: 2.75rem; }