/* Refonte (octobre 2026), par-dessus style.css : mode clair uniquement, violet, pas de contours, fond lampe à lave,
   barre de navigation latérale, bouton utilitaire, Pages au bord liquide, tabs de pack. Voir REFONTE.md. */

/* ---------------------------------------------------------------- couleurs (les variables de style.css) */
:root, :root[data-theme="dark"] {
  color-scheme:light;
  --page:#ffffff; --banner:#f1edff; --edge:#a48bff; --ink:#1d1638; --soft:#5d5585; --light:#ffffff;
  --accent:#7352ff; --accent2:#9f86ff;
  --tint:124 92 255; --glass:255 255 255; --shadow:76 46 210; --hi:.6;
  --danger:#c0352b; --ok:#1f8a52; --ring:rgb(255 255 255 / .95); --rim:transparent;
  --chip:#efeaff; --lat:252px; --tuile:68px; --ease:cubic-bezier(.22,1,.36,1);
}
html { background:#fff; }
/* the body stays transparent: it is positioned (style.css), so a background on it would be painted over the lava lamp */
body { background:transparent !important; }
body { font-family:"Albert Sans", system-ui, sans-serif; }
h1, h2, h3 { font-family:"Tilt Warp", "Albert Sans", sans-serif; font-weight:400; letter-spacing:-.01em; }

/* l'ancien décor (fond de caractères, écran de chargement, barre du haut) n'existe plus */
body::before, body::after, .shapes, .liquid, .splash, .nav, .banner { display:none !important; }

/* ---------------------------------------------------------------- fond lampe à lave (fond.js) */
canvas.liquide { position:fixed; inset:-6%; width:112%; height:112%; z-index:-1; pointer-events:none; }

/* ---------------------------------------------------------------- mise en page avec la barre latérale */
body.lat { --l:var(--lat); }
body.lat.plie { --l:var(--tuile); }
body.lat > main, body.lat > footer { margin-left:calc(var(--l) + 24px); margin-right:12px; transition:margin-left .5s var(--ease) .2s; }
body.lat:not(.plie) > main, body.lat:not(.plie) > footer { transition-delay:0s; }
main.page { padding-top:18px; }

/* ---------------------------------------------------------------- barre de navigation (latérale) */
.lat-bloc { position:fixed; z-index:60; left:12px; top:12px; display:flex; flex-direction:column; align-items:center; }
.menu-lat { width:var(--lat); height:calc(100vh - 40px); height:calc(100dvh - 40px); display:flex; flex-direction:column; gap:6px;
  padding:14px; border-radius:28px; overflow:hidden; background:rgb(255 255 255 / .82); backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:0 24px 50px -28px rgb(76 50 180 / .5), 0 0 0 1px rgb(124 96 255 / .06);
  transition:width .35s var(--ease), height .55s var(--ease) .22s, border-radius .35s, padding .35s; }
.plie .menu-lat { width:var(--tuile); height:var(--tuile); border-radius:22px;
  transition:height .5s var(--ease), width .35s var(--ease) .38s, border-radius .35s .38s; }
.ml-haut { display:flex; align-items:center; min-height:40px; flex:none; }
.ml-haut .brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); }
.ml-haut .brand svg { width:40px; height:auto; flex:none; overflow:visible; }
.ml-haut .brand b { font:400 21px/1 "Tilt Warp"; white-space:nowrap; transition:opacity .25s .3s; }
.plie .ml-haut .brand b { opacity:0; transition-delay:0s; }
.ml-corps { flex:1; display:flex; flex-direction:column; gap:6px; padding-top:14px; min-height:0; min-width:224px;
  transition:opacity .3s .35s, transform .45s var(--ease) .3s; }
.plie .ml-corps { opacity:0; transform:translateY(-14px); transition:opacity .2s, transform .35s var(--ease); pointer-events:none; }
.menu-lat svg.i, .ml-plier svg.i { width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ml-liens { display:grid; gap:4px; }
.ml-lien { position:relative; display:flex; align-items:center; gap:14px; height:48px; padding:0 15px; border-radius:16px; font-weight:700;
  color:var(--soft); text-decoration:none; transition:background .25s, color .25s; }
.ml-lien:hover { background:rgb(124 92 255 / .08); color:var(--ink); }
.ml-lien[aria-current] { background:var(--chip); color:var(--accent); }
.ml-lien[aria-current]::before { content:""; position:absolute; left:-14px; top:12px; bottom:12px; width:5px; border-radius:0 6px 6px 0; background:var(--accent); }
.ml-bas { margin-top:auto; display:grid; gap:10px; }
.menu-lat .ml-bas > .bu { display:flex; }
.menu-lat .ml-bas > .bu .bu-corps { height:48px; padding:0 15px; justify-content:flex-start; gap:14px; }
/* the language and account buttons that i18n.js and menu.js put in .seg */
.ml-seg.seg { all:unset; display:flex; align-items:center; gap:8px; }
.ml-seg .seg-ind, .ml-seg .seg-hover { display:none; }
.ml-seg .seg-btn { position:relative; height:44px; min-width:44px; padding:0 12px; border:0; border-radius:14px; cursor:pointer; background:var(--chip);
  color:var(--ink); font:800 13px/1 "Albert Sans"; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.ml-seg .seg-btn:hover { background:#e4dcff; }
.ml-seg .seg-btn:focus-visible { outline:none; box-shadow:0 0 0 4px rgb(124 92 255 / .3); }
.ml-seg .menu-btn { flex:1; justify-content:flex-start; gap:10px; padding:0 12px; }
.ml-seg .menu-btn > span { display:none; }
.ml-seg .menu-btn::before { content:""; width:28px; height:28px; border-radius:50%; flex:none;
  background:linear-gradient(135deg, #c9b8ff, #ffc6e3) center/cover; }
.ml-seg .menu-btn::after { content:"Compte"; font:700 14px/1 "Albert Sans"; color:var(--ink); }
:root[lang="en"] .ml-seg .menu-btn::after { content:"Account"; }
.ml-seg .menu-btn[aria-expanded="true"] { background:linear-gradient(180deg, #9f86ff, #7352ff); }
.ml-seg .menu-btn[aria-expanded="true"]::after { color:#fff; }
.menu-pop { border:0 !important; border-radius:22px; box-shadow:0 30px 60px -24px rgb(76 50 180 / .5); }
.ml-plier { position:relative; z-index:1; margin-top:-12px; width:46px; height:28px; border:0; border-radius:0 0 16px 16px; cursor:pointer;
  display:grid; place-items:center; color:var(--soft); background:rgb(255 255 255 / .94); backdrop-filter:blur(10px);
  box-shadow:0 10px 18px -10px rgb(76 50 180 / .45); transition:color .2s, background .2s; }
.ml-plier:hover { color:var(--accent); background:#fff; }
.ml-plier svg.i { width:18px; height:18px; transition:transform .5s var(--ease); }
.plie .ml-plier svg.i { transform:rotate(180deg); }
.voile { position:fixed; inset:0; z-index:59; background:rgb(29 22 56 / .22); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .4s; }
.fige .menu-lat, .fige .ml-corps, .fige > main, .fige > footer, .fige .ml-plier svg.i, .fige .ml-haut .brand b { transition:none !important; }
@media (max-width:900px) {
  body.lat > main, body.lat > footer, body.lat.plie > main, body.lat.plie > footer { margin-left:0; margin-right:0; }
  body.lat > main { padding-top:96px; }
  .menu-lat { width:min(300px, calc(100vw - 24px)); }
  .ml-corps { min-width:0; }
  body.lat:not(.plie) .voile { opacity:1; pointer-events:auto; }
}
@media (prefers-reduced-motion: reduce) { .menu-lat, .plie .menu-lat, .ml-corps, .plie .ml-corps, body.lat > main, body.lat > footer, .ml-plier svg.i { transition:none; } }

/* ---------------------------------------------------------------- surfaces : pas de contours, verre blanc, ombres douces */
.panel, .tile, .card, .post-card, .foot-in, .rv, .rv-form, .about-points li, .row, .code-row, .q-tabs, .anim-opt, .detail-prev, .menu-pop {
  border:0 !important; }
.panel { background:rgb(255 255 255 / .8) !important; backdrop-filter:blur(14px) saturate(1.2) !important; border-radius:30px;
  box-shadow:0 26px 50px -32px rgb(76 50 180 / .45), 0 3px 10px rgb(76 50 180 / .05) !important; }
.foot-in { background:rgb(255 255 255 / .75) !important; backdrop-filter:blur(12px) !important; border-radius:26px; box-shadow:0 20px 40px -30px rgb(76 50 180 / .4) !important; }
.q-tab, .type-chip { border:0 !important; }
.q-tab.on, .type-chip.on { background:linear-gradient(180deg, #9f86ff, #7352ff) !important; color:#fff !important; box-shadow:0 10px 20px -12px rgb(76 46 210 / .7) !important; }
input, select, textarea { border-color:transparent !important; background:#f4f1ff !important; border-radius:14px; }
input:focus, select:focus, textarea:focus { outline:none; box-shadow:0 0 0 4px rgb(124 92 255 / .22) !important; }
a { color:var(--accent); }

/* ---------------------------------------------------------------- bouton utilitaire (bouton.js) */
.bu { position:relative; display:inline-flex; padding:0 !important; border:0; background:none !important; box-shadow:none !important; border-radius:999px;
  cursor:pointer; text-decoration:none; white-space:nowrap; font:800 15px/1 "Albert Sans", system-ui, sans-serif; -webkit-tap-highlight-color:transparent;
  vertical-align:middle; color:inherit; }
.bu[disabled], .bu[aria-disabled="true"] { opacity:.55; cursor:not-allowed; }
.bu-corps { position:relative; display:flex; flex:1; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 22px; border-radius:inherit;
  overflow:hidden; isolation:isolate;
  box-shadow:0 16px 28px -12px rgb(76 46 210 / .7), 0 5px 10px -4px rgb(76 46 210 / .35);
  transition:transform .5s cubic-bezier(.34,1.8,.64,1), box-shadow .35s, color .25s; }
.bu:not([disabled]):hover .bu-corps { transform:translateY(-3px); box-shadow:0 22px 34px -12px rgb(76 46 210 / .75), 0 8px 14px -6px rgb(76 46 210 / .4); }
.bu:not([disabled]):active .bu-corps { animation:gelee .5s ease-out; }
.bu:focus-visible { outline:none; }
.bu:focus-visible .bu-corps { box-shadow:0 0 0 5px rgb(124 92 255 / .3), 0 16px 28px -12px rgb(76 46 210 / .7); }
.bu-corps > :not(.bu-liquide) { position:relative; }
.bu svg:not(.bu-liquide) { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.bu .bu-liquide { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; }
.bu-liquide .fond-l { opacity:.45; }
.bu-liquide .reflet { fill:none; stroke-width:1.6; stroke-linecap:round; }
.bu.p .bu-corps { background:linear-gradient(180deg, #9f86ff, #7352ff); color:#fff; }
.bu.p .bu-l1 { stop-color:#fff; } .bu.p .bu-l2 { stop-color:#e6dcff; }
.bu.p .reflet { stroke:#fff; } .bu.p .bulle { fill:#cfc2ff; }
.bu.p.plein .bu-corps { color:#4a2fd0; }
.bu.s .bu-corps { background:#efeaff; color:#3b2a8f; box-shadow:0 14px 26px -14px rgb(76 46 210 / .55), 0 4px 10px -4px rgb(76 46 210 / .25); }
.bu.s .bu-l1 { stop-color:#a48bff; } .bu.s .bu-l2 { stop-color:#6f4dff; }
.bu.s .reflet { stroke:#d9ceff; } .bu.s .bulle { fill:#d9ceff; }
.bu.s.plein .bu-corps { color:#fff; }
.bu.o .bu-corps { width:48px; padding:0; }
.bu.petit .bu-corps { min-height:38px; padding:0 16px; font-size:14px; }
@keyframes gelee { 0% { transform:translateY(-3px) scale(1); } 25% { transform:translateY(0) scale(1.1, .86); } 50% { transform:translateY(-2px) scale(.95, 1.06); }
  75% { transform:translateY(-3px) scale(1.03, .98); } 100% { transform:translateY(-3px) scale(1); } }
@media (prefers-reduced-motion: reduce) { .bu-corps { transition:color .2s; } .bu:hover .bu-corps { transform:none; } .bu:active .bu-corps { animation:none; } }

/* ---------------------------------------------------------------- Pages au bord liquide (page.js) */
.page-l { overflow:visible !important; background:none !important; box-shadow:none !important; border-radius:0 !important; will-change:transform; isolation:isolate; }
.page-l::before { content:""; position:absolute; inset:8px; border-radius:28px; z-index:-1;
  box-shadow:0 34px 70px -26px rgb(108 72 255 / .5), 0 14px 44px -14px rgb(226 127 198 / .3), 0 2px 10px rgb(76 50 180 / .06); }
.page-l > .page-int { position:absolute; inset:0; overflow:hidden; background:#efeaff; }
.page-l > .page-int > video, .page-l > .page-int > img { width:100%; height:100%; object-fit:cover; display:block; }
video { pointer-events:none; }

/* ---------------------------------------------------------------- tabs de pack (shop.js : assetCard) */
.grid { gap:38px 26px !important; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)) !important; padding-top:12px; }
.tab.tc { position:relative; display:flex; flex-direction:column; color:var(--ink); text-decoration:none; background:none; }
.tc .pile { position:relative; margin:0 6px; }
.tc .pile i { position:absolute; inset:0; border-radius:26px; transition:transform .55s cubic-bezier(.34,1.56,.64,1); }
.tc .pile i:nth-child(1) { transform:rotate(-3.5deg) translateY(5px); background:#e3dbff; }
.tc .pile i:nth-child(2) { transform:rotate(2.8deg) translateY(3px); background:#cfc2ff; }
.tc:hover .pile i:nth-child(1) { transform:rotate(-8deg) translate(-14px, 8px); }
.tc:hover .pile i:nth-child(2) { transform:rotate(7deg) translate(14px, 5px); }
.tc .pile i[data-liquide] { border-radius:0; }
.tc .tm { position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:26px; background:#e9e2ff;
  box-shadow:0 26px 46px -24px rgb(76 50 180 / .6), 0 6px 14px -8px rgb(76 50 180 / .25); }
.tc .tm img, .tc .tm video { width:100%; height:100%; object-fit:cover; display:block; }
.tc .tm video { position:absolute; inset:0; opacity:0; transition:opacity .35s; }
.tc.joue .tm video { opacity:1; }
.tc .tm.page-l::before { inset:8px; border-radius:24px; }
.tc .tags { position:absolute; left:18px; top:18px; z-index:2; display:flex; flex-wrap:wrap; gap:6px; }
.tc .tags span { font:800 11.5px/1 "Albert Sans"; color:#5b3fe0; background:rgb(255 255 255 / .88); backdrop-filter:blur(6px); padding:5px 9px; border-radius:9px; }
.tc .sur { position:absolute; left:18px; bottom:20px; z-index:2; opacity:0; transform:translateY(6px); transition:opacity .3s, transform .45s cubic-bezier(.34,1.56,.64,1); }
.tc:hover .sur, .tc:focus-visible .sur { opacity:1; transform:none; }
@media (hover: none) { .tc .sur { opacity:1; transform:none; } }
.tc .badges { position:absolute; left:18px; bottom:20px; z-index:2; display:flex; gap:6px; }
.tc:hover .badges { opacity:0; }
.tc .badges span { font:800 11.5px/1 "Albert Sans"; color:#fff; background:rgb(29 22 56 / .6); backdrop-filter:blur(6px); padding:6px 9px; border-radius:9px; }
/* the price: a small white card folded in two, astride the top edge */
.tc .carte { position:absolute; right:18px; top:-9px; z-index:3; min-width:62px; pointer-events:none; }
.tc .carte .dos { display:block; height:9px; margin:0 3px; border-radius:3px 3px 0 0; background:linear-gradient(180deg, #e9e6f2, #d9d4e8);
  transform:perspective(120px) rotateX(38deg); transform-origin:50% 100%; }
.tc .carte .face { display:grid; place-items:center; padding:6px 8px 7px; border-radius:2px 2px 7px 7px; transform-origin:50% 0;
  background:linear-gradient(180deg, #ecebf3 0, #fff 7px, #fff 70%, #f7f5fc); color:#3b2a8f;
  box-shadow:0 10px 14px -8px rgb(30 15 70 / .45), 0 2px 3px rgb(30 15 70 / .18); }
.tc .carte small { font:800 7px/1 "Albert Sans"; letter-spacing:1.6px; text-transform:uppercase; opacity:.6; }
.tc .carte b { font:400 21px/1.05 "Tilt Warp"; white-space:nowrap; }
.tc .carte sup { font-size:10px; vertical-align:top; margin-left:1px; }
.tc .carte em { font:700 9px/1.2 "Albert Sans"; font-style:normal; opacity:.7; white-space:nowrap; }
.tc .encadre { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:14px 6px 0; padding:12px 14px; border-radius:18px;
  background:rgb(255 255 255 / .88); backdrop-filter:blur(10px); box-shadow:0 14px 30px -20px rgb(76 50 180 / .55); }
.tc .encadre h3 { display:flex; align-items:center; gap:6px; font-size:17px; min-width:0; white-space:nowrap; }
.tc .encadre h3 .nom { overflow:hidden; text-overflow:ellipsis; }
.tc .auteur { display:inline-flex; align-items:center; gap:7px; color:var(--soft); font-size:13.5px; flex:none; }
.tc .auteur b { color:var(--ink); font-weight:700; }
.tc .av { width:22px; height:22px; border-radius:50%; flex:none; background:#fff url(/hk.svg) center/86% no-repeat; box-shadow:0 2px 6px rgb(76 50 180 / .25); }
.sceau { width:20px; height:20px; flex:none; }
.tc .note { display:block; margin:6px 12px 0; font-size:12.5px; color:var(--soft); }

/* ---------------------------------------------------------------- accueil */
.acc-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:center; padding:28px 0 10px; }
.acc-hero h1 { font-size:clamp(40px, 6vw, 70px); line-height:1.04; }
.acc-hero h1 em { font-style:normal; color:#6a45f5; }
.acc-hero p { color:var(--soft); font-size:18px; line-height:1.6; margin:16px 0 26px; max-width:46ch; }
.acc-hero .actions { display:flex; gap:14px; flex-wrap:wrap; }
.acc-logo { display:grid; place-items:center; min-height:320px; }
.acc-logo a { display:block; width:min(300px, 70%); }
.acc-logo svg { width:100%; height:auto; overflow:visible; filter:drop-shadow(0 30px 40px rgb(108 72 255 / .35)); }
.acc-chiffres { display:flex; gap:26px; margin-top:28px; color:var(--soft); font-size:14px; }
.acc-chiffres b { display:block; font:400 28px/1.1 "Tilt Warp"; color:var(--ink); }
.acc-section { margin-top:56px; }
.acc-section > .tete { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:8px; }
.acc-section h2 { font-size:clamp(28px, 4vw, 38px); }
.acc-section .sous { color:var(--soft); }
.acc-savoir { display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; margin-top:18px; }
.acc-savoir a { display:grid; gap:10px; padding:14px 14px 18px; border-radius:26px; background:rgb(255 255 255 / .8); backdrop-filter:blur(12px);
  text-decoration:none; color:var(--ink); box-shadow:0 22px 44px -30px rgb(76 50 180 / .5); transition:transform .5s cubic-bezier(.34,1.56,.64,1); }
.acc-savoir a:hover { transform:translateY(-5px); }
.acc-savoir .ph { aspect-ratio:16/10; border-radius:18px; background:center/cover no-repeat #efeaff; }
.acc-savoir h3 { font-size:20px; padding:0 4px; }
.acc-savoir p { color:var(--soft); font-size:14.5px; line-height:1.5; padding:0 4px; }
.acc-cta { margin-top:56px; display:grid; grid-template-columns:1.3fr auto; gap:24px; align-items:center; padding:40px; border-radius:36px;
  background:linear-gradient(135deg, #7352ff, #b46be0); color:#fff; box-shadow:0 30px 60px -30px rgb(76 46 210 / .8); }
.acc-cta h2 { font-size:clamp(28px, 4vw, 40px); }
.acc-cta p { opacity:.92; margin-top:10px; line-height:1.6; }
.acc-qui { margin-top:56px; }
@media (max-width:980px) { .acc-savoir { grid-template-columns:repeat(2, 1fr); } }
@media (max-width:760px) { .acc-hero { grid-template-columns:1fr; } .acc-logo { order:-1; min-height:0; } .acc-logo a { width:46%; } .acc-cta { grid-template-columns:1fr; padding:28px; } }

/* ---------------------------------------------------------------- fin du style « console » (crochets, coins, majuscules en police machine) */
:root { --mono:"Albert Sans", system-ui, sans-serif; --vx:#6a45f5; --vfill:linear-gradient(180deg, #9f86ff, #7352ff); --vink:#fff; }
.panel::after, .foot-in::after, .rv-form::after, .admin-tools::after, .detail-3d::after, .detail-prev::after, .menu-pop::after, .seg::after, .brand::after,
.row::after, .rv::after, .about-points li::after, .code-row::after, .tuto ol.steps li::after, .anim-box::after, .tile::after, .card::after, .post-card::after,
.show::after { display:none !important; content:none !important; }
.btn-primary::before, .btn-primary::after, .btn-soft::before, .btn-soft::after, .pill::before, .card-type::before, .tile-go::before, .tile-go::after,
.show-cap b::before, .show-soon > span:last-child::after { content:none !important; }
.btn, .bu { font-family:"Albert Sans", system-ui, sans-serif !important; text-transform:none !important; letter-spacing:normal !important; font-size:15px; }
.pill, .tile-go, .av-btn, .show-tab, .card-type { text-transform:none !important; letter-spacing:normal !important; }
.comm-sec h3, .stats-body h3 { font:400 19px/1.2 "Tilt Warp", sans-serif !important; letter-spacing:normal !important; text-transform:none !important; color:var(--ink) !important; }
.panel, .foot-in, .rv-form, .admin-tools, .menu-pop { border-radius:28px !important; }
.detail-3d, .detail-prev { border-radius:26px !important; overflow:hidden; }
.tile, .card, .post-card { border-radius:26px !important; }
.row, .rv, .about-points li, .code-row, .tuto ol.steps li, .anim-box, .toast, .item-name { border-radius:18px !important; }
.q-tab, .ap-item, .q-tabs, .anim-opt, .av-btn, .av-speed { border-radius:14px !important; }
.search input, .field input, .field textarea, .field select, select { border-radius:14px !important; }
.gal-thumb { border-radius:12px !important; }
.card > img, .card img { border-radius:0; }
.tile:hover, .card:hover, .post-card:hover { transform:translateY(-4px) !important; }
.pill { color:#5b3fe0 !important; background:#efeaff; padding:4px 9px; border-radius:9px; }

/* the content takes the room left by the side bar (style.css gives .page the whole width) */
body.lat > main, body.lat > footer { width:auto !important; min-width:0; }
.ml-seg.seg .seg-btn { width:auto !important; align-self:auto !important; border-radius:14px !important; }
.ml-seg.seg .seg-btn::after { position:static; inset:auto; background:none; }
.cap-ic, .tile .tile-ic, .tile-top .tile-ic, .show-glyph { display:none !important; }
.tile-ix { font-family:"Tilt Warp", sans-serif !important; letter-spacing:normal !important; color:var(--accent) !important; }
.comm-steps li::after { display:none !important; content:none !important; }
.comm-steps li { border:0 !important; border-radius:20px !important; background:rgb(255 255 255 / .7); box-shadow:0 16px 30px -24px rgb(76 50 180 / .5); }
/* the account button in the side bar: avatar + « Compte » on one line */
.ml-seg.seg .menu-btn { display:inline-flex !important; flex-direction:row !important; align-items:center !important; white-space:nowrap; flex:1; }
.ml-seg.seg .seg-btn { flex-direction:row !important; gap:8px; }
.ml-haut .brand { background:none !important; box-shadow:none !important; padding:0 !important; border:0 !important; backdrop-filter:none !important; }
.tc .tags { right:96px; overflow:hidden; flex-wrap:nowrap; } .tc .tags span { flex:none; }

/* ---------------------------------------------------------------- écran de transition entre les pages (transition.js) */
.trans { position:fixed; inset:0; z-index:2000; pointer-events:none; visibility:hidden; }
.trans.actif { visibility:visible; pointer-events:auto; }
.trans canvas { position:absolute; inset:0; width:100%; height:100%; }
.trans::before { content:""; position:absolute; inset:0; background:rgb(115 82 255); opacity:0; }
.trans.plein::before { opacity:1; }
.trans:not(.gl)::before { transition:opacity .35s ease; }
.trans-logo { position:absolute; z-index:1; left:50%; top:50%; width:min(150px, 32vw); opacity:0; transform:translate(-50%, -55%) scale(.88);
  transition:opacity .4s ease, transform .55s cubic-bezier(.34,1.56,.64,1); }
.trans.logo-on .trans-logo { opacity:1; transform:translate(-50%, -55%) scale(1); }
.trans-logo svg { width:100%; height:auto; overflow:visible; filter:drop-shadow(0 22px 34px rgb(25 8 80 / .45)); }
html.hk-trans { background:rgb(115 82 255) !important; }
html.hk-trans body > :not(.trans) { visibility:hidden !important; }