/* =========================================================
   XEFI MAX STYLE THEMES
   10 univers visuels vraiment différenciants
   ========================================================= */

html{
  --site-bg: linear-gradient(180deg,#fbfcfe 0%,#f4f7fb 100%);
  --site-surface:#ffffff;
  --site-surface-2:#f5f7fb;
  --site-card:#ffffff;
  --site-text:#17202d;
  --site-muted:#68778c;
  --site-border:#d8e0ea;
  --site-brand-gradient: linear-gradient(90deg,#121722 0%,#8f1024 55%,#d61f38 100%);
  --site-accent-gradient: linear-gradient(180deg,#d61f38,#b5122b);
  --site-card-shadow:0 10px 26px rgba(15,23,42,.06);
  --site-strong-shadow:0 18px 40px rgba(15,23,42,.10);
  --site-radius-card:20px;
  --site-radius-btn:12px;
  --site-font: Arial, Helvetica, sans-serif;
  --site-font-title: Arial, Helvetica, sans-serif;
  --site-outline:none;
  --site-emblem-bg:rgba(255,255,255,.12);
  --site-emblem-border:rgba(255,255,255,.14);
  --site-emblem-text:#fff;
}

/* 1. XEFI signature */
html[data-site-theme="executive"]{
  --site-bg: linear-gradient(180deg,#fbfcfe 0%,#f4f7fb 100%);
  --site-surface:#ffffff;
  --site-surface-2:#f5f7fb;
  --site-card:#ffffff;
  --site-text:#17202d;
  --site-muted:#68778c;
  --site-border:#d8e0ea;
  --site-brand-gradient: linear-gradient(90deg,#121722 0%,#8f1024 55%,#d61f38 100%);
  --site-accent-gradient: linear-gradient(180deg,#d61f38,#b5122b);
  --site-card-shadow:0 10px 26px rgba(15,23,42,.06);
  --site-strong-shadow:0 18px 40px rgba(15,23,42,.10);
  --site-radius-card:20px;
  --site-radius-btn:12px;
  --site-font: Arial, Helvetica, sans-serif;
  --site-font-title: Arial, Helvetica, sans-serif;
}

/* 2. War Room */
html[data-site-theme="war-room"]{
  --site-bg: radial-gradient(circle at top,#20293d 0%,#111726 55%,#0b1018 100%);
  --site-surface:#182132;
  --site-surface-2:#202a3d;
  --site-card:#141d2d;
  --site-text:#f5f7fb;
  --site-muted:#acb7c8;
  --site-border:#2e3b52;
  --site-brand-gradient: linear-gradient(90deg,#0b1018 0%,#182944 42%,#8d1627 100%);
  --site-accent-gradient: linear-gradient(180deg,#ff4a64,#b5122b);
  --site-card-shadow:0 14px 34px rgba(0,0,0,.24);
  --site-strong-shadow:0 22px 46px rgba(0,0,0,.34);
  --site-radius-card:16px;
  --site-radius-btn:10px;
  --site-font: "Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-font-title: "Arial Black", Arial, Helvetica, sans-serif;
}

/* 3. Stargate */
html[data-site-theme="stargate"]{
  --site-bg:
    radial-gradient(circle at top, rgba(77,226,255,.14), transparent 26%),
    linear-gradient(180deg,#09121a 0%,#0f1b27 45%,#081018 100%);
  --site-surface:#0f1d28;
  --site-surface-2:#152735;
  --site-card:#0d1822;
  --site-text:#e8fbff;
  --site-muted:#9fc8d5;
  --site-border:#3e6f80;
  --site-brand-gradient: linear-gradient(90deg,#060d14 0%,#102532 42%,#1a6e86 76%,#89d8e8 100%);
  --site-accent-gradient: linear-gradient(180deg,#7ee7ff,#2f91a8);
  --site-card-shadow:0 14px 34px rgba(0,0,0,.26);
  --site-strong-shadow:0 22px 46px rgba(0,0,0,.34);
  --site-radius-card:18px;
  --site-radius-btn:12px;
  --site-font:"Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-font-title:"Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-outline:1px solid rgba(126,231,255,.18);
}

/* 4. Goldorak */
html[data-site-theme="goldorak"]{
  --site-bg:
    radial-gradient(circle at top, rgba(255,215,79,.18), transparent 28%),
    linear-gradient(180deg,#0b1d49 0%,#132d6a 45%,#081634 100%);
  --site-surface:#142a60;
  --site-surface-2:#1b387c;
  --site-card:#132a5e;
  --site-text:#fff8dc;
  --site-muted:#f1d98a;
  --site-border:#d8b040;
  --site-brand-gradient: linear-gradient(90deg,#07142f 0%,#1a4aa0 35%,#d3a726 70%,#c61e2e 100%);
  --site-accent-gradient: linear-gradient(180deg,#ffd34c,#cfa12b);
  --site-card-shadow:0 14px 34px rgba(0,0,0,.26);
  --site-strong-shadow:0 22px 46px rgba(0,0,0,.34);
  --site-radius-card:18px;
  --site-radius-btn:12px;
  --site-font:"Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-font-title:"Arial Black", Arial, Helvetica, sans-serif;
  --site-outline:1px solid rgba(216,176,64,.40);
}

/* 5. Moto */
html[data-site-theme="moto"]{
  --site-bg: linear-gradient(180deg,#0c0c0f 0%,#1c1d24 45%,#13151a 100%);
  --site-surface:#17191f;
  --site-surface-2:#1f232c;
  --site-card:#12141a;
  --site-text:#f6f7fb;
  --site-muted:#b8becb;
  --site-border:#3a4350;
  --site-brand-gradient: linear-gradient(90deg,#050607 0%,#1d1f25 34%,#ff5a00 72%,#ff2f00 100%);
  --site-accent-gradient: linear-gradient(180deg,#ff7a00,#d63f00);
  --site-card-shadow:0 14px 36px rgba(0,0,0,.28);
  --site-strong-shadow:0 24px 48px rgba(0,0,0,.34);
  --site-radius-card:14px;
  --site-radius-btn:8px;
  --site-font:"Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-font-title:"Arial Black", Arial, Helvetica, sans-serif;
}

/* 6. Golf */
html[data-site-theme="golf"]{
  --site-bg: linear-gradient(180deg,#edf8ef 0%,#dfeee2 100%);
  --site-surface:#f9fdf9;
  --site-surface-2:#edf6ee;
  --site-card:#ffffff;
  --site-text:#183125;
  --site-muted:#5f7d6b;
  --site-border:#c9dece;
  --site-brand-gradient: linear-gradient(90deg,#143020 0%,#215436 42%,#68a35d 100%);
  --site-accent-gradient: linear-gradient(180deg,#7ab66d,#3f7e48);
  --site-card-shadow:0 14px 30px rgba(24,49,37,.08);
  --site-strong-shadow:0 22px 42px rgba(24,49,37,.12);
  --site-radius-card:24px;
  --site-radius-btn:18px;
  --site-font: Georgia, "Times New Roman", serif;
  --site-font-title: Georgia, "Times New Roman", serif;
}

/* 7. Armée de Terre */
html[data-site-theme="army"]{
  --site-bg: linear-gradient(180deg,#2b3428 0%,#1a2118 100%);
  --site-surface:#222a20;
  --site-surface-2:#2d382a;
  --site-card:#1f261d;
  --site-text:#f2f0e6;
  --site-muted:#b7b39f;
  --site-border:#59664f;
  --site-brand-gradient: linear-gradient(90deg,#141812 0%,#2f3b2a 48%,#726f3f 100%);
  --site-accent-gradient: linear-gradient(180deg,#a4a05b,#6c6a39);
  --site-card-shadow:0 14px 34px rgba(0,0,0,.24);
  --site-strong-shadow:0 22px 44px rgba(0,0,0,.30);
  --site-radius-card:10px;
  --site-radius-btn:8px;
  --site-font:"Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-font-title:"Arial Black", Arial, Helvetica, sans-serif;
  --site-outline:1px solid rgba(255,255,255,.06);
}

/* 8. Foot */
html[data-site-theme="football"]{
  --site-bg:
    radial-gradient(circle at top, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(180deg,#0d4b22 0%,#0b3318 100%);
  --site-surface:#0f5427;
  --site-surface-2:#156833;
  --site-card:#0d4a22;
  --site-text:#f8fff8;
  --site-muted:#cce2cd;
  --site-border:#2f8a4d;
  --site-brand-gradient: linear-gradient(90deg,#06240f 0%,#0d5a28 45%,#1ba34e 100%);
  --site-accent-gradient: linear-gradient(180deg,#1fd563,#108b3f);
  --site-card-shadow:0 14px 34px rgba(0,0,0,.24);
  --site-strong-shadow:0 22px 44px rgba(0,0,0,.30);
  --site-radius-card:18px;
  --site-radius-btn:999px;
  --site-font:"Trebuchet MS", Arial, Helvetica, sans-serif;
  --site-font-title:"Arial Black", Arial, Helvetica, sans-serif;
}

/* 9. Luxe Noir */
html[data-site-theme="luxe-noir"]{
  --site-bg: linear-gradient(180deg,#0a0b0f 0%,#14161d 100%);
  --site-surface:#12141b;
  --site-surface-2:#1b1e27;
  --site-card:#10131a;
  --site-text:#f7f2e4;
  --site-muted:#c2b49a;
  --site-border:#4a4032;
  --site-brand-gradient: linear-gradient(90deg,#050607 0%,#1b1712 35%,#8d6b2a 100%);
  --site-accent-gradient: linear-gradient(180deg,#d6b15a,#8f6a1f);
  --site-card-shadow:0 16px 36px rgba(0,0,0,.28);
  --site-strong-shadow:0 24px 50px rgba(0,0,0,.36);
  --site-radius-card:22px;
  --site-radius-btn:14px;
  --site-font: Arial, Helvetica, sans-serif;
  --site-font-title: Georgia, "Times New Roman", serif;
}

/* 10. Studio White */
html[data-site-theme="studio-white"]{
  --site-bg: linear-gradient(180deg,#ffffff 0%,#f6f7fb 100%);
  --site-surface:#ffffff;
  --site-surface-2:#f7f8fb;
  --site-card:#ffffff;
  --site-text:#1d2430;
  --site-muted:#6b7486;
  --site-border:#e6e9f0;
  --site-brand-gradient: linear-gradient(90deg,#ffffff 0%,#f5f6fa 35%,#d61f38 100%);
  --site-accent-gradient: linear-gradient(180deg,#eb3753,#b5122b);
  --site-card-shadow:0 14px 36px rgba(15,23,42,.05);
  --site-strong-shadow:0 22px 46px rgba(15,23,42,.08);
  --site-radius-card:30px;
  --site-radius-btn:16px;
  --site-font: Arial, Helvetica, sans-serif;
  --site-font-title: Arial, Helvetica, sans-serif;
}

/* =========================================================
   Base globale
   ========================================================= */

html, body{
  transition: background .25s ease, color .25s ease;
}

body{
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
  font-family: var(--site-font) !important;
  position: relative;
  overflow-x: hidden;
}

body, input, select, textarea, button{
  font-family: var(--site-font) !important;
}

h1, h2, h3, .title, .hero-title, .champion-name, .podium-name, .theme-name{
  font-family: var(--site-font-title) !important;
  color: var(--site-text) !important;
}

#xefiBrandBar,
#bar{
  background: var(--site-brand-gradient) !important;
  box-shadow: var(--site-strong-shadow) !important;
}

.card,
.hero-card,
.info-card,
.grid-card,
.ranking-card,
.champion-card,
.top-rank,
.kpi-card,
.insight-card,
.champion-metric,
.case-row,
.selected-box-panel,
.box,
.ranking-item,
.info-box,
.mini,
.podium-card,
.hero-mini,
.mock-page,
.theme-card,
.hero,
.mini-card{
  box-shadow: var(--site-card-shadow) !important;
}

.card,
.champion-metric,
.insight-card,
.selected-box-panel,
.case-row,
.info-box,
.top-rank,
.theme-card,
.mock-page,
.hero,
.mini-card{
  background: var(--site-card) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  border-radius: var(--site-radius-card) !important;
  outline: var(--site-outline) !important;
}

.card::before,
.hero-card::before,
.info-card::before,
.grid-card::before,
.ranking-card::before{
  background: var(--site-accent-gradient) !important;
}

.label,
.muted,
.sub,
.theme-note{
  color: var(--site-muted) !important;
}

input, select, textarea{
  background: var(--site-surface) !important;
  color: var(--site-text) !important;
  border-color: var(--site-border) !important;
  border-radius: var(--site-radius-btn) !important;
}

table{
  background: var(--site-surface) !important;
}

th{
  background: var(--site-surface-2) !important;
  color: var(--site-text) !important;
}

td, th{
  border-color: var(--site-border) !important;
}

.btn,
button,
.btn-primary,
.btn-secondary,
.btn-link,
.btn-light,
.perf-btn,
.tab-btn,
.xefi-nav-btn,
.xefi-topnav-btn,
.xefi-topnav-tab,
.xefi-dropdown-link,
.xefi-dropdown-action{
  border-radius: var(--site-radius-btn) !important;
}

.btn-primary,
button.btn-primary,
.perf-btn.active,
.tab-btn.active,
.xefi-nav-btn.active,
.xefi-topnav-tab.active,
.xefi-topnav-link.active,
.xefi-dropdown-link.active{
  background: var(--site-accent-gradient) !important;
  color: #fff !important;
}

.btn-secondary,
.btn-link,
.btn-light,
.perf-btn,
.tab-btn{
  background: var(--site-surface-2) !important;
  color: var(--site-text) !important;
  border-color: var(--site-border) !important;
}

#xefiGlobalNav .xefi-nav-btn,
#xefiGlobalNav .xefi-account-pill,
#xefiGlobalNav .xefi-topnav-btn,
#xefiGlobalNav .xefi-topnav-tab{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
}

#xefiGlobalNav .xefi-dropdown{
  background: color-mix(in srgb, var(--site-surface) 90%, #101622 10%) !important;
  border-color: var(--site-border) !important;
  box-shadow: var(--site-strong-shadow) !important;
}

#xefiGlobalNav .xefi-dropdown-link,
#xefiGlobalNav .xefi-dropdown-action{
  background: color-mix(in srgb, var(--site-surface-2) 80%, transparent 20%) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

#xefiGlobalNav .xefi-dropdown-link small,
#xefiGlobalNav .xefi-dropdown-action small{
  color: var(--site-muted) !important;
}

/* Emblème thème */
.site-theme-mark{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-left:10px;
  padding:7px 12px;
  border-radius:18px;
  background:var(--site-emblem-bg);
  border:1px solid var(--site-emblem-border);
  color:var(--site-emblem-text);
  box-shadow:var(--site-card-shadow);
  backdrop-filter:blur(10px);
  min-width:0;
  max-width:340px;
}

.site-theme-mark-visual{
  width:44px;
  height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  flex:0 0 auto;
  overflow:hidden;
}

.site-theme-mark-visual svg{
  width:36px;
  height:36px;
  display:block;
}

.site-theme-mark-text{
  min-width:0;
  line-height:1.05;
}

.site-theme-mark-text strong{
  display:block;
  font-size:12px;
  font-weight:900;
  color:inherit;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.site-theme-mark-text span{
  display:block;
  margin-top:4px;
  font-size:10px;
  color:inherit;
  opacity:.85;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.45px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media (max-width:1180px){
  .site-theme-mark{
    order:3;
    width:100%;
    max-width:none;
    margin-left:0;
  }
}

/* =========================================================
   Univers immersifs
   ========================================================= */

body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}

body::before{opacity:0}
body::after{opacity:0}

/* War Room */
body[data-site-theme="war-room"]::before{
  opacity:.20;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px),
    radial-gradient(circle at 15% 20%, rgba(255,74,100,.18), transparent 18%);
  background-size:34px 34px,34px 34px,auto;
}

body[data-site-theme="war-room"]::after{
  opacity:.14;
  background:
    radial-gradient(circle at 85% 12%, rgba(255,74,100,.18), transparent 18%),
    radial-gradient(circle at 15% 86%, rgba(78,120,255,.12), transparent 20%);
}

body[data-site-theme="war-room"] .card,
body[data-site-theme="war-room"] .theme-card,
body[data-site-theme="war-room"] .mock-page{
  border-radius:14px !important;
}

body[data-site-theme="war-room"] .card::before{
  height:3px !important;
}

body[data-site-theme="war-room"] h1,
body[data-site-theme="war-room"] h2{
  text-transform:uppercase;
  letter-spacing:.4px;
}

/* Stargate */
body[data-site-theme="stargate"]::before{
  opacity:1;
  background:
    radial-gradient(circle at center 120px,
      transparent 0 120px,
      rgba(126,231,255,.18) 121px 134px,
      transparent 135px 999px),
    radial-gradient(circle at center 120px,
      transparent 0 82px,
      rgba(255,255,255,.06) 83px 94px,
      transparent 95px 999px),
    radial-gradient(circle at center top, rgba(126,231,255,.12), transparent 26%);
  background-repeat:no-repeat;
  background-position:center 110px, center 110px, center top;
  background-size:420px 420px, 420px 420px, auto;
}

body[data-site-theme="stargate"]::after{
  opacity:.14;
  background:
    linear-gradient(90deg, rgba(126,231,255,.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(126,231,255,.03) 1px, transparent 1px);
  background-size:30px 30px;
}

body[data-site-theme="stargate"] .card,
body[data-site-theme="stargate"] .theme-card,
body[data-site-theme="stargate"] .mock-page{
  border:1px solid rgba(126,231,255,.22) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Goldorak */
body[data-site-theme="goldorak"]::before{
  opacity:1;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,215,79,.14), transparent 18%),
    radial-gradient(circle at 80% 20%, rgba(198,30,46,.12), transparent 20%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 24%),
    repeating-radial-gradient(circle at 50% 0%, rgba(255,255,255,.04) 0 2px, transparent 2px 40px);
}

body[data-site-theme="goldorak"]::after{
  opacity:.18;
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900'>\
  <g fill='none' stroke='%23ffd34c' stroke-width='8' stroke-linejoin='round' stroke-linecap='round'>\
    <path d='M180 220 L320 120 L370 250 L530 250 L580 120 L720 220 L630 290 L600 460 L300 460 L270 290 Z'/>\
    <path d='M320 250 L390 330 L510 330 L580 250'/>\
    <path d='M360 380 L450 430 L540 380'/>\
    <path d='M250 200 L120 120'/>\
    <path d='M650 200 L780 120'/>\
  </g>\
  <g fill='%23c61e2e'>\
    <path d='M390 330 L450 370 L510 330 L470 330 L450 346 L430 330 Z'/>\
  </g>\
</svg>");
  background-repeat:no-repeat;
  background-position:center 80px;
  background-size:min(700px,70vw);
}

body[data-site-theme="goldorak"] .card,
body[data-site-theme="goldorak"] .theme-card,
body[data-site-theme="goldorak"] .mock-page{
  border:1px solid rgba(216,176,64,.36) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Moto */
body[data-site-theme="moto"]::before{
  opacity:.16;
  background:
    linear-gradient(120deg, transparent 0 30%, rgba(255,122,0,.10) 30% 34%, transparent 34% 60%, rgba(255,255,255,.05) 60% 64%, transparent 64%),
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(255,255,255,.025) 38px 40px);
}

body[data-site-theme="moto"] .btn,
body[data-site-theme="moto"] button,
body[data-site-theme="moto"] .xefi-nav-btn{
  text-transform:uppercase;
  letter-spacing:.4px;
  transform:skewX(-6deg);
}

body[data-site-theme="moto"] .btn span,
body[data-site-theme="moto"] button span{
  transform:skewX(6deg);
}

body[data-site-theme="moto"] h1,
body[data-site-theme="moto"] h2{
  text-transform:uppercase;
  letter-spacing:.5px;
}

/* Golf */
body[data-site-theme="golf"]::before{
  opacity:.16;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.25), transparent 14%),
    linear-gradient(180deg, transparent 0 80%, rgba(255,255,255,.04) 80% 100%);
}

body[data-site-theme="golf"] .card,
body[data-site-theme="golf"] .theme-card,
body[data-site-theme="golf"] .mock-page{
  border-radius:28px !important;
}

body[data-site-theme="golf"] .btn-primary{
  box-shadow:0 10px 18px rgba(63,126,72,.18) !important;
}

/* Armée de Terre */
body[data-site-theme="army"]::before{
  opacity:.16;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04) 0 20%, transparent 20% 40%, rgba(255,255,255,.03) 40% 60%, transparent 60%),
    radial-gradient(circle at 80% 20%, rgba(164,160,91,.10), transparent 18%);
}

body[data-site-theme="army"] .card,
body[data-site-theme="army"] .theme-card,
body[data-site-theme="army"] .mock-page{
  border-radius:10px !important;
}

body[data-site-theme="army"] h1,
body[data-site-theme="army"] h2{
  text-transform:uppercase;
  letter-spacing:.45px;
}

/* Football */
body[data-site-theme="football"]::before{
  opacity:.18;
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(255,255,255,.07) 48% 52%, transparent 52%),
    linear-gradient(180deg, transparent 0 16%, rgba(255,255,255,.04) 16% 17%, transparent 17% 33%, rgba(255,255,255,.04) 33% 34%, transparent 34% 50%, rgba(255,255,255,.04) 50% 51%, transparent 51% 67%, rgba(255,255,255,.04) 67% 68%, transparent 68% 84%, rgba(255,255,255,.04) 84% 85%, transparent 85%);
}

body[data-site-theme="football"]::after{
  opacity:.12;
  background:
    radial-gradient(circle at top, rgba(255,255,255,.12), transparent 16%);
}

body[data-site-theme="football"] .btn,
body[data-site-theme="football"] button,
body[data-site-theme="football"] .xefi-nav-btn{
  text-transform:uppercase;
  letter-spacing:.35px;
}

/* Luxe Noir */
body[data-site-theme="luxe-noir"]::before{
  opacity:.20;
  background:
    radial-gradient(circle at top, rgba(214,177,90,.16), transparent 22%),
    linear-gradient(180deg, transparent 0 84%, rgba(214,177,90,.06) 84% 86%, transparent 86%);
}

body[data-site-theme="luxe-noir"] .card,
body[data-site-theme="luxe-noir"] .theme-card,
body[data-site-theme="luxe-noir"] .mock-page{
  border:1px solid rgba(214,177,90,.26) !important;
}

body[data-site-theme="luxe-noir"] .card::before{
  background:linear-gradient(90deg,#3d2f14,#d6b15a,#3d2f14) !important;
}

/* Studio White */
body[data-site-theme="studio-white"]::before{
  opacity:.16;
  background:
    radial-gradient(circle at 25% 15%, rgba(235,55,83,.08), transparent 20%),
    radial-gradient(circle at 78% 30%, rgba(15,23,42,.05), transparent 18%);
}

body[data-site-theme="studio-white"] .card,
body[data-site-theme="studio-white"] .theme-card,
body[data-site-theme="studio-white"] .mock-page{
  border-radius:32px !important;
}

/* Showroom Goldorak lisibilité */
body[data-site-theme="goldorak"].page-killerboard-showroom .box{
  min-height:245px !important;
}

body[data-site-theme="goldorak"].page-killerboard-showroom .box-owner{
  font-size:19px !important;
  line-height:1.2 !important;
}

body[data-site-theme="goldorak"].page-killerboard-showroom .box-owner-text{
  display:inline-block;
  background:linear-gradient(180deg,rgba(8,22,52,.86),rgba(12,28,66,.90)) !important;
  color:#fff8dc !important;
  border:1px solid rgba(255,211,76,.32) !important;
  padding:6px 10px !important;
  border-radius:12px !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}

@media (max-width:700px){
  .site-theme-mark{
    width:100%;
    max-width:none;
    margin-left:0;
  }

  body[data-site-theme="goldorak"].page-killerboard-showroom .box{
    min-height:190px !important;
  }
}


/* 2026-03 readability + personalization */
html{
  --site-font-scale: 1;
  --site-density-space: 1;
}

body{
  font-size: calc(15px * var(--site-font-scale));
  line-height: 1.45;
}

.card,
.panel,
.box,
section,
table{
  backdrop-filter: saturate(1.03);
}

body,
body *{
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body,
.card,
.panel,
.box,
table,
td,
th,
input,
select,
textarea{
  color: var(--site-text) !important;
}

small,
.muted,
.label,
.sub,
.status-line,
.calendar-meta{
  color: color-mix(in srgb, var(--site-text) 54%, white 46%) !important;
}

input,
select,
textarea{
  font-weight: 600;
}

input::placeholder,
textarea::placeholder{
  color: color-mix(in srgb, var(--site-text) 40%, white 60%) !important;
}

th{
  font-weight: 900 !important;
}

.badge{
  font-weight: 800 !important;
}

html[data-site-theme="war-room"],
html[data-site-theme="stargate"],
html[data-site-theme="moto"],
html[data-site-theme="army"],
html[data-site-theme="luxe-noir"]{
  --site-font-scale: 1.02;
}

html[data-site-theme="studio-white"]{
  --site-font-scale: 1.01;
}


/* HOTFIX_20260309_THEME */
body[data-site-theme="goldorak"],
html[data-site-theme="goldorak"]{
  --site-text:#fff1b0 !important;
  --site-muted:#ffe08a !important;
  --site-surface:#112554 !important;
  --site-surface-2:#193572 !important;
  --site-card:#10234f !important;
  --site-border:#f0c24e !important;
}

body[data-site-theme="goldorak"],
body[data-site-theme="goldorak"] .card,
body[data-site-theme="goldorak"] .hero-card,
body[data-site-theme="goldorak"] .info-card,
body[data-site-theme="goldorak"] .panel,
body[data-site-theme="goldorak"] .selected-box-panel,
body[data-site-theme="goldorak"] .case-row,
body[data-site-theme="goldorak"] table,
body[data-site-theme="goldorak"] th,
body[data-site-theme="goldorak"] td,
body[data-site-theme="goldorak"] h1,
body[data-site-theme="goldorak"] h2,
body[data-site-theme="goldorak"] h3,
body[data-site-theme="goldorak"] strong,
body[data-site-theme="goldorak"] label,
body[data-site-theme="goldorak"] .label,
body[data-site-theme="goldorak"] .muted{
  color:#fff1b0 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
}

body[data-site-theme="goldorak"] input,
body[data-site-theme="goldorak"] select,
body[data-site-theme="goldorak"] textarea{
  background:#0d1b43 !important;
  color:#fff1b0 !important;
  border-color:#f0c24e !important;
}

body[data-site-theme="goldorak"] .btn-secondary,
body[data-site-theme="goldorak"] .btn-light{
  background:#17356f !important;
  color:#fff1b0 !important;
  border-color:#f0c24e !important;
}

body[data-site-theme="stargate"],
html[data-site-theme="stargate"]{
  --site-bg:
    radial-gradient(circle at 50% -8%, rgba(120,228,255,.22), transparent 16%),
    radial-gradient(circle at 50% 0%, rgba(55,118,173,.20), transparent 30%),
    linear-gradient(180deg,#031019 0%,#071a26 48%,#020b12 100%) !important;
  --site-surface:#091823 !important;
  --site-surface-2:#112633 !important;
  --site-card:#08151f !important;
  --site-border:#66c1d8 !important;
}

body[data-site-theme="stargate"] .card,
body[data-site-theme="stargate"] .hero-card,
body[data-site-theme="stargate"] .info-card,
body[data-site-theme="stargate"] .panel,
body[data-site-theme="stargate"] .selected-box-panel{
  box-shadow:
    0 0 0 1px rgba(126,231,255,.15),
    0 0 22px rgba(84,198,255,.10),
    0 18px 42px rgba(0,0,0,.25) !important;
}

body[data-site-theme="stargate"] h1,
body[data-site-theme="stargate"] h2,
body[data-site-theme="stargate"] h3,
body[data-site-theme="stargate"] .title,
body[data-site-theme="stargate"] .hero-title{
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  text-shadow:0 0 12px rgba(126,231,255,.22) !important;
}

.badge.NOUVELLE{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
.badge.PRISE_EN_CHARGE{background:#ecfeff;color:#0f766e;border-color:#bae6fd}
.badge.PLANIFIEE{background:#fff4e2;color:#9a6406;border-color:#f0ddb8}
.badge.TRAITEE{background:#eaf8f0;color:#167847;border-color:#cbead7}
.badge.CLOTUREE{background:#fdecef;color:#b42335;border-color:#f2ccd3}



/* XEFI_READABILITY_GLOBAL_20260323 */
body:not(.page-killerboard-showroom)[data-site-theme] .card,
body:not(.page-killerboard-showroom)[data-site-theme] .theme-card,
body:not(.page-killerboard-showroom)[data-site-theme] .mock-page,
body:not(.page-killerboard-showroom)[data-site-theme] .selected-box-panel,
body:not(.page-killerboard-showroom)[data-site-theme] .case-row,
body:not(.page-killerboard-showroom)[data-site-theme] .info-box,
body:not(.page-killerboard-showroom)[data-site-theme] .grid-card,
body:not(.page-killerboard-showroom)[data-site-theme] .panel,
body:not(.page-killerboard-showroom)[data-site-theme] table,
body:not(.page-killerboard-showroom)[data-site-theme] th,
body:not(.page-killerboard-showroom)[data-site-theme] td,
body:not(.page-killerboard-showroom)[data-site-theme] .box,
body:not(.page-killerboard-showroom)[data-site-theme] .box-card {
  background: color-mix(in srgb, var(--site-surface) 92%, white 8%) !important;
  border-color: color-mix(in srgb, var(--site-border) 78%, white 22%) !important;
  color: var(--site-text) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

body:not(.page-killerboard-showroom)[data-site-theme] h1,
body:not(.page-killerboard-showroom)[data-site-theme] h2,
body:not(.page-killerboard-showroom)[data-site-theme] h3,
body:not(.page-killerboard-showroom)[data-site-theme] h4,
body:not(.page-killerboard-showroom)[data-site-theme] strong,
body:not(.page-killerboard-showroom)[data-site-theme] label,
body:not(.page-killerboard-showroom)[data-site-theme] p,
body:not(.page-killerboard-showroom)[data-site-theme] span,
body:not(.page-killerboard-showroom)[data-site-theme] li {
  color: var(--site-text) !important;
  opacity: 1 !important;
}

body:not(.page-killerboard-showroom)[data-site-theme] .muted,
body:not(.page-killerboard-showroom)[data-site-theme] .sub,
body:not(.page-killerboard-showroom)[data-site-theme] .small,
body:not(.page-killerboard-showroom)[data-site-theme] .label,
body:not(.page-killerboard-showroom)[data-site-theme] .box-meta,
body:not(.page-killerboard-showroom)[data-site-theme] .box-owner-text {
  color: color-mix(in srgb, var(--site-text) 82%, white 18%) !important;
  opacity: 1 !important;
}

body:not(.page-killerboard-showroom)[data-site-theme] input,
body:not(.page-killerboard-showroom)[data-site-theme] select,
body:not(.page-killerboard-showroom)[data-site-theme] textarea {
  background: color-mix(in srgb, var(--site-surface) 95%, white 5%) !important;
  color: var(--site-text) !important;
  border-color: var(--site-border) !important;
}