/* ============================================================
 * VideoIA — Accents tirés du logo (variante)
 * Bleu cyan #4FB7E0 · Violet #6E3DBE · Rose magenta #E83A8E
 * ============================================================ */

:root {
	/* Override : remplace l'indigo générique par le bleu du logo */
	--vi-accent: #4FB7E0;
	/* Nouveaux tokens dérivés du logo */
	--vi-accent-purple: #6E3DBE;
	--vi-accent-pink:   #E83A8E;
	--vi-grad-logo: linear-gradient(135deg, #4FB7E0 0%, #6E3DBE 50%, #E83A8E 100%);
}

/* === Logo : fond blanc fondu dans le papier crème === */
.vi-nav__logo-img {
	mix-blend-mode: multiply;
}

/* === Header : hover des liens menu en violet logo === */
.vi-nav__menu > li > a:hover {
	color: var(--vi-accent-purple);
}

/* === Hero kicker : déjà var(--vi-accent), donc auto en bleu logo === */

/* === Hero side card label : idem (utilise var(--vi-accent)) === */

/* === Search chips actifs : on garde ink (sobre) === */

/* === Bouton newsletter (forme dark) : gradient logo === */
.vi-news__go {
	background: var(--vi-grad-logo);
	color: #fff;
	border: none;
	transition: filter 0.2s ease, transform 0.2s ease;
}
.vi-news__go:hover {
	background: var(--vi-grad-logo);
	color: #fff;
	filter: brightness(1.08);
}

/* === Hero "Trouver →" et "Tester →" : on garde ink (cohérence éditoriale) === */

/* === Liseré décoratif top header (subtil) === */
.vi-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--vi-grad-logo);
	z-index: 1;
}
.vi-header { position: sticky; }

/* === Card hero "Top semaine" footer link : passe en accent au hover === */
.vi-hero-card__footer:hover {
	color: var(--vi-accent-purple);
}

/* === Item actif du menu (current page) : barre dessous bleu logo === */
.vi-nav__menu > li.is-on > a,
.vi-nav__menu > li.current-menu-item > a,
.vi-nav__menu > li.current_page_item > a,
.vi-nav__menu > li.current-page-ancestor > a {
	color: var(--vi-ink);
	position: relative;
}
.vi-nav__menu > li.is-on > a::after,
.vi-nav__menu > li.current-menu-item > a::after,
.vi-nav__menu > li.current_page_item > a::after,
.vi-nav__menu > li.current-page-ancestor > a::after {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--vi-grad-logo);
}

/* === Verdict labels du board : passe le "is-warn" en rose logo === */
.vi-row__verdict.is-warn b {
	color: var(--vi-accent-pink);
}

/* === Use cards : flèche → en accent au hover === */
.vi-use:hover .vi-use__arr {
	color: var(--vi-accent-purple);
}

/* === Card use top monogramme : passe en accent au hover === */
.vi-use:hover .vi-use__ic {
	color: var(--vi-accent);
}

/* === Bouton scroll-top OceanWP — palette papier crème === */
#scroll-top {
	background: var(--vi-ink) !important;
	color: var(--vi-paper) !important;
	border: none !important;
	border-radius: 999px !important;
	width: 44px !important;
	height: 44px !important;
	box-shadow: 0 8px 20px rgba(20, 19, 15, 0.18) !important;
	transition: background 0.15s ease, transform 0.15s ease !important;
}
#scroll-top:hover {
	background: var(--vi-ink-2) !important;
	color: var(--vi-paper) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 24px rgba(20, 19, 15, 0.25) !important;
}