/**
 * Surcharge de palette pour le catalogue sur le site Ebrioo Talentio —
 * VARIANTE COULEUR v2 (nuancier projet/talentio/Palette_Talentio_v2.ase +
 * logoV2_talentio.png, 2026-07-12).
 *
 * Hiérarchie v2 (d'après les libellés du nuancier) :
 *   Violet #501E96          = couleur principale / structure
 *   Magenta #E5239C         = action / CTA (revient en v2 ; hover #A31770 non utilisé)
 *   Jaune doré #F0C239      = accent / signature (survols, pastille modalité,
 *                             souligné du sélecteur, pointe du dégradé) ;
 *                             texte-sur-jaune = Jaune foncé #5C4A0A
 *   Vert sauge #2E7D5C      = tertiaire (carte alternée, pastille « type »)
 *
 * >>> SURVOLS EN JAUNE (demande user 2026-07-12) : les états :hover des
 *     éléments interactifs passent au jaune doré (aplat) ou au jaune foncé
 *     (texte lisible), au lieu du magenta hérité de la base.
 *
 * Même principe que formations-digit.css : on ne redéfinit que les variables
 * --eb2-* de .eb2-scope + quelques règles ciblées (dégradé, survols, pastilles).
 * Chargée uniquement quand ebrioo_formdev_filiale === 'ebrioo-talentio'.
 */
.eb2-scope {
	--eb2-paper: #f4f2f8;         /* Fond de page (violet-teinté) */
	--eb2-ink: #323532;           /* Gris Foncé — texte */
	--eb2-ink-muted: #829696;     /* Gris Vert — texte secondaire */
	--eb2-rule: #c3c8cc;          /* Gris Clair — bordures */
	--eb2-accent: #e5239c;        /* Magenta — action / CTA (aplats + accents de la base) */
	--eb2-accent-deep: #501e96;   /* Violet — principal Talentio */
	--eb2-accent-deep-dark: #34125f; /* Violet profond — départ du dégradé signature */
	--eb2-accent-prune: #a31770;  /* Prune — arrêt intermédiaire du dégradé */
	--eb2-accent-quiet: #5c4a0a;  /* Jaune foncé — accent texte lisible */

	/* Jetons locaux v2 (jaune doré + sauge) pour les règles ciblées ci-dessous */
	--tal-yellow: #f0c239;        /* Jaune doré Talentio (accent / survol) */
	--tal-yellow-ink: #5c4a0a;    /* Jaune foncé — texte posé sur le jaune doré */
	--tal-sage: #2e7d5c;          /* Vert sauge */

	/* Cartes d'index alternées : Violet Carte / Sauge Carte (le vert sauge,
	   inédit en v2, est mis en avant dans l'alternance). Pastilles : modalité
	   en jaune doré, type en sauge, nouveauté reste magenta (aplat de la base). */
	--eb2-card-a: #efe6f8;        /* Violet Carte */
	--eb2-card-b: #e3f1ea;        /* Sauge Carte (nouveau) */
	--eb2-pill-modalite-bg: rgba(240, 194, 57, 0.26);
	--eb2-pill-modalite-ink: #5c4a0a;
	--eb2-pill-type-bg: rgba(46, 125, 92, 0.14);
}

/* Dégradé signature : Violet profond → Violet → Prune → Jaune doré.
   (base = 3 arrêts pilotés par variables ; on ajoute la pointe dorée en sortie.) */
.eb2-scope .eb2-domain-card,
.eb2-scope .eb2-specsheet {
	background: linear-gradient(150deg, #34125f 0%, #501e96 42%, #a31770 78%, #f0c239 100%);
}

/* ===================================================================
   SÉLECTEUR DE FAMILLES — parti pris « Aurora » (S-02, retenu le
   2026-07-12, variante sur fond clair). Puces vitrées ; la famille active
   reçoit un liseré conic-gradient (violet → prune → jaune doré → violet)
   qui tourne lentement + un halo doré. Un seul élément s'anime.
   =================================================================== */
@property --tal-aurora-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

.eb2-scope .eb2-family-selector {
	gap: 0.55rem;
}
.eb2-scope .eb2-family-selector__item {
	position: relative;
	z-index: 1;
	border-radius: 11px;
	border-color: rgba(80, 30, 150, 0.16);
	box-shadow: 0 6px 16px -12px rgba(52, 18, 95, 0.5);
	transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.eb2-scope .eb2-family-selector__item:hover {
	border-color: var(--tal-yellow);
	color: var(--eb2-accent-deep);
	background: var(--eb2-surface);
}
/* Famille active : plus de fond violet plein — puce claire + liseré aurora. */
.eb2-scope .eb2-family-selector__item--active,
.eb2-scope .eb2-family-selector__item--active:hover {
	background: var(--eb2-surface);
	color: var(--eb2-ink);
	border-color: transparent;
	box-shadow: none;
}
.eb2-scope .eb2-family-selector__item--active::before {
	content: "";
	position: absolute;
	inset: -2px;
	z-index: -1;
	border-radius: 13px;
	padding: 2px;
	background: conic-gradient(from var(--tal-aurora-ang),
		#501e96, #a31770, #f0c239, #6b34b8, #501e96);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	animation: tal-aurora-spin 5s linear infinite;
}
.eb2-scope .eb2-family-selector__item--active::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 11px;
	background: var(--eb2-surface);
	box-shadow: 0 0 22px -4px rgba(240, 194, 57, 0.55);
}
@keyframes tal-aurora-spin { to { --tal-aurora-ang: 360deg; } }
@media (prefers-reduced-motion: reduce) {
	.eb2-scope .eb2-family-selector__item--active::before { animation: none; }
}

/* ===================================================================
   SURVOLS EN JAUNE — surcharge des :hover magenta de la base.
   Aplats (boutons / pastille active / icône CTA) : fond jaune doré,
   texte jaune foncé. Liens / puces / tags : texte jaune foncé + liseré doré.
   =================================================================== */
.eb2-scope .eb2-btn--primary:hover,
.eb2-scope .eb2-btn--on-dark:hover,
.eb2-scope .eb2-pdf-link:hover,
.eb2-scope .eb2-chip--active:hover {
	background: var(--tal-yellow);
	border-color: var(--tal-yellow);
	color: var(--tal-yellow-ink);
}
.eb2-scope .eb2-domain-card:hover .eb2-domain-card__cta-icon {
	background: var(--tal-yellow);
	color: var(--tal-yellow-ink);
}
.eb2-scope .eb2-breadcrumb a:hover,
.eb2-scope .eb2-formation-card__title a:hover,
.eb2-scope .eb2-fiche__section-body a:hover,
.eb2-scope .eb2-tag:hover,
.eb2-scope .eb2-chip:hover,
.eb2-scope .eb2-btn--ghost:hover {
	color: var(--tal-yellow-ink);
	border-color: var(--tal-yellow);
}

/* « Voir le programme → » et pilule « Télécharger au format PDF » passés au
   JAUNE (demande user 2026-07-12). Le PDF reste une pilule TRANSPARENTE :
   liseré + texte jaune doré (le survol la remplit en jaune, cf. bloc survols). */
.eb2-scope .eb2-formation-card__link {
	color: var(--tal-yellow);
}
.eb2-scope .eb2-pdf-link {
	background: transparent;
	border-color: var(--tal-yellow);
	color: var(--tal-yellow);
}

/* Sous-titres du contenu riche « Programme » (h3 renvoyés par Form.dev) : la
   base les force en magenta (var(--eb2-accent) !important). On repasse au jaune
   doré Talentio #F0C239. Règle scopée .eb2-scope ET chargée uniquement pour la
   filiale Talentio (enqueue conditionnel) → la fiche programme de DIGIT n'est
   PAS impactée. */
.eb2-scope .eb2-tabs__panel h3,
.eb2-scope .eb2-tabs__panel h3 span,
.eb2-scope .eb2-tabs__panel h3 strong {
	color: var(--tal-yellow) !important;
}

/* Fond constellé violet/or sur la bande « liste de formations » uniquement. */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) {
	position: relative;
	overflow: hidden;
	background: radial-gradient(120% 140% at 14% 0%, #5a2a9e 0%, #34125f 46%, #1a0a30 100%);
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-band__canvas {
	position: absolute;
	inset: 0;
	opacity: 0.6;
	pointer-events: none;
}

/* Contraste sur le fond sombre : titres/puces/CTA en clair. */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-section-title {
	color: #ffffff;
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-message--empty {
	color: rgba(255, 255, 255, 0.75);
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-chip {
	border-color: rgba(255, 255, 255, 0.35);
	color: #ffffff;
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-chip--active {
	background: var(--eb2-accent-deep);
	border-color: var(--eb2-accent-deep);
	color: #ffffff;
}

/* Survol de la puce active sur le fond sombre : jaune doré (cohérent). */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-chip--active:hover {
	background: var(--tal-yellow);
	border-color: var(--tal-yellow);
	color: var(--tal-yellow-ink);
}

/* CTA « Envie d'échanger... » : panneau vitré sur le fond constellé. */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-cta-inline {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.16);
}