/* Kinoo — DA minimaliste : noir pur, texte blanc, un seul accent cyan. Pas de dégradés ni de lueurs. */
html[data-theme] {
  --theme-bg: #000;
  --theme-panel: #0b0b0d;
  --theme-accent: #22d3ee;
  --theme-secondary: #22d3ee;
  --theme-text: #fff;
  --theme-muted: #8b8f98;
  --theme-border: rgba(255, 255, 255, .09);
  --theme-glow: transparent;
  --k-fond: #000;
  --k-accent: #22d3ee;
  --da-accent: #22d3ee;
  --da-surface: #0b0b0d;
  --da-ligne: rgba(255, 255, 255, .09);
  scrollbar-color: #2a2d33 #000;
}

html[data-theme] body { background: #000 !important; color: #fff; }
html[data-theme] body::before, html[data-theme] body::after { background: none !important; }

/* Décors retirés */
.theme-decor, #themeDecor, .theme-garland, #themeBadge, .triangles-fond, .fond-anime,
.lueur-fond, .halloween-home, .halloween-editorial, [class*="pumpkin"], [class*="citrouille"],
[class*="bat-"], [class*="chauve"], .bandeau-discord { display: none !important; }

/* En-tête */
html[data-theme] header { background: #000 !important; border-bottom: 1px solid var(--da-ligne) !important; backdrop-filter: none; box-shadow: none !important; }
html[data-theme] .logo-accent, html[data-theme] .logo-mot .logo-accent { color: var(--da-accent) !important; background: none !important; -webkit-text-fill-color: currentColor; }
html[data-theme] .logo-marque path, html[data-theme] .logo-marque rect, html[data-theme] .logo-marque circle { fill: var(--da-accent) !important; }
html[data-theme] #mainNav a, html[data-theme] #mainNav button { border-radius: 8px; background: none !important; color: #b4b8c2; box-shadow: none !important; }
html[data-theme] #mainNav a:hover, html[data-theme] #mainNav button:hover { color: #fff !important; background: rgba(255, 255, 255, .07) !important; }
html[data-theme] #mainNav a.active, html[data-theme] #mainNav a[aria-current="page"], html[data-theme] #mainNav .active {
  color: #fff !important; background: none !important; box-shadow: inset 0 -2px 0 var(--da-accent) !important; border-radius: 0;
}
html[data-theme] .search-header input { background: #111 !important; border: 1px solid var(--da-ligne) !important; border-radius: 8px !important; }
html[data-theme] .search-header input:focus, html[data-theme] input:focus, html[data-theme] select:focus, html[data-theme] textarea:focus {
  border-color: var(--da-accent) !important; box-shadow: none !important; outline: none;
}

/* Héros plein cadre */
html[data-theme] .hero-banner {
  border: 0 !important; border-radius: 0 0 28px 28px !important; background: #000 !important; box-shadow: none !important; overflow: hidden;
  height: clamp(460px, 62vw, 680px) !important;
}
html[data-theme] .hero-banner::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 80%), linear-gradient(0deg, #000 0%, transparent 40%);
}
html[data-theme] .hero-banner-content { position: relative; z-index: 2; }
html[data-theme] .hero-banner-content h1 { font-weight: 800 !important; letter-spacing: -.03em; font-size: clamp(2.2rem, 6vw, 4.2rem) !important; line-height: 1.02; }
html[data-theme] .hero-banner-content [class*="eyebrow"], html[data-theme] .hero-banner-content [class*="kicker"] { color: var(--da-accent) !important; }
html[data-theme] .btn-hero-watch {
  background: #fff !important; color: #000 !important; border: 0 !important; border-radius: 999px !important;
  font-weight: 700; box-shadow: none !important; transition: transform .15s, background .15s;
}
html[data-theme] .btn-hero-watch:hover { background: var(--da-accent) !important; transform: scale(1.03); }
html[data-theme] .btn-hero-info, html[data-theme] .btn-hero-liste {
  background: rgba(255, 255, 255, .14) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; backdrop-filter: blur(8px);
}
html[data-theme] .btn-hero-info:hover, html[data-theme] .btn-hero-liste:hover { background: rgba(255, 255, 255, .26) !important; }
html[data-theme] .hero-dot.active { background: var(--da-accent) !important; border-color: var(--da-accent) !important; box-shadow: none !important; }
html[data-theme="original"] #page-home .hero-dot-vignette.active { border-color: var(--da-accent) !important; box-shadow: none !important; }

/* Titres de section */
html[data-theme] .section-title { border-bottom: 0 !important; }
html[data-theme] .section-title h2 { font-weight: 700; letter-spacing: -.01em; text-transform: none; font-size: 1.35rem; color: #fff; }
html[data-theme] .section-title h2::before { display: none; }
html[data-theme] .section-title h2::after { background: var(--da-accent) !important; }
html[data-theme] .section-title a, html[data-theme] .voir-tout { color: var(--da-accent) !important; }

/* Cartes : affiches nues, sans cadre */
html[data-theme] .card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 12px !important; transition: transform .2s; }
html[data-theme] .card .card-media, html[data-theme] .card img { border-radius: 12px !important; }
html[data-theme] .card:hover { transform: scale(1.05); box-shadow: none !important; z-index: 3; }
html[data-theme] .card .info { background: none !important; }

/* Tuiles de catégories */
html[data-theme] .category-tile { border: 0 !important; border-radius: 16px !important; box-shadow: none !important; transition: transform .2s; }
html[data-theme] .category-tile:hover { transform: scale(1.03); box-shadow: none !important; }

/* Boutons génériques */
html[data-theme] button.btn-primary, html[data-theme] .btn-primary, html[data-theme] button[type="submit"] {
  background: var(--da-accent) !important; color: #000 !important; border: 0 !important; border-radius: 10px; font-weight: 700; box-shadow: none !important;
}
html[data-theme] ::selection { background: var(--da-accent); color: #000; }

/* Lecteur : plus de barre de défilement, la boîte vidéo s'ajuste à l'espace restant */
.player-overlay { overflow: hidden !important; scrollbar-width: none; }
.player-overlay ::-webkit-scrollbar, .player-overlay::-webkit-scrollbar { display: none; }
.player-overlay .player-box { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: 810px; }
.player-overlay .player-box iframe { overflow: hidden; }

/* Menus de l'en-tête (Explorer, compte) au-dessus des bannières de pub fixes */
body > div:has(> header) { z-index: 50; }
@media (min-width: 900px) { header nav { overflow: visible !important; } }
.nav-explorer-menu, .compte-menu { z-index: 1000; }

/* Page Demandes */
html[data-theme] #page-demandes > .demande-panel { gap: 16px; }
html[data-theme] #page-demandes .demande-step {
  display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 22px;
  background: #0b0b0d; border: 1px solid var(--da-ligne); border-radius: 16px;
}
html[data-theme] #page-demandes .demande-step-num {
  flex: none; width: 30px; height: 30px; min-width: 30px; padding: 0; border-radius: 50%;
  background: var(--da-accent); color: #000; border: 0; font-weight: 800; font-size: .85rem;
  display: inline-flex; align-items: center; justify-content: center;
}
html[data-theme] #page-demandes .demande-step-body { width: 100%; flex: none; }
html[data-theme] #page-demandes .demande-step-body h3 { font-size: 1.05rem; text-transform: none; color: #fff; margin: 0 0 14px; }
html[data-theme] #page-demandes .demande-row { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-theme] #page-demandes .demande-row input {
  flex: 1 1 220px; min-width: 0 !important; width: auto; min-height: 48px; padding: 0 16px;
  background: #000 !important; border: 1px solid var(--da-ligne) !important; border-radius: 12px !important; color: #fff;
}
html[data-theme] #page-demandes .demande-row button { flex: 1 1 140px; width: auto; min-height: 48px; border-radius: 12px; font-weight: 700; text-transform: capitalize; }
html[data-theme] #page-demandes .demande-btn-primary { background: var(--da-accent) !important; color: #000 !important; }
html[data-theme] #page-demandes .demande-btn-secondary { background: rgba(255, 255, 255, .1) !important; color: #fff !important; }
html[data-theme] #page-demandes .demande-btn-secondary:hover { background: rgba(255, 255, 255, .18) !important; }
html[data-theme] #page-demandes .demande-filter, html[data-theme] .filtre-pastille {
  background: rgba(255, 255, 255, .06) !important; color: #c4c8d0 !important; border: 0 !important; border-radius: 999px !important; padding: 8px 16px;
}
html[data-theme] #page-demandes .demande-filter.active, html[data-theme] .filtre-pastille.active { background: #fff !important; color: #000 !important; }

/* Pied de page */
html[data-theme] .site-footer { background: #000 !important; border-top: 1px solid var(--da-ligne) !important; }