/* Habillage AME Paris (culte, anniversaire optionnel), posé par js/theme.js avec html[data-theme="ame"].
   Couleurs reprises du logo AME / FEDAME : nuit bleu marine, bleu roi de l'anneau,
   orange du globe et or des titres du site ameparis.net. Titres en Oswald. */

@font-face { font-family: 'Oswald'; font-weight: 400 700; font-display: block; src: url(../fonts/oswald-latin.woff2) format('woff2'); }

/* Jamais le logo de l'autre événement, même une fraction de seconde pendant un chargement. */
html.theme-incertain img[data-logo],
html[data-theme="ame"] img[data-logo][src*="logo-neon"],
html:not([data-theme="ame"]) img[data-logo][src*="logo-ame"] { visibility: hidden !important; }

/* Blocs propres à un événement : data-seul="badaboum" ou data-seul="ame". */
html:not([data-theme="ame"]) [data-seul="ame"],
html[data-theme="ame"] [data-seul="badaboum"] { display: none !important; }

html[data-theme="ame"] {
  --nuit: #050a1e;
  --nuit-2: #0a1436;
  --encre: #0e1c4a;
  --violet-950: #13286e;
  --pourpre: #0f2a6e;
  --violet-700: #1f5fb8;
  --violet: #2f7be0;
  --mauve: #4f9bff;
  --lilas: #8fb8f2;
  --lilas-clair: #b9d3f7;
  --brume: #e3eefc;
  --blanc-lilas: #f2f7ff;
  --rose: #f7931e;
  --rose-vif: #ff7a1a;
  --rose-pale: #ffd8b0;
  --orange: #e8501c;
  --peche: #f6c56b;

  --degrade: linear-gradient(120deg, #0f2a6e 0%, #1f5fb8 40%, #f7931e 78%, #f6c56b 100%);
  --degrade-accent: linear-gradient(90deg, #2f7be0 0%, #f7931e 60%, #f6c56b 100%);
  --degrade-chaud: linear-gradient(90deg, #f9dc8c, #f7931e);
  --or: linear-gradient(180deg, #fff4cc 0%, #f6c56b 42%, #c9862b 72%, #f3d48a 100%);
  --verre: rgba(10, 22, 66, 0.8);
  --verre-bord: rgba(185, 211, 247, 0.3);
  --ombre-neon: 0 0 24px rgba(47, 123, 224, 0.55), 0 0 64px rgba(247, 147, 30, 0.25);

  --titre: 'Oswald', 'Outfit', sans-serif;
}

/* Le logo AME est un médaillon rond : lueur bleue et orange au lieu du néon violet. */
html[data-theme="ame"] img[data-logo] { filter: drop-shadow(0 0 26px rgba(47, 123, 224, 0.55)) drop-shadow(0 0 60px rgba(247, 147, 30, 0.25)) !important; }

/* Mot « AME PARIS » doré, comme l'en-tête du site. */
.ame-or { background: var(--or, linear-gradient(180deg, #fff4cc, #f6c56b 45%, #c9862b)); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Portail */
html[data-theme="ame"] body.portal { background: radial-gradient(ellipse at 85% 0, #14306f 0, transparent 42%), var(--nuit); }
html[data-theme="ame"] .card.featured { background: linear-gradient(145deg, rgba(31, 95, 184, 0.25), rgba(247, 147, 30, 0.06)); border-color: rgba(143, 184, 242, 0.45); }
html[data-theme="ame"] .hero-art { background: radial-gradient(70% 90% at 75% 40%, rgba(247, 147, 30, 0.35), transparent 60%), radial-gradient(90% 90% at 20% 20%, #1f5fb8, #0a1436 70%); }
html[data-theme="ame"] .brand img, html[data-theme="ame"] .login-logo { object-fit: contain; }

/* Le logo Badaboum est un bandeau 16:9, celui d'AME un médaillon : tailles revues là où le logo est calé en largeur. */
html[data-theme="ame"] .vue-logo img { width: 380px; }
html[data-theme="ame"] #vue-repos img { width: 330px; }
html[data-theme="ame"] .scene .logo { width: 560px; margin: -280px 0 0 -280px; }
html[data-theme="ame"] .repos img { width: calc(46 * var(--u)); }
html[data-theme="ame"] .login-logo { width: 130px; height: 130px; }

/* Panneaux vitrés du duplex, de ProPresenter et des encarts : bleu nuit au lieu du violet. */
html[data-theme="ame"] #panneau, html[data-theme="ame"] .panneau { background: linear-gradient(160deg, rgba(19, 40, 110, 0.88), rgba(10, 22, 66, 0.82) 55%, rgba(15, 42, 110, 0.86)); }
html[data-theme="ame"] .vb-carte { background: linear-gradient(110deg, rgba(19, 40, 110, 0.94), rgba(10, 22, 66, 0.9) 60%, rgba(15, 42, 110, 0.92)); }
html[data-theme="ame"] .ca-voile { background: radial-gradient(60% 55% at 50% 50%, rgba(10, 22, 66, 0.8), rgba(5, 10, 30, 0.35) 70%, transparent); }
html[data-theme="ame"] body.media-droite img.badaboum-media-item { background: linear-gradient(160deg, #13286e, #0a1642 55%, #0f2a6e); }
html[data-theme="ame"] .scene .flash { background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 196, 120, 0.5) 22%, rgba(47, 123, 224, 0) 60%); }
html[data-theme="ame"] .etincelles i { box-shadow: 0 0 14px var(--rose-vif), 0 0 30px var(--peche); }