/* TARIFIA — « Prestige Ivoire » : nouvelle palette par rubrique, bande défilante pro, rubriques joyaux, drapeau, écran d'accueil.
   Chargé en tout dernier. Préfixe à double :not(#…) pour passer devant les couches précédentes. */
:root{--civ-o:#f77f00;--civ-w:#fff;--civ-g:#009e60;--gold:#ffd56b;--night:#03100a;--beat:0}

/* ---------- Fond : nuit émeraude et lueurs du drapeau (deux thèmes) ---------- */
html:root body:not(#_):not(#__){background:
  radial-gradient(60% 38% at 0% 0%,rgb(0 158 96/.38),transparent 70%),
  radial-gradient(55% 35% at 100% 8%,rgb(247 127 0/.34),transparent 70%),
  radial-gradient(70% 40% at 50% 110%,rgb(255 213 107/.14),transparent 70%),
  linear-gradient(180deg,#0d5433 0%,#06331f 40%,#03190f 100%) fixed!important;color:#fff}
html:root body:not(#_):not(#__)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 9px)}

/* ---------- En-tête et barre du bas : verre sombre + liseré tricolore ---------- */
html:root body:not(#_):not(#__) header.nav{background:radial-gradient(120% 140% at 50% 0%,#138a55,#0d5433 55%,#06331f)!important;
  border-bottom:0!important;box-shadow:0 10px 30px rgb(0 0 0/.5)!important;position:relative}
html:root body:not(#_):not(#__) header.nav::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;
  background:linear-gradient(90deg,#7d4100,#ef8b08 20%,#f8bc50 50%,#ef8b08 80%,#7d4100)}
html:root body:not(#_):not(#__) .x-tabbar{background:radial-gradient(120% 140% at 50% 100%,#138a55,#0d5433 55%,#06331f)!important;
  box-shadow:inset 0 3px 0 transparent,0 -16px 36px -10px rgb(0 0 0/.7)!important;border-top:0!important}
html:root body:not(#_):not(#__) .x-tabbar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:inherit;
  background:linear-gradient(90deg,#7d4100,#ef8b08 20%,#f8bc50 50%,#ef8b08 80%,#7d4100)}

/* ---------- Drapeau dans l'en-tête (bouton son) ---------- */
.x-civ{all:unset;cursor:pointer;position:relative;display:inline-grid;place-items:center;width:58px;height:42px;margin:0 6px;flex:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.x-civ__flag{width:58px;height:42px;display:block;filter:drop-shadow(0 3px 4px rgb(0 0 0/.5))}
.x-civ__snd{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;background:#0b2a1b;border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0/.5)}
.x-civ__snd::before{content:"🔇";position:absolute;inset:0;display:grid;place-items:center;font-size:9px;line-height:1}
.x-civ.is-on .x-civ__snd{background:var(--civ-g);transform:scale(calc(1 + var(--beat)*.5))}
.x-civ.is-on .x-civ__snd::before{content:"♪";color:#fff;font-weight:900;font-size:11px}

/* ---------- Écran d'accueil ---------- */
.x-splash-on,.x-splash-on body{overflow:hidden}
.x-splash{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;
  background:radial-gradient(80% 50% at 50% 30%,rgb(0 158 96/.35),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgb(247 127 0/.3),transparent 70%),linear-gradient(180deg,#062418,#020b07);
  color:#fff;transition:opacity .6s,transform .6s}
.x-splash.is-out{opacity:0;transform:scale(1.04);pointer-events:none}
.x-splash__rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,rgb(255 255 255/.05) 0 6deg,transparent 6deg 18deg);animation:x-rays 40s linear infinite;pointer-events:none}
@keyframes x-rays{to{transform:rotate(360deg)}}
.x-splash__flag{position:relative;width:min(78vw,360px);height:min(52vw,240px)}
.x-splash__logo{position:relative;width:96px;height:96px;border-radius:50%;margin-top:-34px;border:3px solid #fff;box-shadow:0 0 0 4px var(--civ-o),0 12px 26px rgb(0 0 0/.6);transform:scale(calc(1 + var(--beat)*.12))}
.x-splash__t{position:relative;margin:6px 0 0;font:900 42px/1 Poppins,system-ui,sans-serif;letter-spacing:.06em;color:#fff;
  text-shadow:0 1px 0 #ddd,0 2px 0 #bbb,0 3px 0 var(--civ-o),0 5px 0 #b35c00,0 10px 18px rgb(0 0 0/.6)}
.x-splash__s{position:relative;margin:0 0 10px;font-weight:700;font-size:17px;color:#fff;opacity:.95}
.x-splash__go{all:unset;position:relative;cursor:pointer;padding:16px 34px;border-radius:999px;font:900 18px Poppins,system-ui,sans-serif;color:#fff;
  background:linear-gradient(180deg,#ffa53a,var(--civ-o) 55%,#c25f00);border:2px solid #fff;box-shadow:0 6px 0 #7a3a00,0 16px 26px rgb(0 0 0/.5);text-shadow:0 1px 2px rgb(0 0 0/.5)}
.x-splash__go:active{transform:translateY(5px);box-shadow:0 1px 0 #7a3a00}
.x-splash__mute{all:unset;position:relative;cursor:pointer;margin-top:6px;padding:10px 18px;border-radius:999px;font-weight:800;color:#fff;border:2px solid rgb(255 255 255/.6);background:rgb(0 158 96/.25)}
.x-splash__c{position:relative;margin-top:14px;font-size:11.5px;color:#fff;opacity:.7}

/* ---------- Bande défilante professionnelle ---------- */
html:root body:not(#_):not(#__) .x-tick{height:68px!important;margin:4px 0 10px!important;align-items:center!important;border:0!important;
  background:linear-gradient(180deg,#0c241a 0%,#081a12 100%)!important;font:600 15px/1 Inter,system-ui,sans-serif!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 3px 0 var(--civ-o),0 6px 0 #fff,0 9px 0 var(--civ-g),0 18px 28px rgb(0 0 0/.45)!important}
html:root body:not(#_):not(#__) .x-tick__lbl{display:flex!important;flex-direction:column;justify-content:center;gap:4px;height:100%;padding:0 14px 0 12px!important;
  background:linear-gradient(180deg,#123826,#0a2219)!important;border-right:1px solid rgb(255 255 255/.12);box-shadow:8px 0 18px rgb(0 0 0/.35)!important;
  font:800 11px/1 Poppins,sans-serif!important;color:#fff!important;position:relative;z-index:2}
html:root body:not(#_):not(#__) .x-tick__lbl::before{display:none!important}
.x-tick__flag{display:flex;width:30px;height:18px;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0/.5)}
.x-tick__flag b{flex:1}.x-tick__flag b:nth-child(1){background:var(--civ-o)}.x-tick__flag b:nth-child(2){background:#fff}.x-tick__flag b:nth-child(3){background:var(--civ-g)}
.x-tick__live{display:flex;align-items:center;gap:5px;letter-spacing:.1em;color:#fff}
.x-tick__dotlive{width:7px;height:7px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 0 rgb(255 59 48/.7);animation:x-live 1.6s infinite}
@keyframes x-live{70%{box-shadow:0 0 0 7px rgb(255 59 48/0)}100%{box-shadow:0 0 0 0 rgb(255 59 48/0)}}
.x-tick__clock{font:700 12px/1 "Geist Mono",ui-monospace,monospace;color:var(--gold);letter-spacing:.04em}
html:root body:not(#_):not(#__) .x-tick__vp{height:100%;display:flex;align-items:center}
html:root body:not(#_):not(#__) .x-tick__tr>div{align-items:center;gap:10px;padding:0 10px!important}
.x-tk{display:inline-flex!important;align-items:center;gap:8px;padding:9px 14px!important;border-radius:12px;
  background:linear-gradient(180deg,rgb(255 255 255/.09),rgb(255 255 255/.03));border:1px solid rgb(255 255 255/.12);box-shadow:inset 0 1px 0 rgb(255 255 255/.08)}
html:root body:not(#_):not(#__) .x-tk__s{font:800 16px/1 Poppins,sans-serif!important;color:#fff!important;letter-spacing:.03em;text-shadow:none!important}
html:root body:not(#_):not(#__) .x-tk__n{font:600 12px/1 Inter,sans-serif!important;color:rgb(255 255 255/.62)!important;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-shadow:none!important}
html:root body:not(#_):not(#__) .x-tk__v{font:700 17px/1 "Geist Mono",ui-monospace,monospace!important;color:var(--gold)!important;text-shadow:none!important;font-style:normal}
html:root body:not(#_):not(#__) .x-tk__u{font:600 11.5px/1 Inter,sans-serif!important;color:rgb(255 255 255/.7)!important;text-shadow:none!important}
html:root body:not(#_):not(#__) .x-tk__c{font:800 13px/1 Inter,sans-serif!important;font-style:normal;padding:5px 8px;border-radius:8px;text-shadow:none!important}
html:root body:not(#_):not(#__) .x-tk__c.up{color:#fff!important;background:#0e9f5a}
html:root body:not(#_):not(#__) .x-tk__c.dn{color:#fff!important;background:#d93a2f}
html:root body:not(#_):not(#__) .x-tk__c.eq{color:#fff!important;background:#4c5f56}
.x-tk-sec{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;font:800 13px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}
.x-tk-sec--o{background:linear-gradient(180deg,#ff9a2e,var(--civ-o));box-shadow:0 3px 0 #9a4a00}
.x-tk-sec--g{background:linear-gradient(180deg,#14c27a,var(--civ-g));box-shadow:0 3px 0 #005c37}

/* ---------- Thème « Logo TARIFIA » : vert émeraude / orange-or, répartis à parts égales ---------- */
:root{--lg1:#3fbf7f;--lg2:#0f8250;--lg3:#0d5433;--lg4:#06331f;--lo1:#ffcf6e;--lo2:#ef8b08;--lo3:#c26a00;--lo4:#7d4100;--lgold:#f8bc50}
/* Bloc VERT (cœur du logo) : texte blanc, titres or, socle orange */
html:root body:not(#_):not(#__) main :is(.breakdown,.step,.x-panel,.table-wrap,.x-simbox,.x-vhbox,.stat,#stats>div,.aside,.chart,.x-lock,.card,.callout,.x-intro,.x-gate,.cards>div){
  --tx:#fff;--hd:var(--lgold);--bt1:var(--lo1);--bt2:var(--lo2);--btt:#3a1d00;--bs:var(--lo4);--edge:var(--lo2);
  background-color:var(--lg2)!important;
  background-image:radial-gradient(120% 70% at 100% 0%,rgb(133 208 164/.35),transparent 55%),radial-gradient(90% 60% at 0% 100%,rgb(248 188 80/.16),transparent 60%),linear-gradient(155deg,var(--lg1) 0%,var(--lg2) 42%,var(--lg3) 78%,var(--lg4) 100%)!important;
  outline:2px solid rgb(248 188 80/.75)!important;outline-offset:-6px!important;border:0!important;border-radius:24px!important;
  box-shadow:inset 0 2px 0 rgb(255 255 255/.4),inset 0 -10px 18px rgb(0 0 0/.25),0 6px 0 var(--lg4),0 10px 0 var(--lo2),0 28px 40px -14px rgb(0 0 0/.7)!important}
/* Bloc ORANGE (anneau du logo) : texte vert profond, titres vert, socle vert — un bloc sur deux */
html:root body:not(#_):not(#__) main :is(.breakdown,.step,.x-panel,.table-wrap,.x-simbox,.x-vhbox,.stat,#stats>div,.aside,.chart,.x-lock,.card,.callout,.x-intro,.x-gate,.cards>div):nth-child(even){
  --tx:#2a1500;--hd:#06331f;--bt1:var(--lg1);--bt2:var(--lg3);--btt:#fff;--bs:var(--lg4);--edge:var(--lg2);
  background-color:var(--lo2)!important;
  background-image:radial-gradient(120% 70% at 0% 0%,rgb(255 236 180/.6),transparent 55%),radial-gradient(90% 60% at 100% 100%,rgb(13 84 51/.18),transparent 60%),linear-gradient(155deg,var(--lo1) 0%,var(--lo2) 45%,var(--lo3) 100%)!important;
  outline-color:rgb(13 84 51/.55)!important;
  box-shadow:inset 0 2px 0 rgb(255 255 255/.6),inset 0 -10px 18px rgb(125 65 0/.25),0 6px 0 var(--lo4),0 10px 0 var(--lg2),0 28px 40px -14px rgb(0 0 0/.7)!important}
/* Textes : lisibles, épais, couleur selon le bloc */
html:root body:not(#_):not(#__) main :is(.breakdown,.step,.x-panel,.table-wrap,.x-simbox,.x-vhbox,.stat,#stats>div,.aside,.chart,.x-lock,.card,.callout,.x-intro,.x-gate,.cards>div) :is(p,li,td,dd,dt,label,small,em,.fineprint,span:not(.x-sh):not(.chip):not(.x-hs6)):not(.x-sh):not(.btn *):not(.chip *):not(.row--total *){
  color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important;font-weight:600!important;text-shadow:none!important}
html:root body:not(#_):not(#__) main :is(.breakdown,.step,.x-panel,.table-wrap,.x-simbox,.x-vhbox,.stat,#stats>div,.aside,.chart,.x-lock,.card,.callout,.x-intro,.x-gate,.cards>div) :is(h1,h2,h3,h4,strong,b,th,legend,.step__eyebrow,.step__num):not(.btn *):not(.row--total *):not(.x-sh){
  color:var(--hd)!important;-webkit-text-fill-color:var(--hd)!important;font-weight:800!important;text-shadow:none!important;filter:none!important;background:none!important}
html:root body:not(#_):not(#__) main :is(.cards>div,.breakdown,.step,.x-panel,.table-wrap,.x-simbox,.x-vhbox,.stat,#stats>div) :is(.row,tr,td,th){border-color:color-mix(in srgb,var(--tx) 22%,transparent)!important}
html:root body:not(#_):not(#__) main :is(.breakdown,.step,.x-panel,.table-wrap,.x-simbox,.x-vhbox,.aside,.card,.callout,.cards>div,.x-intro) a:not(.btn){color:var(--hd)!important;-webkit-text-fill-color:var(--hd)!important;font-weight:800!important;text-decoration:underline}
/* Boutons : couleur opposée au bloc (vert sur orange, orange sur vert) */
html:root body:not(#_):not(#__) main :is(.cards>div,.breakdown,.step,.x-panel,.x-simbox,.x-vhbox,.aside,.card,.callout,.x-intro,.x-lock,.x-gate) .btn{
  background:linear-gradient(180deg,var(--bt1),var(--bt2))!important;color:var(--btt)!important;-webkit-text-fill-color:var(--btt)!important;border:0!important;
  font-weight:900!important;text-shadow:none!important;box-shadow:inset 0 2px 0 rgb(255 255 255/.45),0 5px 0 var(--bs),0 10px 16px rgb(0 0 0/.35)!important}
html:root body:not(#_):not(#__) main :is(.cards>div,.breakdown,.step,.x-panel,.x-simbox,.x-vhbox,.aside,.card,.callout,.x-intro,.x-lock,.x-gate) .btn *{color:var(--btt)!important;-webkit-text-fill-color:var(--btt)!important}
/* Champs de saisie : blanc ivoire, texte vert */
html:root body:not(#_):not(#__) main :is(input,select,textarea){background:#fffaf0!important;color:#0d5433!important;-webkit-text-fill-color:#0d5433!important;border:2px solid var(--edge,#ef8b08)!important;font-weight:700!important}
/* Ligne de total : contraste inversé */
html:root body:not(#_):not(#__) .row--total{background:linear-gradient(180deg,var(--bt1,#ffcf6e),var(--bt2,#ef8b08))!important;border-radius:16px!important;box-shadow:inset 0 2px 0 rgb(255 255 255/.5),0 4px 0 var(--bs,#7d4100)!important}
html:root body:not(#_):not(#__) .row--total :is(*,strong,span,small,b,dt,dd){color:var(--btt,#3a1d00)!important;-webkit-text-fill-color:var(--btt,#3a1d00)!important;text-shadow:none!important}
/* Médaillons des cartes d'accueil : couleur opposée */
html:root body:not(#_):not(#__) main .cards>div::before{background:radial-gradient(circle at 35% 30%,var(--lo1),var(--lo2) 50%,var(--lo4))!important;border-color:#fff!important}
html:root body:not(#_):not(#__) main .cards>div:nth-child(even)::before{background:radial-gradient(circle at 35% 30%,var(--lg1),var(--lg2) 50%,var(--lg4))!important}
/* Titres de rubrique hors blocs : blanc, relief vert + or */
html:root body:not(#_):not(#__) main .head h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;
  text-shadow:0 2px 0 var(--lg3),0 4px 0 var(--lo2),0 8px 14px rgb(0 0 0/.6)!important;filter:none!important;background:none!important}
html:root body:not(#_):not(#__) main .head__eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,var(--lo1),var(--lo2))!important;
  color:#3a1d00!important;-webkit-text-fill-color:#3a1d00!important;font-weight:900!important;border:2px solid #fff;box-shadow:0 4px 0 var(--lo4)}
html:root body:not(#_):not(#__) main section:nth-of-type(even) .head__eyebrow{background:linear-gradient(180deg,var(--lg1),var(--lg3))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 0 var(--lg4)}
html:root body:not(#_):not(#__) main .head p{color:#fff!important;font-weight:600!important}

/* ---------- Rubriques « joyaux » : feuille Plus, barre du bas, pied de page ---------- */
html:root body:not(#_):not(#__) .x-sheet{background:radial-gradient(90% 50% at 50% 0%,rgb(0 158 96/.35),transparent 70%),linear-gradient(180deg,#0b2419,#03100a)!important;color:#fff!important;border:2px solid rgb(255 255 255/.25)!important}
html:root body:not(#_):not(#__) .x-sheet__head h2{color:#fff!important;font-weight:900!important}
html:root body:not(#_):not(#__) .x-sheet__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html:root body:not(#_):not(#__) .x-sheet__grid a{position:relative;overflow:hidden;display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 14px 18px!important;border-radius:22px!important;
  color:var(--st)!important;text-decoration:none!important;border:2px solid var(--lgold)!important;
  background:radial-gradient(110% 70% at 100% 0%,rgb(255 255 255/.28),transparent 55%),linear-gradient(155deg,var(--s1),var(--s2) 50%,var(--s3))!important;
  box-shadow:inset 0 2px 0 rgb(255 255 255/.5),0 6px 0 var(--s3),0 9px 0 var(--se),0 20px 26px rgb(0 0 0/.55)!important}
html:root body:not(#_):not(#__) .x-sheet__grid a:active{transform:translateY(6px)!important;box-shadow:0 2px 0 var(--s3)!important}
html:root body:not(#_):not(#__) .x-sheet__grid a::after{content:"";position:absolute;top:-60%;left:-40%;width:40%;height:220%;transform:rotate(25deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgb(255 255 255/.35),transparent);animation:x-shine 4.5s ease-in-out infinite}
@keyframes x-shine{0%,60%{left:-50%}100%{left:130%}}
.x-sheet__grid a:nth-child(odd){--s1:#3fbf7f;--s2:#0f8250;--s3:#0d5433;--se:#ef8b08;--st:#fff}
.x-sheet__grid a:nth-child(even){--s1:#ffcf6e;--s2:#ef8b08;--s3:#7d4100;--se:#0f8250;--st:#2a1500}
html:root body:not(#_):not(#__) .x-sheet__grid a .x-ico{width:54px!important;height:54px!important;display:grid!important;place-items:center;font-size:26px!important;border-radius:16px!important;transform:rotate(-8deg);
  background:conic-gradient(from 30deg,#fff,rgb(255 255 255/.55),#fff,rgb(255 255 255/.4),#fff)!important;color:var(--s3)!important;border:2px solid #fff!important;
  box-shadow:0 4px 0 var(--s3),0 0 18px rgb(255 255 255/.6),inset 0 -4px 6px rgb(0 0 0/.15)!important}
html:root body:not(#_):not(#__) .x-sheet__grid a .x-ico .x-i{color:var(--s3)!important;transform:rotate(8deg)}
html:root body:not(#_):not(#__) .x-sheet__grid a b{font:900 17px/1.15 Poppins,sans-serif!important;color:var(--st)!important;-webkit-text-fill-color:var(--st)!important;text-shadow:none!important}
html:root body:not(#_):not(#__) .x-sheet__grid a small{display:block;margin-top:4px;font-weight:700!important;font-size:12.5px!important;color:var(--st)!important;-webkit-text-fill-color:var(--st)!important;opacity:.95;text-shadow:none!important}
/* barre du bas : pierres précieuses */
html:root body:not(#_):not(#__) .x-tabbar__ico{border-radius:14px!important;transition:transform .15s}
html:root body:not(#_):not(#__) .x-tabbar :is(a,button)[aria-current] .x-tabbar__ico,
html:root body:not(#_):not(#__) .x-tabbar :is(a,button).is-on .x-tabbar__ico{background:conic-gradient(from 20deg,#ffd08a,var(--civ-o),#ffb347,#c25f00,#ffd08a)!important;
  border:2px solid #fff!important;box-shadow:0 4px 0 #7a3a00,0 0 16px rgb(247 127 0/.7)!important;color:#fff!important}
/* pied de page : puces joyaux */
html:root body:not(#_):not(#__) .foot{background:linear-gradient(180deg,transparent,rgb(0 0 0/.35))!important;color:#fff!important;border-top:0!important}
html:root body:not(#_):not(#__) .foot p,html:root body:not(#_):not(#__) .foot a.link{color:#fff!important;font-weight:700!important}
html:root body:not(#_):not(#__) .foot nav a{background:linear-gradient(180deg,rgb(255 255 255/.14),rgb(255 255 255/.05))!important;color:#fff!important;border:1.5px solid rgb(255 255 255/.5)!important;font-weight:800!important;box-shadow:0 3px 0 rgb(0 0 0/.4)!important}
html:root body:not(#_):not(#__) .foot nav a:nth-child(3n+1){border-color:var(--civ-o)!important}
html:root body:not(#_):not(#__) .foot nav a:nth-child(3n+3){border-color:var(--civ-g)!important}

@media (prefers-reduced-motion:reduce){.x-splash__rays,.x-sheet__grid a::after,.x-tick__dotlive{animation:none!important}}

/* Lisibilité : texte vert nuit sur les boutons orange d'appel à l'action */
.x-cta, a.btn.x-cta { color:#06331f !important; text-shadow:0 1px 0 rgba(255,225,160,.65) !important; font-weight:800 !important; }

/* ====== Bande défilante 3D tricolore orange · blanc · vert ====== */
html:root body:not(#_):not(#__):not(#___) .x-tick{height:74px!important;margin:8px 8px 18px!important;border-radius:16px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff8ec 48%,#f3ead8 100%)!important;color:#06331f!important;
  border:0!important;border-top:5px solid #ef8b08!important;border-bottom:5px solid #0f8250!important;
  box-shadow:inset 0 2px 0 rgb(255 255 255/.95),inset 0 -6px 12px rgb(125 65 0/.12),0 5px 0 #0d5433,0 9px 0 #06331f,0 20px 30px rgb(0 0 0/.45)!important;
  transform:perspective(900px) rotateX(4deg);transform-origin:center top}
html:root body:not(#_):not(#__):not(#___) .x-tick__lbl{background:linear-gradient(180deg,#ffb53a 0%,#ef8b08 55%,#c26a00 100%)!important;color:#fff!important;
  border-right:4px solid #fff!important;box-shadow:inset 0 2px 0 rgb(255 230 170/.8),inset 0 -3px 0 #7d4100,6px 0 0 #0f8250,10px 0 16px rgb(0 0 0/.25)!important;text-shadow:0 1px 1px #7d4100}
html:root body:not(#_):not(#__):not(#___) .x-tick__live,html:root body:not(#_):not(#__):not(#___) .x-tick__clock{color:#fff!important}
html:root body:not(#_):not(#__):not(#___) .x-tick__vp{-webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
html:root body:not(#_):not(#__):not(#___) .x-tick__tr{animation:x-scroll 90s linear infinite!important}
html:root body:not(#_):not(#__):not(#___) .x-tk{background:linear-gradient(180deg,#ffffff,#f1f7f3)!important;border:2px solid #0f8250!important;border-radius:12px!important;
  box-shadow:inset 0 2px 0 #fff,0 4px 0 #0d5433,0 7px 10px rgb(0 0 0/.18)!important}
html:root body:not(#_):not(#__):not(#___) .x-tk:nth-child(even){border-color:#ef8b08!important;box-shadow:inset 0 2px 0 #fff,0 4px 0 #c26a00,0 7px 10px rgb(0 0 0/.18)!important}
html:root body:not(#_):not(#__):not(#___) .x-tk__s{color:#06331f!important}
html:root body:not(#_):not(#__):not(#___) .x-tk__n,html:root body:not(#_):not(#__):not(#___) .x-tk__u{color:#4d5a52!important}
html:root body:not(#_):not(#__):not(#___) .x-tk__v{color:#c26a00!important;font-weight:800!important}
html:root body:not(#_):not(#__):not(#___) .x-tk-sec--o{box-shadow:inset 0 2px 0 rgb(255 230 170/.8),0 4px 0 #7d4100!important;text-shadow:0 1px 1px #7d4100}
html:root body:not(#_):not(#__):not(#___) .x-tk-sec--g{box-shadow:inset 0 2px 0 rgb(160 240 200/.6),0 4px 0 #06331f!important;text-shadow:0 1px 1px #06331f}
@media (prefers-reduced-motion:reduce){html:root body:not(#_):not(#__):not(#___) .x-tick__tr{animation-duration:120s!important}}

/* ====== Pied de page 3D tricolore ====== */
html:root body:not(#_):not(#__):not(#___) .foot{position:relative;margin:28px 8px 0!important;padding:26px 16px 30px!important;border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#0f8250 0%,#0d5433 60%,#06331f 100%)!important;color:#fff!important;
  border-top:6px solid #ef8b08!important;box-shadow:inset 0 6px 0 #fff,inset 0 2px 24px rgb(0 0 0/.25),0 -10px 26px rgb(0 0 0/.35)!important;text-align:center}
html:root body:not(#_):not(#__):not(#___) .foot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,#ef8b08 0 33.3%,#fff 33.3% 66.6%,#0f8250 66.6%)}
html:root body:not(#_):not(#__):not(#___) .foot p{font:700 15px/1.6 Inter,system-ui,sans-serif!important;color:#fff!important;text-shadow:0 1px 2px rgb(0 0 0/.5)}
html:root body:not(#_):not(#__):not(#___) .foot a.link{color:#ffcf6e!important;font-weight:800!important;text-decoration:underline;text-underline-offset:3px}
html:root body:not(#_):not(#__):not(#___) .foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
html:root body:not(#_):not(#__):not(#___) .foot nav a{padding:10px 14px!important;border-radius:12px!important;font:800 13.5px/1 Poppins,sans-serif!important;
  background:linear-gradient(180deg,#ffffff,#f2ede2)!important;color:#06331f!important;border:2px solid #0f8250!important;box-shadow:inset 0 2px 0 #fff,0 4px 0 #0d5433,0 8px 12px rgb(0 0 0/.3)!important}
html:root body:not(#_):not(#__):not(#___) .foot nav a:nth-child(3n+1){background:linear-gradient(180deg,#ffb53a,#ef8b08)!important;color:#fff!important;border-color:#fff!important;text-shadow:0 1px 1px #7d4100;box-shadow:inset 0 2px 0 rgb(255 230 170/.8),0 4px 0 #7d4100,0 8px 12px rgb(0 0 0/.3)!important}
html:root body:not(#_):not(#__):not(#___) .foot nav a:nth-child(3n+3){background:linear-gradient(180deg,#3fbf7f,#0f8250)!important;color:#fff!important;border-color:#fff!important;text-shadow:0 1px 1px #06331f;box-shadow:inset 0 2px 0 rgb(160 240 200/.6),0 4px 0 #06331f,0 8px 12px rgb(0 0 0/.3)!important}
html:root body:not(#_):not(#__):not(#___) .foot nav a:active{transform:translateY(3px);box-shadow:0 1px 0 #06331f!important}