/* =====================================================================
   THÈME « STADE DE NUIT » — pages publiques, pages partenaires, espace partenaire
   Une seule ambiance : bleu nuit profond, bleu 1xBet électrique, jaune réservé au code promo,
   vert réservé à WhatsApp. Cartes en verre lumineux. L'admin (theme-bori) n'est pas concerné.
   Chargé APRÈS les autres feuilles : il fait foi.
   ===================================================================== */
.theme-1x {
  --bordeaux: #1f8bff;          /* bleu 1xBet électrique : actions, accents */
  --bordeaux-deep: #0b63db;
  --bordeaux-ink: #041029;
  --ink: #eaf2ff;               /* texte principal */
  --ink-soft: #c5d5ef;
  --muted: #95aacb;
  --cream: #050d1f;             /* fond de page */
  --paper: rgba(255, 255, 255, .055);
  --line: rgba(140, 180, 255, .16);
  --gold: #ffd21f;              /* éclat : code promo, mots clés */
  --gold-deep: #e0b000;
  --gold-soft: rgba(255, 210, 31, .14);
  --green: #2bd46d;
  --shadow: 0 22px 44px -26px rgba(0, 0, 0, .85);
  --glow: 0 0 0 1px rgba(31, 139, 255, .45), 0 10px 40px -12px rgba(31, 139, 255, .55);
  color-scheme: dark;
}

/* Fond de page : nuit profonde + halos de projecteurs, fixes */
body.theme-1x {
  background:
    radial-gradient(900px 600px at 85% -5%, rgba(31, 139, 255, .16), transparent 60%),
    radial-gradient(700px 500px at -10% 35%, rgba(31, 139, 255, .10), transparent 60%),
    radial-gradient(600px 400px at 110% 75%, rgba(255, 210, 31, .06), transparent 60%),
    #050d1f;
  background-attachment: fixed;
  color: var(--ink);
}
.theme-1x h1, .theme-1x h2, .theme-1x h3 { color: #fff; }
/* liens simples uniquement : les boutons gardent leurs propres couleurs */
.theme-1x a:not([class]) { color: #6fb6ff; }
.theme-1x a:not([class]):hover { color: #a9d3ff; }

/* En-tête en verre sombre */
.theme-1x .site-header { background: rgba(5, 13, 31, .78); border-bottom: 1px solid rgba(140, 180, 255, .12); backdrop-filter: saturate(1.4) blur(12px); }
.theme-1x .nav a, .theme-1x .mobile-nav a { color: var(--ink-soft); }
.theme-1x .nav a:hover, .theme-1x .nav a[aria-current="page"] { color: #fff; }
.theme-1x .brand-badge img { height: 28px; }

/* Sections : même famille de nuit, jamais de bloc pâle */
.theme-1x .section.alt {
  background: radial-gradient(900px 320px at 50% 0, rgba(31, 139, 255, .14), transparent 70%), rgba(10, 24, 54, .55);
  border-top: 1px solid rgba(140, 180, 255, .1); border-bottom: 1px solid rgba(140, 180, 255, .1);
}
.theme-1x .section.dark, .theme-1x .site-footer { background: #030914; }
.theme-1x .section-head p, .theme-1x .muted { color: var(--muted); }

/* Kicker : bleu vif + filets dorés lumineux */
.theme-1x .kicker { color: #6fb6ff; }
.theme-1x .kicker::before, .theme-1x .kicker::after { background: linear-gradient(90deg, #ffd21f, #ffb800); box-shadow: 0 0 10px rgba(255, 210, 31, .6); }

/* Cartes en verre lumineux (une seule recette partout) */
.theme-1x .card, .theme-1x .h-mini-steps li, .theme-1x .pp2-steps li, .theme-1x .pp2-faq details, .theme-1x .panel,
.theme-1x .kpi, .theme-1x .onboard li, .theme-1x .empty-state {
  background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .03));
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.theme-1x .card:hover, .theme-1x .h-mini-steps li:hover, .theme-1x .pp2-steps li:hover, .theme-1x .kpi:hover {
  border-color: rgba(31, 139, 255, .55); box-shadow: var(--glow);
}
.theme-1x .empty-state { border-style: dashed; color: var(--muted); }
.theme-1x .empty-state strong { color: #fff; }

/* Boutons : bleu électrique lumineux, jaune pour l'inscription, vert pour WhatsApp */
.theme-1x .btn-primary { background: linear-gradient(180deg, #3a9bff, #1173ea); color: #fff; box-shadow: 0 10px 28px -10px rgba(31, 139, 255, .85); }
.theme-1x .btn-primary:hover { background: linear-gradient(180deg, #55aaff, #1f80f0); color: #fff; }
.theme-1x .btn-gold { background: linear-gradient(180deg, #ffe45c, #ffc400); color: #0a1a33; box-shadow: 0 10px 28px -10px rgba(255, 200, 0, .75); }
.theme-1x .btn-gold:hover { color: #0a1a33; filter: brightness(1.06); }
.theme-1x .btn-whatsapp { background: linear-gradient(180deg, #33e07a, #1fae58); box-shadow: 0 10px 28px -10px rgba(43, 212, 109, .7); }
.theme-1x .btn-ghost { color: #fff; border-color: rgba(140, 180, 255, .35); background: rgba(255, 255, 255, .04); }
.theme-1x .btn-ghost:hover { color: #fff; border-color: #6fb6ff; background: rgba(31, 139, 255, .12); }

/* Ticket du code promo : l'élément le plus éclatant de la page */
/* Ticket du code promo : verre nuit + liseré or, code en jaune 1xBet (même langage que la pastille de l'accueil) */
.theme-1x .ticket { background: linear-gradient(160deg, rgba(16, 36, 80, .95), rgba(6, 15, 36, .95)); border-color: rgba(255, 210, 31, .8);
  box-shadow: 0 0 0 1px rgba(255, 210, 31, .25), 0 18px 50px -18px rgba(0, 0, 0, .8), 0 0 34px -10px rgba(255, 210, 31, .4); }
.theme-1x .ticket .label { color: #9fc2f5; }
.theme-1x .ticket .code { color: #ffd21f; text-shadow: 0 0 20px rgba(255, 210, 31, .45); }
.theme-1x .ticket .copy { border-color: rgba(255, 210, 31, .45); }
.theme-1x .ticket::before, .theme-1x .ticket::after { background: #050d1f; border-color: rgba(255, 210, 31, .8); }
/* Boutons secondaires sur fond sombre : clairs et discrets, l'action principale reste le bleu 1xBet */
.theme-1x .btn-ghost.on-dark, .theme-1x .ticket .btn-ghost { color: #fff; border-color: rgba(190, 215, 255, .45); background: rgba(255, 255, 255, .06); }
.theme-1x .btn-ghost.on-dark:hover, .theme-1x .ticket .btn-ghost:hover { background: rgba(255, 255, 255, .14); color: #fff; }

/* Formulaires sur fond sombre */
.theme-1x input[type=text], .theme-1x input[type=email], .theme-1x input[type=password], .theme-1x input[type=url],
.theme-1x input[type=search], .theme-1x input[type=number], .theme-1x input[type=date], .theme-1x select, .theme-1x textarea {
  background: rgba(255, 255, 255, .06); color: #fff; border-color: rgba(140, 180, 255, .25);
}
.theme-1x select option { background: #0a1836; color: #fff; }
.theme-1x input::placeholder, .theme-1x textarea::placeholder { color: #7f93b5; }
.theme-1x .input-affix span { background: rgba(255, 255, 255, .08); color: var(--muted); border-color: rgba(140, 180, 255, .25); }
.theme-1x .copy-row { background: rgba(255, 255, 255, .06); border-color: var(--line); }
.theme-1x .copy-row code { color: #fff; }

/* Badges et pastilles */
.theme-1x .badge { background: var(--gold-soft); color: var(--gold); }
.theme-1x .avatar { box-shadow: 0 0 0 3px #050d1f, 0 0 0 5px rgba(31, 139, 255, .6); }

/* Accueil : réseau, carrousel, étapes, frise */
.theme-1x .h-mini-steps b { background: linear-gradient(180deg, #3a9bff, #1173ea); }
.theme-1x .h-links line { stroke: #4ea3ff; }
.theme-1x .h-nodes circle { fill: #0b1f45; stroke: #4ea3ff; }
@keyframes node-night { 50% { transform: scale(1.18); fill: #1f8bff; } }
.theme-1x .h-nodes circle { animation-name: node-night; }
.theme-1x .h-core rect { fill: #ffd21f; stroke: #fff6c8; }
.theme-1x .h-core text { fill: #0a1a33; }
.theme-1x .h-carousel, .theme-1x .visual { background: #0a1836; }
.theme-1x .h-timeline b { box-shadow: 0 0 0 6px #050d1f, 0 0 24px rgba(31, 139, 255, .7); background: linear-gradient(180deg, #3a9bff, #1173ea); }
.theme-1x .h-timeline li.final b { background: linear-gradient(180deg, #33e07a, #1fae58); box-shadow: 0 0 0 6px #050d1f, 0 0 24px rgba(43, 212, 109, .7); }
.theme-1x .h-timeline::before { background: linear-gradient(90deg, #1f8bff, #ffd21f); box-shadow: 0 0 12px rgba(31, 139, 255, .6); }
.theme-1x .h-timeline span { color: var(--muted); }
.theme-1x .h-stats div { border-color: rgba(140, 180, 255, .2); }
.theme-1x .h-stats dd { color: #fff; text-shadow: 0 0 18px rgba(31, 139, 255, .6); }

/* Page partenaire */
.theme-1x .pp2-steps em { background: var(--gold-soft); color: var(--gold); }
.theme-1x .pp2-steps b, .theme-1x .pp2-faq summary::after { background: linear-gradient(180deg, #3a9bff, #1173ea); }
.theme-1x .pp2-faq details p { color: var(--muted); }
.theme-1x .pp2-gallery__item { border: 1px solid var(--line); }

/* Partage : bouton « copier » lisible sur fond sombre */
.theme-1x .share-btn--copy { background: rgba(255, 255, 255, .1); border: 1px solid rgba(140, 180, 255, .3); }
.theme-1x .share-title { color: var(--muted); }

/* Espace partenaire (même thème) */
.theme-1x .sidebar { background: linear-gradient(180deg, #08163a, #040b1d); border-right: 1px solid var(--line); }
.theme-1x .side-nav a[aria-current="page"] { background: linear-gradient(180deg, #3a9bff, #1173ea); }
.theme-1x .kpi .v { color: #fff; }
.theme-1x .kpi::after { background: linear-gradient(90deg, #1f8bff, #ffd21f); }
.theme-1x .table th { color: var(--muted); }
.theme-1x .table td { border-bottom-color: rgba(140, 180, 255, .1); }
.theme-1x .spark .bar { fill: #1f8bff; }
.theme-1x .spark .bar.zero { fill: rgba(140, 180, 255, .2); }
.theme-1x .onboard .n { background: rgba(255, 255, 255, .1); color: var(--ink-soft); }
.theme-1x .list-plain li, .theme-1x .notif { border-bottom-color: rgba(140, 180, 255, .1); }
.theme-1x .flash-info { background: rgba(31, 139, 255, .12); border-color: rgba(31, 139, 255, .35); color: #cfe5ff; }
.theme-1x .flash-success { background: rgba(43, 212, 109, .12); border-color: rgba(43, 212, 109, .35); color: #c8f5d9; }
.theme-1x .flash-error { background: rgba(255, 90, 90, .12); border-color: rgba(255, 90, 90, .35); color: #ffd3d3; }
.theme-1x .status-banner.pending { background: rgba(255, 210, 31, .1); border-color: rgba(255, 210, 31, .35); color: #ffe89a; }
.theme-1x .field .hint { color: var(--muted); }
.theme-1x .field label { color: var(--ink-soft); }

/* ===== Haut de page de l'accueil : visuel dévoilé, titre lumineux, bandeau défilant ===== */
.theme-1x .h-hero { background: #050d1f; }
.theme-1x .h-hero__bg::before { opacity: .9; filter: saturate(1.4) contrast(1.06); background-position: 72% 30%; }
.theme-1x .h-hero__bg::after {
  background:
    linear-gradient(90deg, #050d1f 0%, rgba(5, 13, 31, .9) 36%, rgba(5, 13, 31, .3) 68%, rgba(5, 13, 31, .55) 100%),
    linear-gradient(0deg, #050d1f 0%, transparent 32%),
    radial-gradient(600px 380px at 78% 40%, rgba(31, 139, 255, .25), transparent 70%);
}
@media (max-width: 959px) {
  /* mobile / tablette : le visuel s'affiche en haut, net, puis se fond dans la nuit */
  .theme-1x .h-hero__bg::before { inset: 0 0 auto 0; height: 360px; background-position: 70% 20%; animation: none; transform: none; }
  .theme-1x .h-hero__bg::after {
    background: linear-gradient(180deg, rgba(5, 13, 31, .15) 0%, rgba(5, 13, 31, .55) 150px, #050d1f 360px, #050d1f 100%);
  }
  .theme-1x .h-hero__inner { padding-top: 170px; }
}
.theme-1x .h-hero h1 { text-shadow: 0 4px 30px rgba(0, 0, 0, .55); }
.theme-1x .h-shimmer { filter: drop-shadow(0 0 22px rgba(255, 210, 31, .35)); }
.theme-1x .h-lead { color: #d3e2fb; }
.btn-ico { width: 20px; height: 20px; fill: currentColor; flex: none; }
.theme-1x .btn-whatsapp { color: #fff; font-size: 1.02rem; }

.h-ticker { position: relative; z-index: 3; overflow: hidden; border-top: 1px solid rgba(140, 180, 255, .18); border-bottom: 1px solid rgba(140, 180, 255, .18);
  background: linear-gradient(90deg, rgba(31, 139, 255, .16), rgba(255, 210, 31, .1), rgba(31, 139, 255, .16)); padding: .75rem 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.h-ticker__track { display: flex; width: max-content; gap: 2.4rem; animation: marquee 30s linear infinite; }
.h-ticker__track span { white-space: nowrap; font-weight: 800; font-size: .92rem; color: #eaf2ff; letter-spacing: .01em; }
@media (prefers-reduced-motion: reduce) { .h-ticker__track { animation: none; } }

/* Pied de page */
.theme-1x .site-footer { color: var(--muted); border-top: 1px solid rgba(140, 180, 255, .1); }
.theme-1x .site-footer a { color: #cfe3ff; }