/* BIAMA LOVE — thème « nuit néon », inspiré de l'affiche. À charger après toutes les autres feuilles de style. */
:root {
  --paper: #0a0710; --ink: #f6eef8; --muted: #b7a6c2; --line: #2b2035;
  --accent: #ff3d8b; --pink: #ff4fa8; --green: #1f9d63;
  --nuit-carte: #130d1a; --nuit-carte-2: #1b1324; --nuit-bord: #2e2238;
  --neon-or: #ffc36b; --neon-rose: #ff4fa8;
  /* Couleur de la Team Wallas Gabana : la changer ici suffit, tout le reste en découle */
  --neon-wallas: #2ee6ff; /* cyan électrique, complémentaire du rose de Duchesse */
  --wallas-bord: color-mix(in srgb, var(--neon-wallas) 33%, transparent);
  --wallas-teinte: color-mix(in srgb, var(--neon-wallas) 8%, transparent);
  --wallas-lueur: color-mix(in srgb, var(--neon-wallas) 35%, transparent);
  --halo-or: 0 0 6px #ffb54799, 0 0 22px #ff9b2a55;
  --halo-rose: 0 0 6px #ff4fa8aa, 0 0 22px #ff2d9566;
}
html { color-scheme: dark; }
body {
  color: var(--ink);
  background:
    radial-gradient(900px 520px at 8% -6%, #ff2d9522, transparent 62%),
    radial-gradient(820px 480px at 100% 4%, #ff9b2a1c, transparent 60%),
    radial-gradient(1000px 700px at 50% 120%, #6a1bd622, transparent 65%),
    #0a0710;
  background-attachment: fixed;
}

/* En-tête et premier écran */
.masthead { border-bottom-color: var(--line); }
.brand { color: var(--neon-or); text-shadow: var(--halo-or); }
.brand span, .brand i { color: var(--neon-rose); text-shadow: var(--halo-rose); }
.release-label > span { color: var(--neon-rose); }
.eyebrow, .film-kicker { color: var(--neon-or) !important; }
h1 { color: #fff3dc; text-shadow: var(--halo-or); }
h1 em, h2 em { color: var(--neon-rose); text-shadow: var(--halo-rose); }
.intro, .under-video > span { color: var(--muted); }
.under-video { border-bottom-color: var(--line); }
.interest span, .mobile-interest span { color: var(--neon-rose); text-shadow: var(--halo-rose); }
.player-shell { background: #000; box-shadow: 0 0 0 1px #ff4fa833, 0 0 46px #ff2d9526; }
.cover-title { color: #fff3dc; text-shadow: var(--halo-or); }
.cover-title em { color: #ff8cc6; text-shadow: var(--halo-rose); }
.play-disc { background: #0a0710e6; box-shadow: 0 0 0 2px var(--neon-rose), 0 0 26px #ff2d95aa; }
.play-disc svg { fill: var(--neon-rose); }
.end-screen, .player-error { background: radial-gradient(circle at 50% 40%, #2a0f2c, #0a0710 72%); }
.end-screen h2 { color: #fff3dc; text-shadow: var(--halo-or); }

/* Boutons */
.button { background: linear-gradient(100deg, #ff2d6f, #ff4fa8); box-shadow: 0 0 22px #ff2d9555; }
.whatsapp { background: var(--green); box-shadow: 0 0 20px #1f9d6340; }
.secondary { border-color: var(--nuit-bord); color: var(--ink); }
.text-button { color: var(--ink); }
.toast { background: var(--ink); color: #0a0710; }

/* Compteurs et rivalité */
.vote-badge { background: #2a1630; color: var(--neon-or); box-shadow: 0 0 14px #ff9b2a33; }
.vote-badge:before { color: var(--neon-or); }
.vote-heading h2, .characters-heading h2 { color: #fff3dc; text-shadow: var(--halo-or); }
.vote-heading p, .characters-heading p { color: var(--muted); }
.vote-card { --vote-color: var(--neon-rose); --vote-border: #ff4fa855; --vote-pale: #ff4fa814; background: var(--nuit-carte); box-shadow: 0 0 26px #ff2d9522; }
.vote-wallas { --vote-color: var(--neon-wallas); --vote-border: var(--wallas-bord); --vote-pale: var(--wallas-teinte); box-shadow: 0 0 26px var(--wallas-teinte); }
.vote-number { text-shadow: 0 0 8px var(--vote-color), 0 0 26px var(--vote-border); }
.vote-card > p { color: var(--muted); }
.vote-rivalry { background: var(--nuit-carte); border-color: var(--nuit-bord); }
.vote-rivalry-labels { color: var(--neon-rose); }
.vote-rivalry-labels > span:last-child { color: var(--neon-wallas); }
.vote-rivalry-labels .rivalry-caption, .vote-rivalry > p { color: var(--muted); }
.vote-rivalry-track { background: linear-gradient(90deg, color-mix(in srgb, var(--neon-wallas) 80%, #fff), var(--neon-wallas)); box-shadow: 0 0 18px var(--wallas-lueur); }
.vote-rivalry-track > span { background: linear-gradient(90deg, #ff7cc0, #ff2d95); }

/* Fiche du film et personnages */
.film-panel, .character-card, footer.studio-footer { background: var(--nuit-carte); border-color: var(--nuit-bord); box-shadow: 0 0 30px #00000066; }
.film-poster { border-color: #1b1324; box-shadow: 0 0 34px #ff2d9540, 0 18px 40px #000a; }
.film-details h2 { color: #fff3dc; text-shadow: var(--halo-or); }
.film-director, .film-info h3, .film-info span, .character-actor { color: var(--muted); }
.film-director strong { color: var(--ink); }
.film-details blockquote { color: #f1e4f4; border-left-color: var(--neon-rose); }
.film-info { background: var(--nuit-carte-2); border-color: var(--nuit-bord); }
.film-vip { background: linear-gradient(105deg, #ff2d4f, #ff4fa8); box-shadow: 0 0 22px #ff2d9555; }
.film-studio-link { background: var(--nuit-carte-2); color: var(--ink); }
.character-card { --character: var(--neon-rose); --character-border: #ff4fa855; --character-tint: #ff4fa814; }
.character-wallas { --character: var(--neon-wallas); --character-border: var(--wallas-bord); --character-tint: var(--wallas-teinte); }
.character-card { border-color: var(--character-border); }
.character-heading h3 { color: #fff3dc; }
.character-heading img { box-shadow: 0 0 16px var(--character-border); }
.character-story { color: #d4c6dc; }

/* Bande de partage et pied de page */
.share-band { background: #110b17; border-color: var(--line); }
.share-band h2 { color: #fff3dc; }
.share-band p:last-child { color: var(--muted); }
.studio-footer-brand { color: var(--neon-or); text-shadow: var(--halo-or); }
footer.studio-footer .studio-address, footer.studio-footer .studio-copyright, footer.studio-footer > #privacy-open { color: var(--muted); }
.studio-contact-links a { background: var(--nuit-carte-2); color: var(--ink); }
.studio-contact-links a:hover { background: #251a2f; }
.mobile-interest { background: #0a0710f2; border-top-color: var(--line); color: var(--ink); }

/* Fenêtres (inscription, partage, confidentialité) */
dialog, #signup-dialog { background: var(--nuit-carte); color: var(--ink); border-color: var(--nuit-bord); }
.signup-banner { background: #170f1e; border-bottom-color: var(--nuit-bord); }
.signup-banner > strong { color: var(--neon-or); }
.signup-banner .close, .close { background: #241a2c; color: var(--ink); }
#signup-dialog h2 { color: #fff3dc; }
#signup-dialog .dialog-intro, #signup-form .phone-help, #signup-form .consent span, #signup-form .privacy-note { color: var(--muted); }
#signup-form label:not(.choice):not(.consent) { color: #e6d9ee; }
#signup-form input:not([type=radio]):not([type=checkbox]) { background: var(--nuit-carte-2); border-color: #3a2b45; color: var(--ink); }
#signup-form .choice { background: var(--nuit-carte-2); border-color: #3a2b45; color: var(--neon-rose); }
#signup-form .choice.wallas { color: var(--neon-wallas); }
#signup-form .choice:has(input:checked) { background: #ff4fa81a; border-color: var(--neon-rose); box-shadow: 0 0 20px #ff2d9555; }
#signup-form .choice.wallas:has(input:checked) { background: var(--wallas-teinte); border-color: var(--neon-wallas); box-shadow: 0 0 20px var(--wallas-lueur); }
#form-error { background: #3a1220; color: #ffb3c7; }
#submit-signup { background: linear-gradient(90deg, #ff2d6f, #ff4fa8); box-shadow: 0 0 22px #ff2d9555; }
.thank-heart { color: var(--neon-rose); text-shadow: var(--halo-rose); }