/* ==========================================================================
   Atelier Gaming — Refonte visuelle v2
   Principe : une « scène » sombre et animée (en-tête, accueil, catégories,
   barre latérale, pied de page) et des panneaux de lecture clairs pour les
   articles et les pages outils, qui gardent leurs styles existants lisibles.
   Tout est scopé sous body.ag-v2 : sans cette classe, rien ne s'applique.
   ========================================================================== */

body.ag-v2 {
	--ag-bg: #07080f;
	--ag-bg-2: #0d1020;
	--ag-surface: rgba(255, 255, 255, 0.045);
	--ag-surface-2: rgba(255, 255, 255, 0.08);
	--ag-line: rgba(255, 255, 255, 0.09);
	--ag-line-strong: rgba(255, 255, 255, 0.18);
	--ag-text: #eef0f7;
	--ag-text-dim: #a4a9bf;
	--ag-text-mute: #6f7590;
	--ag-brand: #ff5a36;
	--ag-brand-2: #ff9a3d;
	--ag-violet: #7c5cff;
	--ag-cyan: #22d3ee;
	--ag-grad: linear-gradient(90deg, #ff5a36 0%, #ff9a3d 35%, #7c5cff 70%, #22d3ee 100%);
	--ag-paper: #fbfbfd;
	--ag-radius: 16px;
	--ag-radius-lg: 22px;
	--ag-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--g: var(--ag-brand);

	/* Variables du thème Tortuga */
	--page-background-color: var(--ag-paper);
	--page-border-color: transparent;
	--header-background-color: transparent;
	--navi-background-color: transparent;
	--navi-hover-color: transparent;
	--navi-border-color: transparent;
	--title-color: #12131c;
	--title-hover-color: var(--ag-brand);
	--title-text-transform: none;
	--title-font-weight: 700;
	--navi-font-weight: 700;
	--widget-title-text-transform: none;
	--widget-title-font-weight: 700;
	--widget-background-color: var(--ag-surface);
	--widget-border-color: transparent;
	--widget-title-color: var(--ag-text);
	--footer-background-color: transparent;

	background: var(--ag-bg) !important;
	color: var(--ag-text);
}

/* --- Couleurs par jeu (cartes, badges) ---------------------------------- */
body.ag-v2 .category-aniimo,
body.ag-v2 a[href*="/category/aniimo/"] { --g: #2dd4bf; }
body.ag-v2 .category-pokemon-go,
body.ag-v2 a[href*="/category/pokemon-go/"] { --g: #3b9bff; }
body.ag-v2 .category-pokemontgcp,
body.ag-v2 a[href*="/category/pokemontgcp/"] { --g: #facc15; }
body.ag-v2 .category-pokemon-champions,
body.ag-v2 a[href*="/category/pokemon-champions/"] { --g: #f43f5e; }
body.ag-v2 .category-aion-2,
body.ag-v2 a[href*="/category/aion-2/"] { --g: #a78bfa; }
body.ag-v2 .category-gta-6,
body.ag-v2 a[href*="/category/gta-6/"] { --g: #f472b6; }
body.ag-v2 .category-poe2,
body.ag-v2 a[href*="/category/poe2/"] { --g: #f59e0b; }
body.ag-v2 .category-bf6,
body.ag-v2 a[href*="/category/bf6/"] { --g: #60a5fa; }
body.ag-v2 .category-cod,
body.ag-v2 a[href*="/category/cod/"] { --g: #84cc16; }
body.ag-v2 .category-star-wars-zero-company,
body.ag-v2 a[href*="/category/star-wars-zero-company/"] { --g: #fbbf24; }

/* --- Scène de fond : aurores animées + grain ---------------------------- */
body.ag-v2::before {
	content: "";
	position: fixed;
	inset: -20vmax;
	z-index: -2;
	pointer-events: none;
	background:
		radial-gradient(40vmax 30vmax at 15% 10%, rgba(124, 92, 255, 0.22), transparent 60%),
		radial-gradient(35vmax 28vmax at 85% 20%, rgba(34, 211, 238, 0.14), transparent 60%),
		radial-gradient(45vmax 35vmax at 60% 95%, rgba(255, 90, 54, 0.16), transparent 60%),
		linear-gradient(180deg, var(--ag-bg) 0%, var(--ag-bg-2) 100%);
	animation: ag-aurora 28s ease-in-out infinite alternate;
}

body.ag-v2::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: 0.06;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

@keyframes ag-aurora {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(-3vmax, 2vmax, 0) scale(1.05); }
	100% { transform: translate3d(3vmax, -2vmax, 0) scale(1.02); }
}

body.ag-v2 .site,
body.ag-v2 #page {
	background: transparent;
}

html:has(body.ag-v2) {
	scroll-padding-top: 120px;
}

body.ag-v2 ::selection {
	background: rgba(124, 92, 255, 0.55);
	color: #fff;
}

body.ag-v2 .container {
	max-width: 1400px;
}

body.ag-v2 .site-content {
	padding-top: 2.25rem;
	padding-bottom: 3rem;
}

/* --- En-tête : verre dépoli, collant, ligne lumineuse ------------------- */
body.ag-v2 .site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(7, 8, 15, 0.62) !important;
	-webkit-backdrop-filter: saturate(160%) blur(16px);
	backdrop-filter: saturate(160%) blur(16px);
	border-bottom: 1px solid var(--ag-line);
	transition: background 0.3s var(--ag-ease), box-shadow 0.3s var(--ag-ease);
}

body.ag-v2.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.ag-v2.admin-bar .site-header {
		top: 0;
	}
}

body.ag-v2 .site-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: var(--ag-grad);
	background-size: 200% 100%;
	animation: ag-flow 8s linear infinite;
	opacity: 0.9;
}

@keyframes ag-flow {
	from { background-position: 0% 0; }
	to   { background-position: 200% 0; }
}

body.ag-v2.ag-scrolled .site-header {
	background: rgba(7, 8, 15, 0.85) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

body.ag-v2 .site-header .header-main {
	transition: padding 0.3s var(--ag-ease);
}

body.ag-v2 .site-branding .custom-logo {
	max-height: 56px !important;
	width: auto;
	transition: max-height 0.3s var(--ag-ease), filter 0.35s var(--ag-ease), transform 0.35s var(--ag-ease);
	filter: drop-shadow(0 0 14px rgba(124, 92, 255, 0.18));
}

body.ag-v2 .site-branding .custom-logo-link:hover .custom-logo,
body.ag-v2 .site-branding .custom-logo-link:focus-visible .custom-logo {
	transform: scale(1.03);
	filter: drop-shadow(-6px 0 16px rgba(255, 90, 54, 0.35)) drop-shadow(6px 0 16px rgba(34, 211, 238, 0.35)) brightness(1.08);
}

body.ag-v2.ag-scrolled .site-header .header-main {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

body.ag-v2.ag-scrolled .site-branding .custom-logo {
	max-height: 40px !important;
}

@media (max-width: 700px) {
	body.ag-v2 .site-branding .custom-logo { max-height: 42px !important; }
	body.ag-v2.ag-scrolled .site-branding .custom-logo { max-height: 34px !important; }
}

body.ag-v2 .primary-navigation-wrap {
	background: transparent !important;
	border: 0 !important;
}

body.ag-v2 .main-navigation-menu > li > a,
body.ag-v2 .primary-navigation .menu > li > a {
	position: relative;
	color: var(--ag-text-dim) !important;
	background: transparent !important;
	letter-spacing: 0.06em;
	font-size: 0.82rem;
	border-radius: 10px;
	transition: color 0.2s var(--ag-ease), background 0.2s var(--ag-ease);
}

body.ag-v2 .main-navigation-menu > li > a::after,
body.ag-v2 .primary-navigation .menu > li > a::after {
	content: "";
	position: absolute;
	left: 16%;
	right: 16%;
	bottom: 6px;
	height: 2px;
	border-radius: 2px;
	background: var(--ag-grad);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s var(--ag-ease);
}

body.ag-v2 .main-navigation-menu > li > a:hover,
body.ag-v2 .main-navigation-menu > li.current-menu-item > a,
body.ag-v2 .main-navigation-menu > li.current-menu-ancestor > a,
body.ag-v2 .primary-navigation .menu > li > a:hover,
body.ag-v2 .primary-navigation .menu > li.current-menu-item > a,
body.ag-v2 .primary-navigation .menu > li.current-menu-ancestor > a {
	color: #fff !important;
	background: var(--ag-surface-2) !important;
}

body.ag-v2 .main-navigation-menu > li > a:hover::after,
body.ag-v2 .main-navigation-menu > li.current-menu-item > a::after,
body.ag-v2 .main-navigation-menu > li.current-menu-ancestor > a::after,
body.ag-v2 .primary-navigation .menu > li > a:hover::after,
body.ag-v2 .primary-navigation .menu > li.current-menu-item > a::after,
body.ag-v2 .primary-navigation .menu > li.current-menu-ancestor > a::after {
	transform: scaleX(1);
}

body.ag-v2 .primary-navigation .icon,
body.ag-v2 .main-navigation-menu .icon {
	fill: currentColor;
}

/* Sous-menus : panneau vitré */
body.ag-v2 .main-navigation-menu .sub-menu,
body.ag-v2 .primary-navigation .sub-menu {
	background: rgba(13, 16, 32, 0.96) !important;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid var(--ag-line-strong) !important;
	border-radius: 14px;
	padding: 6px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
}

body.ag-v2 .main-navigation-menu .sub-menu a,
body.ag-v2 .primary-navigation .sub-menu a {
	color: var(--ag-text-dim) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 9px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.92rem;
	transition: color 0.2s, background 0.2s, padding-left 0.2s var(--ag-ease);
}

body.ag-v2 .main-navigation-menu .sub-menu a:hover,
body.ag-v2 .primary-navigation .sub-menu a:hover {
	color: #fff !important;
	background: var(--ag-surface-2) !important;
	padding-left: 1.4em;
}

body.ag-v2 .primary-menu-toggle {
	color: #fff;
	background: var(--ag-surface-2);
	border-radius: 10px;
}

/* --- Accueil : hero ----------------------------------------------------- */
body.ag-v2 .ag-hero {
	border-bottom: 0;
	margin-bottom: 40px;
	padding-bottom: 0;
}

body.ag-v2 .ag-hero .wp-block-post {
	position: relative;
	padding: 14px;
	border-radius: var(--ag-radius-lg);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--ag-line);
	box-shadow: var(--ag-shadow), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
	isolation: isolate;
}

body.ag-v2 .ag-hero .wp-block-post::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: -1;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(130deg, var(--g), transparent 40%, transparent 60%, var(--ag-violet));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0.7;
}

body.ag-v2 .ag-hero .wp-block-columns {
	gap: 34px;
	align-items: center;
}

body.ag-v2 .ag-hero-image {
	aspect-ratio: 16 / 9;
	border-radius: 16px;
	background: #000;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
}

body.ag-v2 .ag-hero-image img {
	object-position: center;
	transition: transform 1.2s var(--ag-ease), filter 0.6s var(--ag-ease);
}

body.ag-v2 .ag-hero .wp-block-post:hover .ag-hero-image img {
	transform: scale(1.06);
	filter: saturate(1.15);
}

body.ag-v2 .ag-hero-body {
	padding: 10px 18px 10px 0;
}

body.ag-v2 .ag-hero-body .wp-block-post-title {
	font-size: clamp(1.7rem, 2.6vw, 2.6rem);
	line-height: 1.12;
	letter-spacing: -0.01em;
}

body.ag-v2 .ag-hero-body .wp-block-post-title a {
	color: #fff !important;
	background: linear-gradient(90deg, #fff, #fff) no-repeat 0 100% / 0 2px;
	transition: background-size 0.4s var(--ag-ease);
}

body.ag-v2 .ag-hero-body .wp-block-post-title a:hover {
	color: #fff !important;
	background-size: 100% 2px;
}

body.ag-v2 .ag-hero-body .wp-block-post-date {
	color: var(--ag-text-mute);
}

body.ag-v2 .ag-hero-body .wp-block-post-excerpt {
	color: var(--ag-text-dim);
	font-size: 1.02rem;
	line-height: 1.7;
}

/* Séparateur de section de l'accueil */
body.ag-v2.home .entry-content > .wp-block-separator,
body.ag-v2 .ag-hero + .wp-block-separator {
	width: 120px;
	height: 3px;
	border: 0;
	margin: 0 auto 36px;
	border-radius: 3px;
	background: var(--ag-grad);
	opacity: 1;
}

/* --- Badges de catégorie ------------------------------------------------ */
body.ag-v2 .ag-grid-page .tortuga-cat-badge a,
body.ag-v2 .ag-hero-body .tortuga-cat-badge a {
	border: 1px solid color-mix(in srgb, var(--g) 55%, transparent);
	background: color-mix(in srgb, var(--g) 14%, transparent);
	color: var(--g) !important;
	border-radius: 999px;
	padding: 4px 12px;
	font-size: 0.7rem;
	letter-spacing: 0.08em;
	box-shadow: 0 0 18px color-mix(in srgb, var(--g) 25%, transparent);
	transition: background 0.2s, color 0.2s;
}

body.ag-v2 .ag-grid-page .tortuga-cat-badge a:hover,
body.ag-v2 .ag-hero-body .tortuga-cat-badge a:hover {
	background: var(--g);
	color: #0b0c14 !important;
}

/* --- Grilles de cartes (accueil + pages jeux) --------------------------- */
body.ag-v2 article:has(.ag-grid-page),
body.ag-v2.home article.type-page {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
}

body.ag-v2 article:has(.ag-grid-page)::before {
	display: none !important;
}

body.ag-v2 article:has(.ag-grid-page) .entry-title,
body.ag-v2 article:has(.ag-grid-page) .page-title {
	color: #fff;
}

body.ag-v2 .ag-grid-page .wp-block-post-template {
	gap: 24px;
}

body.ag-v2 .ag-grid-page .wp-block-post {
	position: relative;
	background: var(--ag-surface) !important;
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	isolation: isolate;
	transition: transform 0.45s var(--ag-ease), border-color 0.3s, box-shadow 0.45s var(--ag-ease), background 0.3s;
}

/* barre d'accent en haut de carte, couleur du jeu */
body.ag-v2 .ag-grid-page .wp-block-post::before {
	content: "";
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
	height: 2px;
	z-index: 2;
	border-radius: 0 0 2px 2px;
	background: linear-gradient(90deg, transparent, var(--g), transparent);
	opacity: 0.8;
	transition: left 0.45s var(--ag-ease), right 0.45s var(--ag-ease), opacity 0.3s;
}

/* halo qui suit la souris (--mx/--my posés par le JS) */
body.ag-v2 .ag-grid-page .wp-block-post::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--g) 22%, transparent), transparent 60%);
	transition: opacity 0.35s;
}

body.ag-v2 .ag-grid-page .wp-block-post:hover {
	transform: translateY(-6px);
	border-color: color-mix(in srgb, var(--g) 45%, transparent);
	background: var(--ag-surface-2) !important;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45), 0 0 40px color-mix(in srgb, var(--g) 18%, transparent);
}

body.ag-v2 .ag-grid-page .wp-block-post:hover::before {
	left: 0;
	right: 0;
	opacity: 1;
}

body.ag-v2 .ag-grid-page .wp-block-post:hover::after {
	opacity: 1;
}

body.ag-v2 .ag-grid-page .wp-block-post-featured-image {
	margin: 10px 10px 0;
	border-radius: 12px;
	background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--g) 20%, #161a2c), #0c0e1a 75%);
}

body.ag-v2 .ag-grid-page .wp-block-post-featured-image img {
	object-position: top;
	transition: transform 0.9s var(--ag-ease), filter 0.5s;
}

/* artworks à fond transparent (Pokémon) : on les contient au lieu de les recadrer */
body.ag-v2 .ag-grid-page .wp-block-post-featured-image img[src$=".png"],
body.ag-v2 .ag-grid-page .wp-block-post-featured-image img[src$=".webp"] {
	object-fit: contain;
	padding: 8px;
	filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.55));
}

body.ag-v2 .ag-grid-page .wp-block-post:hover .wp-block-post-featured-image img {
	transform: scale(1.07);
}

body.ag-v2 .ag-grid-page .wp-block-post-title {
	font-size: 1.08rem;
	line-height: 1.35;
}

body.ag-v2 .ag-grid-page .wp-block-post-title a {
	color: var(--ag-text) !important;
}

body.ag-v2 .ag-grid-page .wp-block-post:hover .wp-block-post-title a {
	color: #fff !important;
}

body.ag-v2 .ag-grid-page .wp-block-post-title a::before {
	/* toute la carte devient cliquable */
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

body.ag-v2 .ag-grid-page .tortuga-cat-badge {
	position: relative;
	z-index: 3;
}

body.ag-v2 .ag-grid-page .wp-block-post-date {
	color: var(--ag-text-mute);
}

body.ag-v2 .ag-grid-page .wp-block-post-excerpt__excerpt {
	color: var(--ag-text-dim);
}

/* --- Panneaux de lecture (articles, pages, outils) ---------------------- */
body.ag-v2 .site-main > article.type-post,
body.ag-v2 .site-main > article.type-page:not(:has(.ag-grid-page)),
body.ag-v2 .site-main > article.type-attachment {
	position: relative;
	background: var(--ag-paper) !important;
	color: #2a2c38;
	border: 0 !important;
	border-radius: var(--ag-radius-lg);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.ag-v2 .site-main > article.type-post::before,
body.ag-v2 .site-main > article.type-page:not(:has(.ag-grid-page))::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	border-radius: var(--ag-radius-lg) var(--ag-radius-lg) 0 0;
	background: var(--ag-grad);
}

body.ag-v2 .site-main > article .entry-title,
body.ag-v2 .site-main > article .page-title {
	font-size: clamp(1.6rem, 2.4vw, 2.3rem);
	line-height: 1.18;
	letter-spacing: -0.01em;
	color: #10111a;
}

body.ag-v2 .site-main > article .wp-post-image,
body.ag-v2 .site-main > article .post-thumbnail img {
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(16, 17, 26, 0.22);
}

body.ag-v2 .entry-content h2:not(.wp-block-post-title) {
	position: relative;
	padding-bottom: 0.35em;
}

body.ag-v2 .entry-content h2:not(.wp-block-post-title)::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: 0.35em;
	border-radius: 3px;
	background: var(--ag-grad);
}

body.ag-v2 .entry-content blockquote {
	border-left: 4px solid var(--ag-violet);
	background: rgba(124, 92, 255, 0.06);
	border-radius: 0 12px 12px 0;
}

body.ag-v2 .entry-meta,
body.ag-v2 .entry-meta a {
	color: #6b6f82 !important;
}

/* navigation précédent/suivant */
body.ag-v2 .post-navigation .nav-links a {
	display: block;
	padding: 14px 18px;
	border-radius: 14px;
	background: #f0f1f7;
	transition: background 0.2s, transform 0.3s var(--ag-ease);
}

body.ag-v2 .post-navigation .nav-links a:hover {
	background: #e6e8f3;
	transform: translateY(-2px);
}

/* commentaires : dans la zone sombre, sous l'article */
body.ag-v2 .comments-area {
	background: var(--ag-surface);
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius);
	color: var(--ag-text);
	padding: 1.5em 2em;
}

body.ag-v2 .comments-area .comment-reply-title,
body.ag-v2 .comments-area label,
body.ag-v2 .comments-area .comment-notes {
	color: var(--ag-text-dim);
}

body.ag-v2 .comments-area input[type="text"],
body.ag-v2 .comments-area input[type="email"],
body.ag-v2 .comments-area input[type="url"],
body.ag-v2 .comments-area textarea {
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid var(--ag-line-strong);
	color: #fff;
	border-radius: 10px;
}

body.ag-v2 .comments-area .comment-respond,
body.ag-v2 .comments-area .comment-list .comment-body {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	padding-left: 0;
	padding-right: 0;
}

body.ag-v2 .comments-area .comment-reply-title,
body.ag-v2 .comments-area .comments-title {
	color: #fff;
}

body.ag-v2 .comments-area input[type="text"]:focus,
body.ag-v2 .comments-area input[type="email"]:focus,
body.ag-v2 .comments-area textarea:focus {
	outline: none;
	border-color: var(--ag-violet);
	box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.3);
}

body.ag-v2 input[type="submit"],
body.ag-v2 .comments-area .submit {
	background: linear-gradient(90deg, var(--ag-brand), var(--ag-brand-2));
	border: 0;
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 10px 25px rgba(255, 90, 54, 0.35);
	transition: transform 0.2s var(--ag-ease), box-shadow 0.2s;
}

body.ag-v2 input[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 32px rgba(255, 90, 54, 0.5);
}

/* --- Barre latérale : panneaux vitrés ----------------------------------- */
body.ag-v2 .sidebar .widget {
	background: var(--ag-surface) !important;
	border: 1px solid var(--ag-line) !important;
	border-radius: var(--ag-radius);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: var(--ag-text-dim);
}

body.ag-v2 .sidebar .widget .wp-block-heading,
body.ag-v2 .sidebar .widget-title,
body.ag-v2 .sidebar .widget h2 {
	color: #fff !important;
}

body.ag-v2 .sidebar .widget .wp-block-heading::after,
body.ag-v2 .sidebar .widget h2::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	margin-top: 10px;
	border-radius: 3px;
	background: var(--ag-grad);
}

body.ag-v2 .wp-block-latest-posts > li {
	border-color: var(--ag-line) !important;
	border-radius: 12px;
	transition: background 0.2s;
}

body.ag-v2 .wp-block-latest-posts > li:hover {
	background: var(--ag-surface-2);
}

body.ag-v2 .wp-block-latest-posts__post-title,
body.ag-v2 .wp-block-latest-posts__post-title:visited {
	color: var(--ag-text) !important;
}

body.ag-v2 .wp-block-latest-posts__post-title:hover {
	color: #fff !important;
}

body.ag-v2 .wp-block-latest-posts__post-date {
	color: var(--ag-text-mute) !important;
}

body.ag-v2 .wp-block-latest-posts__featured-image img {
	border-radius: 10px;
	transition: transform 0.4s var(--ag-ease);
}

body.ag-v2 .wp-block-latest-posts > li:hover .wp-block-latest-posts__featured-image img {
	transform: scale(1.08);
}

body.ag-v2 .sidebar a {
	color: var(--ag-text);
}

/* --- Pied de page ------------------------------------------------------- */
body.ag-v2 .footer-wrap,
body.ag-v2 #footer {
	position: relative;
	background: rgba(4, 5, 10, 0.75) !important;
	border-top: 1px solid var(--ag-line);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

body.ag-v2 .footer-wrap::before,
body.ag-v2 #footer::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--ag-grad);
	opacity: 0.8;
}

body.ag-v2 .ag-footer-columns h3 {
	color: #fff;
}

body.ag-v2 .ag-footer-columns li a,
body.ag-v2 .site-info a {
	color: var(--ag-text-dim) !important;
	transition: color 0.2s;
}

body.ag-v2 .ag-footer-columns li a:hover,
body.ag-v2 .site-info a:hover {
	color: #fff !important;
}

body.ag-v2 .ag-footer-about p,
body.ag-v2 .site-info {
	color: var(--ag-text-mute);
}

/* --- Barre de progression de lecture & retour en haut ------------------- */
body.ag-v2 .ag-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	height: 3px;
	width: 100%;
	transform-origin: 0 50%;
	transform: scaleX(var(--p, 0));
	background: var(--ag-grad);
	box-shadow: 0 0 12px rgba(124, 92, 255, 0.7);
	pointer-events: none;
}

body.ag-v2.admin-bar .ag-progress {
	top: 32px;
}

body.ag-v2 .ag-totop {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 999;
	width: 46px;
	height: 46px;
	border: 1px solid var(--ag-line-strong);
	border-radius: 50%;
	background: rgba(13, 16, 32, 0.8);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 20px;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity 0.3s, transform 0.3s var(--ag-ease), box-shadow 0.3s;
}

body.ag-v2 .ag-totop.is-visible {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

body.ag-v2 .ag-totop:hover {
	box-shadow: 0 0 0 4px rgba(124, 92, 255, 0.25), 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* --- Apparition au défilement (activée seulement si le JS est chargé) --- */
html.ag-reveal-ready body.ag-v2 .ag-reveal {
	opacity: 0;
	transform: translateY(26px) scale(0.985);
	transition: opacity 0.8s var(--ag-ease), transform 0.8s var(--ag-ease);
	transition-delay: var(--d, 0ms);
}

html.ag-reveal-ready body.ag-v2 .ag-reveal.is-in {
	opacity: 1;
	transform: none;
}

/* --- Barre de défilement ------------------------------------------------ */
body.ag-v2 {
	scrollbar-color: #2b3050 var(--ag-bg);
}

body.ag-v2::-webkit-scrollbar {
	width: 12px;
}

body.ag-v2::-webkit-scrollbar-track {
	background: var(--ag-bg);
}

body.ag-v2::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #2b3050, #3a2f6b);
	border: 3px solid var(--ag-bg);
	border-radius: 10px;
}

/* --- Mobile ------------------------------------------------------------- */
@media only screen and (max-width: 60em) {
	body.ag-v2 .ag-hero .wp-block-columns {
		grid-template-columns: 1fr !important;
		gap: 18px;
	}

	body.ag-v2 .ag-hero-body {
		padding: 0 6px 8px;
	}

	body.ag-v2 .primary-navigation .menu,
	body.ag-v2 .main-navigation-menu {
		background: rgba(10, 12, 24, 0.97);
		border-radius: 14px;
	}

	body.ag-v2 .main-navigation-menu .sub-menu {
		border: 0 !important;
		box-shadow: none;
		background: transparent !important;
	}
}

@media only screen and (max-width: 40em) {
	body.ag-v2 .site-main > article.type-post,
	body.ag-v2 .site-main > article.type-page:not(:has(.ag-grid-page)) {
		border-radius: 16px;
	}

	body.ag-v2 .ag-totop {
		right: 14px;
		bottom: 14px;
	}
}

/* --- Respect des préférences d'animation réduite ------------------------ */
@media (prefers-reduced-motion: reduce) {
	body.ag-v2::before,
	body.ag-v2 .site-header::after {
		animation: none;
	}

	body.ag-v2 *,
	body.ag-v2 *::before,
	body.ag-v2 *::after {
		transition-duration: 0.01ms !important;
	}

	html.ag-reveal-ready body.ag-v2 .ag-reveal {
		opacity: 1;
		transform: none;
	}
}

/* ==========================================================================
   Bannières des rubriques de jeu (.ag-hub) et accueil (outils + jeux)
   ========================================================================== */
body.ag-v2 article:has(.ag-hub) > .entry-header,
body.ag-v2 article:has(.ag-hub) > .wp-post-image { display: none; }

body.ag-v2 .ag-hub {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin: 0 0 40px;
	padding: clamp(28px, 5vw, 64px) clamp(22px, 4vw, 56px);
	min-height: 340px;
	display: flex;
	align-items: flex-end;
	border-radius: var(--ag-radius-lg);
	border: 1px solid color-mix(in srgb, var(--g) 35%, transparent);
	background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--g) 35%, transparent), transparent 60%), var(--ag-bg-2);
	box-shadow: 0 30px 80px -30px color-mix(in srgb, var(--g) 45%, transparent), var(--ag-shadow);
}
body.ag-v2 .ag-hub.has-img::before {
	content: "";
	position: absolute;
	inset: -4%;
	z-index: -2;
	background: var(--hub-img) var(--hub-pos, center) / cover no-repeat;
	animation: ag-hub-drift 24s ease-in-out infinite alternate;
}
body.ag-v2 .ag-hub::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(7, 8, 15, 0.92) 0%, rgba(7, 8, 15, 0.7) 45%, rgba(7, 8, 15, 0.15) 100%),
		linear-gradient(0deg, rgba(7, 8, 15, 0.85) 0%, transparent 55%);
}
body.ag-v2 .ag-hub.no-img::after {
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 14px);
}
@keyframes ag-hub-drift {
	from { transform: scale(1) translate3d(0, 0, 0); }
	to { transform: scale(1.06) translate3d(-1.5%, -1%, 0); }
}
body.ag-v2 .ag-hub-inner { position: relative; max-width: 760px; }
body.ag-v2 .ag-hub-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--g);
}
body.ag-v2 .ag-hub-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--g);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--g) 25%, transparent), 0 0 18px var(--g);
	animation: ag-pulse 2.4s ease-in-out infinite;
}
@keyframes ag-pulse { 50% { box-shadow: 0 0 0 8px transparent, 0 0 24px var(--g); } }
body.ag-v2 .ag-hub-title {
	margin: 0 0 12px !important;
	font-size: clamp(34px, 5.5vw, 64px) !important;
	line-height: 1.02 !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
	color: #fff !important;
	text-transform: none !important;
	text-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}
body.ag-v2 .ag-hub-tag {
	margin: 0 0 18px;
	max-width: 620px;
	font-size: clamp(15px, 1.4vw, 18px);
	line-height: 1.55;
	color: #d7dbea;
}
body.ag-v2 .ag-hub-stats { display: flex; flex-wrap: wrap; gap: 18px; margin: 0 0 22px; font-size: 14px; color: var(--ag-text-dim); }
body.ag-v2 .ag-hub-stats strong { color: #fff; font-size: 18px; margin-right: 4px; }
body.ag-v2 .ag-hub-tools { display: flex; flex-wrap: wrap; gap: 10px; }
body.ag-v2 .ag-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 15px 9px 12px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #fff !important;
	text-decoration: none !important;
	background: rgba(12, 14, 26, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transition: transform 0.25s var(--ag-ease), background 0.25s, border-color 0.25s, box-shadow 0.25s;
}
body.ag-v2 .ag-chip .ag-ico { width: 18px; height: 18px; color: var(--g); transition: color 0.25s; }
body.ag-v2 .ag-chip:hover,
body.ag-v2 .ag-chip:focus-visible {
	transform: translateY(-2px);
	background: var(--g);
	border-color: var(--g);
	color: #0b0c14 !important;
	box-shadow: 0 10px 26px -8px var(--g);
}
body.ag-v2 .ag-chip:hover .ag-ico,
body.ag-v2 .ag-chip:focus-visible .ag-ico { color: #0b0c14; }
body.ag-v2 .ag-hub-logo {
	position: absolute;
	right: clamp(20px, 5vw, 70px);
	top: 50%;
	width: min(34%, 360px);
	height: auto;
	transform: translateY(-50%) rotate(-4deg);
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.55));
	animation: ag-float 6s ease-in-out infinite;
}
@keyframes ag-float { 50% { transform: translateY(calc(-50% - 10px)) rotate(-2deg); } }
body.ag-v2 .ag-hub:has(.ag-hub-logo) .ag-hub-inner { max-width: 58%; }

body.ag-v2 .ag-section-title {
	position: relative;
	margin: 0 0 22px !important;
	padding: 0 0 12px;
	font-size: clamp(22px, 2.2vw, 28px) !important;
	font-weight: 800 !important;
	color: #fff !important;
	text-transform: none !important;
}
body.ag-v2 .ag-section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 3px;
	border-radius: 3px;
	background: var(--ag-grad);
}
body.ag-v2 .ag-hub + .ag-section-title::after { background: var(--g); }

/* Accueil : blocs */
body.ag-v2 .ag-home-block { margin: 8px 0 48px; }
body.ag-v2 .ag-home-head .ag-hub-eyebrow { color: var(--ag-brand-2); --g: var(--ag-brand-2); }
body.ag-v2 .ag-latest-title { margin-top: 8px !important; }

body.ag-v2 .ag-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 14px;
}
body.ag-v2 .ag-tile {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 16px 16px 14px;
	border-radius: var(--ag-radius);
	text-decoration: none !important;
	color: var(--ag-text) !important;
	background: linear-gradient(135deg, color-mix(in srgb, var(--g) 14%, transparent), transparent 60%), var(--ag-surface);
	border: 1px solid var(--ag-line);
	overflow: hidden;
	transition: transform 0.3s var(--ag-ease), border-color 0.3s, box-shadow 0.3s;
}
body.ag-v2 .ag-tile::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--g) 22%, transparent), transparent 70%);
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}
body.ag-v2 .ag-tile:hover,
body.ag-v2 .ag-tile:focus-visible {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--g) 60%, transparent);
	box-shadow: 0 18px 40px -18px var(--g);
}
body.ag-v2 .ag-tile:hover::before,
body.ag-v2 .ag-tile:focus-visible::before { opacity: 1; }
body.ag-v2 .ag-tile-ico {
	flex: none;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 13px;
	color: var(--g);
	background: color-mix(in srgb, var(--g) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--g) 35%, transparent);
	transition: transform 0.35s var(--ag-ease), background 0.3s, color 0.3s;
}
body.ag-v2 .ag-tile:hover .ag-tile-ico { transform: rotate(-8deg) scale(1.08); background: var(--g); color: #0b0c14; }
body.ag-v2 .ag-tile-body { position: relative; display: flex; flex-direction: column; min-width: 0; }
body.ag-v2 .ag-tile-game { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--g); }
body.ag-v2 .ag-tile-name { font-size: 16px; font-weight: 700; color: #fff; line-height: 1.25; margin: 2px 0; }
body.ag-v2 .ag-tile-desc { font-size: 13px; color: var(--ag-text-dim); line-height: 1.35; }
body.ag-v2 .ag-tile-arrow {
	position: relative;
	margin-left: auto;
	font-size: 18px;
	color: var(--ag-text-mute);
	transition: transform 0.3s var(--ag-ease), color 0.3s;
}
body.ag-v2 .ag-tile:hover .ag-tile-arrow { transform: translateX(4px); color: var(--g); }

/* Accueil : sélecteur de jeux */
body.ag-v2 .ag-games {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}
body.ag-v2 .ag-game {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	aspect-ratio: 4 / 3;
	padding: 14px;
	border-radius: var(--ag-radius);
	border: 1px solid var(--ag-line);
	text-decoration: none !important;
	background: radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--g) 40%, transparent), transparent 65%), var(--ag-bg-2);
	transition: transform 0.35s var(--ag-ease), border-color 0.3s, box-shadow 0.3s;
}
body.ag-v2 .ag-game.has-img::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--hub-img) var(--hub-pos, center) / cover no-repeat;
	transition: transform 0.6s var(--ag-ease), filter 0.4s;
	filter: saturate(0.9) brightness(0.85);
}
body.ag-v2 .ag-game::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(0deg, rgba(7, 8, 15, 0.95) 0%, rgba(7, 8, 15, 0.35) 55%, transparent 100%);
	box-shadow: inset 0 -3px 0 var(--g);
	transition: box-shadow 0.3s;
}
body.ag-v2 .ag-game:hover,
body.ag-v2 .ag-game:focus-visible {
	transform: translateY(-5px);
	border-color: color-mix(in srgb, var(--g) 70%, transparent);
	box-shadow: 0 22px 44px -18px var(--g);
}
body.ag-v2 .ag-game:hover::before { transform: scale(1.08); filter: saturate(1.15) brightness(1); }
body.ag-v2 .ag-game:hover::after { box-shadow: inset 0 -5px 0 var(--g); }
body.ag-v2 .ag-game-logo {
	position: absolute;
	inset: 12% 14% auto;
	width: 72%;
	height: 55%;
	object-fit: contain;
	z-index: -1;
	transition: transform 0.5s var(--ag-ease);
}
body.ag-v2 .ag-game:hover .ag-game-logo { transform: scale(1.06) rotate(-2deg); }
body.ag-v2 .ag-game-name { font-size: 16px; font-weight: 800; line-height: 1.2; color: #fff; }
body.ag-v2 .ag-game-count { font-size: 12px; font-weight: 600; color: var(--g); margin-top: 2px; }

@media (max-width: 1100px) {
	body.ag-v2 .ag-games { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	body.ag-v2 .ag-hub { min-height: 0; padding: 26px 20px; }
	body.ag-v2 .ag-hub::after { background: linear-gradient(0deg, rgba(7, 8, 15, 0.95) 0%, rgba(7, 8, 15, 0.7) 60%, rgba(7, 8, 15, 0.45) 100%); }
	body.ag-v2 .ag-hub-logo { position: static; display: block; width: 180px; margin: 0 0 14px; transform: rotate(-3deg); animation: none; order: -1; }
	body.ag-v2 .ag-hub:has(.ag-hub-logo) { flex-direction: column; align-items: flex-start; }
	body.ag-v2 .ag-hub:has(.ag-hub-logo) .ag-hub-inner { max-width: none; }
	body.ag-v2 .ag-chip { font-size: 13px; padding: 8px 12px 8px 10px; }
	body.ag-v2 .ag-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	body.ag-v2 .ag-tile { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; }
	body.ag-v2 .ag-tile-ico { width: 38px; height: 38px; border-radius: 11px; }
	body.ag-v2 .ag-tile-name { font-size: 15px; }
	body.ag-v2 .ag-tile-desc,
	body.ag-v2 .ag-tile-arrow { display: none; }
	body.ag-v2 .ag-games {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 12px;
		margin: 0 -16px;
		padding: 4px 16px 10px;
		scrollbar-width: none;
	}
	body.ag-v2 .ag-games::-webkit-scrollbar { display: none; }
	body.ag-v2 .ag-game { flex: 0 0 62%; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) {
	body.ag-v2 .ag-hub.has-img::before,
	body.ag-v2 .ag-hub-dot,
	body.ag-v2 .ag-hub-logo { animation: none; }
}

/* Page 404 : widgets posés sur le panneau clair */
body.ag-v2.error404 .site-main .widget,
body.ag-v2.search-no-results .site-main .widget { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.ag-v2.error404 .site-main .widget-title,
body.ag-v2.search-no-results .site-main .widget-title { color: #12131c !important; }
body.ag-v2.error404 .site-main .page-content,
body.ag-v2.error404 .site-main .page-content p { color: #3a3d4f; }
body.ag-v2 .site-main > .error-404,
body.ag-v2 .site-main > .error-404 .entry-content,
body.ag-v2 .site-main > .error-404 .entry-content p,
body.ag-v2 .site-main > .error-404 .widget { color: #3a3d4f !important; }
body.ag-v2 .site-main > .error-404 .widget { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-top: 24px; }
body.ag-v2 .site-main > .error-404 .widgettitle { color: #12131c !important; font-size: 20px; }
body.ag-v2 .site-main > .error-404 .widget li::before { display: none; }

/* ==========================================================================
   Images : fond animé pendant le chargement, puis apparition en fondu
   ========================================================================== */
body.ag-v2 img.ag-img-wait,
body.ag-v2 .ag-grid-page .wp-block-post-featured-image:has(img.ag-img-wait),
body.ag-v2 .ag-related-img:has(img.ag-img-wait),
body.ag-v2 .aniimo-detail-image:has(img.ag-img-wait) {
	background: linear-gradient(100deg, rgba(128, 134, 170, 0.1) 20%, rgba(128, 134, 170, 0.26) 40%, rgba(128, 134, 170, 0.1) 60%) 0 0 / 250% 100%;
	animation: ag-shimmer 1.3s linear infinite;
}
body.ag-v2 img.ag-img-in { animation: ag-img-in 0.6s var(--ag-ease) backwards; }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-image img.ag-img-in { animation: ag-img-in 0.6s var(--ag-ease) backwards, ag-el-float 5s ease-in-out 0.6s infinite; }
@keyframes ag-shimmer { to { background-position: -250% 0; } }
@keyframes ag-img-in { from { opacity: 0; filter: blur(10px); } }

/* ==========================================================================
   Fiches Aniimo façon « jeu vidéo » (couleur d'élément --el / --el2)
   ========================================================================== */
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-top {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	align-items: center;
	gap: 28px;
	padding: 26px 28px;
	margin-bottom: 26px;
	border-radius: 20px;
	color: #e9ecf7;
	background:
		radial-gradient(60% 90% at 18% 50%, color-mix(in srgb, var(--el) 45%, transparent), transparent 70%),
		radial-gradient(50% 80% at 100% 0%, color-mix(in srgb, var(--el2) 35%, transparent), transparent 70%),
		linear-gradient(135deg, #10132a, #0a0c18);
	border: 1px solid color-mix(in srgb, var(--el) 40%, transparent);
	box-shadow: 0 24px 50px -24px color-mix(in srgb, var(--el) 70%, transparent);
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-top::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 18px);
	-webkit-mask: linear-gradient(90deg, transparent, #000 40%, #000 60%, transparent);
	mask: linear-gradient(90deg, transparent, #000 40%, #000 60%, transparent);
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-image {
	position: relative;
	flex: none;
	display: grid;
	place-items: center;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-image::before {
	content: "";
	position: absolute;
	inset: 8% 4%;
	z-index: -1;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--el) 75%, transparent), transparent 68%);
	filter: blur(18px);
	animation: ag-el-glow 4s ease-in-out infinite;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-image img {
	background: none !important;
	filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.45));
	animation: ag-el-float 5s ease-in-out infinite;
	/* Les rendus officiels sont recadrés au bord : on fond les arêtes dans la scène. */
	-webkit-mask: linear-gradient(0deg, transparent 0, #000 14%, #000 93%, transparent 100%), linear-gradient(90deg, transparent 0, #000 8%, #000 90%, transparent 100%);
	-webkit-mask-composite: source-in;
	mask: linear-gradient(0deg, transparent 0, #000 14%, #000 93%, transparent 100%) intersect, linear-gradient(90deg, transparent 0, #000 8%, #000 90%, transparent 100%);
}
@keyframes ag-el-float { 50% { transform: translateY(-8px); } }
@keyframes ag-el-glow { 50% { opacity: 0.6; transform: scale(0.92); } }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-index {
	color: var(--el) !important;
	font-weight: 800;
	letter-spacing: 0.08em;
	background: color-mix(in srgb, var(--el) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--el) 40%, transparent);
	border-radius: 999px;
	padding: 3px 10px;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-badge-element {
	background: linear-gradient(90deg, var(--el), var(--el2)) !important;
	color: #0b0c14 !important;
	border: 0 !important;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-badge-role {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-info .aniimo-description {
	color: #d5d9ea !important;
	border-left-color: var(--el) !important;
	background: rgba(255, 255, 255, 0.04);
	border-radius: 0 10px 10px 0;
	padding: 10px 14px;
	font-size: 15px;
}
body.ag-v2 .aniimo-detail-page.ag-el > h3 {
	display: flex;
	align-items: center;
	gap: 10px;
}
body.ag-v2 .aniimo-detail-page.ag-el > h3::before {
	content: "";
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	border-radius: 2px;
	background: linear-gradient(135deg, var(--el), var(--el2));
	box-shadow: 0 0 10px color-mix(in srgb, var(--el) 70%, transparent);
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-stats-panel {
	border: 1px solid color-mix(in srgb, var(--el) 30%, #e3e6ef);
	background: linear-gradient(180deg, color-mix(in srgb, var(--el) 7%, #fff), #fff) !important;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-stats-total { border-left-color: var(--el2) !important; }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-stats-total strong { color: color-mix(in srgb, var(--el2) 80%, #000) !important; }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-stat-bar-fill {
	background: linear-gradient(90deg, var(--el2), var(--el)) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--el) 55%, transparent);
	transform-origin: left center;
}
html.ag-reveal-ready body.ag-v2 .aniimo-stats-panel .aniimo-stat-bar-fill { transform: scaleX(0); transition: transform 1s var(--ag-ease); }
html.ag-reveal-ready body.ag-v2 .aniimo-stats-panel.is-in .aniimo-stat-bar-fill { transform: scaleX(1); }
body.ag-v2 .aniimo-stats-panel .aniimo-stat-row:nth-child(3) .aniimo-stat-bar-fill { transition-delay: 0.08s; }
body.ag-v2 .aniimo-stats-panel .aniimo-stat-row:nth-child(4) .aniimo-stat-bar-fill { transition-delay: 0.16s; }
body.ag-v2 .aniimo-stats-panel .aniimo-stat-row:nth-child(5) .aniimo-stat-bar-fill { transition-delay: 0.24s; }
body.ag-v2 .aniimo-stats-panel .aniimo-stat-row:nth-child(6) .aniimo-stat-bar-fill { transition-delay: 0.32s; }
body.ag-v2 .aniimo-stats-panel .aniimo-stat-row:nth-child(7) .aniimo-stat-bar-fill { transition-delay: 0.4s; }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-skill-card {
	transition: transform 0.25s var(--ag-ease), border-color 0.25s, box-shadow 0.25s;
	border-left: 3px solid color-mix(in srgb, var(--el) 60%, transparent) !important;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-skill-card:hover {
	transform: translateX(4px);
	box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--el) 80%, transparent) !important;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-skill-icon {
	background: radial-gradient(circle, color-mix(in srgb, var(--el) 30%, #fff), color-mix(in srgb, var(--el2) 18%, #f3f4f8)) !important;
	border-radius: 12px;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-skill-meta {
	color: color-mix(in srgb, var(--el2) 75%, #000) !important;
	font-weight: 700;
}
/* Chaîne d'évolution : pastilles reliées par des flèches, forme actuelle mise en avant */
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain { align-items: flex-start; gap: 34px !important; }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain figure { position: relative; margin: 0; }
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain figure + figure::before {
	content: "";
	position: absolute;
	left: -28px;
	top: 38px;
	width: 22px;
	height: 12px;
	background: linear-gradient(90deg, var(--el2), var(--el));
	clip-path: polygon(0 35%, 60% 35%, 60% 0, 100% 50%, 60% 100%, 60% 65%, 0 65%);
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain img {
	border-radius: 50% !important;
	background: radial-gradient(circle, color-mix(in srgb, var(--el) 22%, #fff), #f1f3f8) !important;
	border: 2px solid color-mix(in srgb, var(--el) 30%, #e3e6ef) !important;
	transition: transform 0.3s var(--ag-ease), box-shadow 0.3s, border-color 0.3s;
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain figure:has(a):hover img {
	transform: translateY(-4px) scale(1.05);
	border-color: var(--el) !important;
	box-shadow: 0 10px 22px -10px var(--el);
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain figure:not(:has(a)) img {
	border-color: var(--el) !important;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--el) 25%, transparent), 0 10px 26px -8px var(--el);
}
body.ag-v2 .aniimo-detail-page.ag-el .aniimo-evolution-chain figure:not(:has(a)) figcaption { font-weight: 800; color: color-mix(in srgb, var(--el2) 70%, #000); }
@media (max-width: 700px) {
	body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-top { flex-direction: column; padding: 20px; gap: 14px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
	body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-image::before,
	body.ag-v2 .aniimo-detail-page.ag-el .aniimo-detail-image img { animation: none; }
}

/* ==========================================================================
   Bloc « À lire aussi » en fin d'article
   ========================================================================== */
body.ag-v2 .ag-related {
	position: relative;
	margin: 44px 0 8px;
	padding: 24px;
	border-radius: 20px;
	background: radial-gradient(80% 120% at 100% 0%, color-mix(in srgb, var(--g) 22%, transparent), transparent 60%), linear-gradient(135deg, #10132a, #0a0c18);
	border: 1px solid color-mix(in srgb, var(--g) 30%, transparent);
	color: var(--ag-text);
}
body.ag-v2 .ag-related-eyebrow {
	margin: 0 0 4px !important;
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--g) !important;
}
body.ag-v2 .entry-content h2.ag-related-title {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-size: 24px !important;
	color: #fff !important;
}
body.ag-v2 .entry-content h2.ag-related-title::after { background: var(--g); }
body.ag-v2 .ag-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.ag-v2 .ag-related-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.09);
	text-decoration: none !important;
	transition: transform 0.3s var(--ag-ease), border-color 0.3s, box-shadow 0.3s;
}
body.ag-v2 .ag-related-card:hover,
body.ag-v2 .ag-related-card:focus-visible {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--g) 60%, transparent);
	box-shadow: 0 16px 34px -16px var(--g);
}
body.ag-v2 .ag-related-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(255, 255, 255, 0.04); }
body.ag-v2 .ag-related-img img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: top;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: transform 0.6s var(--ag-ease);
}
body.ag-v2 .ag-related-img img[src$=".png"] { object-fit: contain; }
body.ag-v2 .ag-related-card:hover .ag-related-img img { transform: scale(1.06); }
body.ag-v2 .ag-related-body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; }
body.ag-v2 .ag-related-name { font-size: 15px; font-weight: 700; line-height: 1.3; color: #fff; }
body.ag-v2 .ag-related-card:hover .ag-related-name { color: var(--g); }
body.ag-v2 .ag-related-date { font-size: 12px; color: var(--ag-text-mute); }
body.ag-v2 .ag-related-more {
	display: inline-block;
	margin-top: 16px;
	font-size: 14px;
	font-weight: 700;
	color: var(--g) !important;
	text-decoration: none !important;
}
body.ag-v2 .ag-related-more:hover { text-decoration: underline !important; }
@media (max-width: 700px) {
	body.ag-v2 .ag-related { padding: 18px; }
	body.ag-v2 .ag-related-grid { grid-template-columns: 1fr; }
	body.ag-v2 .ag-related-card { flex-direction: row; }
	body.ag-v2 .ag-related-img { flex: 0 0 38%; aspect-ratio: 4 / 3; }
}
body.ag-v2 .entry-content h2.ag-related-title { border: 0 !important; }
body.ag-v2 .post-navigation .nav-links a,
body.ag-v2 .post-navigation .nav-links a * { color: #23263a !important; font-weight: 600; }
body.ag-v2 .post-navigation .nav-links a:hover,
body.ag-v2 .post-navigation .nav-links a:hover * { color: var(--ag-brand) !important; }

/* Performance mobile : effets de fond figés et flous allégés (GPU plus sobre, batterie préservée) */
@media (max-width: 700px) {
	body.ag-v2::before { animation: none; }
	body.ag-v2::after { display: none; }
	body.ag-v2 .ag-hub.has-img::before { animation: none; }
	body.ag-v2 .ag-chip,
	body.ag-v2 .sidebar .widget { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
body.ag-v2 .ag-footer-logo-img { display: block; width: auto; height: 44px; max-width: 100%; margin-bottom: 4px; }

/* ==========================================================================
   Logo vectoriel (emblème SVG + wordmark en Titillium Web)
   ========================================================================== */
body.ag-v2 .ag-logo {
	display: inline-flex;
	align-items: center;
	gap: 0.42em;
	font-size: 30px;
	line-height: 1;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}
body.ag-v2 .ag-emblem {
	flex: none;
	width: 1.9em;
	height: 1.66em;
	overflow: visible;
	filter: drop-shadow(0 0 0.22em rgba(139, 92, 246, 0.55)) drop-shadow(0 0 0.08em rgba(34, 211, 238, 0.45));
	transition: transform 0.4s var(--ag-ease), filter 0.4s var(--ag-ease);
}
body.ag-v2 .ag-emb-outer { stroke-width: 2.2px; }
body.ag-v2 .ag-emb-inner { stroke-width: 1.3px; }
body.ag-v2 .ag-wordmark {
	font-family: "Titillium Web", arial, helvetica, sans-serif;
	font-weight: 700;
	font-size: 1em;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.ag-v2 .ag-wm-2 {
	background: linear-gradient(90deg, #ff5a36 0%, #ff9a3d 28%, #a06bff 64%, #22d3ee 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: saturate(1.15);
}
body.ag-v2 .ag-logo:hover .ag-emblem,
body.ag-v2 .ag-logo:focus-visible .ag-emblem {
	transform: translateY(-1px) rotate(-4deg) scale(1.06);
	filter: drop-shadow(0 0 0.3em rgba(255, 106, 61, 0.55)) drop-shadow(0 0 0.3em rgba(34, 211, 238, 0.55));
}
body.ag-v2 .site-branding .ag-logo { transition: font-size 0.3s var(--ag-ease); }
body.ag-v2.ag-scrolled .site-branding .ag-logo { font-size: 23px; }
body.ag-v2 .ag-footer-logo .ag-logo { font-size: 22px; }
body.ag-v2.ag-vector-logo .site-branding .site-title,
body.ag-v2.ag-vector-logo .site-branding .site-description { display: none !important; }
@media (max-width: 700px) {
	body.ag-v2 .site-branding .ag-logo { font-size: 23px; }
	body.ag-v2.ag-scrolled .site-branding .ag-logo { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	body.ag-v2 .ag-emblem,
	body.ag-v2 .ag-wm-2 { transition: none; }
}
body.ag-v2 .ag-footer-logo .ag-logo span.ag-wm-1 { color: #fff !important; background: none !important; }
body.ag-v2 .ag-footer-logo .ag-logo span.ag-wm-2 { color: transparent !important; }
body.ag-v2 .ag-footer-logo .ag-logo span.ag-wordmark { color: #fff !important; }

/* ==========================================================================
   Mobile : tableaux et contenus larges
   ========================================================================== */
@media (max-width: 700px) {
	body.ag-v2 .entry-content table:not(.ag-keep) {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		border-collapse: collapse;
	}
	body.ag-v2 .entry-content table:not(.ag-keep) th,
	body.ag-v2 .entry-content table:not(.ag-keep) td { min-width: 96px; }
	body.ag-v2 .entry-content table:not(.ag-keep) td:first-child,
	body.ag-v2 .entry-content table:not(.ag-keep) th:first-child { min-width: 120px; }
	body.ag-v2 .entry-content img,
	body.ag-v2 .entry-content iframe,
	body.ag-v2 .entry-content video { max-width: 100%; height: auto; }
	body.ag-v2 .entry-content pre,
	body.ag-v2 .entry-content code { white-space: pre-wrap; word-break: break-word; }
	body.ag-v2 .entry-content { overflow-wrap: break-word; }
}
/* Mobile : tableaux à 3 colonnes ou plus affichés en cartes empilées */
@media (max-width: 700px) {
	body.ag-v2 .entry-content table.ag-stack { display: block; overflow: visible; border: 0; }
	body.ag-v2 .entry-content table.ag-stack thead { display: none; }
	body.ag-v2 .entry-content table.ag-stack tbody { display: block; }
	body.ag-v2 .entry-content table.ag-stack tr {
		display: block;
		margin: 0 0 12px;
		padding: 10px 12px;
		border: 1px solid #e3e3ee;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 2px 8px rgba(20, 20, 60, 0.05);
	}
	body.ag-v2 .entry-content table.ag-stack td,
	body.ag-v2 .entry-content table.ag-stack th {
		display: flex;
		gap: 10px;
		min-width: 0 !important;
		padding: 6px 0;
		border: 0 !important;
		border-bottom: 1px dashed #ececf3 !important;
		background: none !important;
		text-align: left;
	}
	body.ag-v2 .entry-content table.ag-stack tr > :last-child { border-bottom: 0 !important; }
	body.ag-v2 .entry-content table.ag-stack td::before {
		content: attr(data-label);
		flex: 0 0 38%;
		font-size: 0.78em;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		color: #7a7f96;
		padding-top: 2px;
	}
	body.ag-v2 .entry-content table.ag-stack tr > :first-child {
		font-weight: 700;
		font-size: 1.02em;
		padding-top: 2px;
	}
	body.ag-v2 .entry-content table.ag-stack tr > :first-child::before { display: none; }
}
@media (max-width: 700px) {
	body.ag-v2 .ag-formes-scroll { overflow: visible; }
	body.ag-v2 .ag-formes-scroll .ag-formes-table { min-width: 0 !important; }
}
/* Mobile : marges réduites pour gagner de la largeur de lecture */
@media (max-width: 700px) {
	body.ag-v2 .site-content { padding-left: 10px !important; padding-right: 10px !important; }
	body.ag-v2 .site-main > article.type-post,
	body.ag-v2 .site-main > article.type-page:not(:has(.ag-grid-page)) { padding: 18px 16px !important; border-radius: 16px; }
	body.ag-v2 .entry-content h2 { font-size: 1.35em; line-height: 1.25; }
	body.ag-v2 .entry-content h3 { font-size: 1.18em; line-height: 1.3; }
	body.ag-v2 .entry-title { font-size: 1.55em !important; line-height: 1.2 !important; }
	body.ag-v2 .sidebar { margin-top: 18px; }
	body.ag-v2 input, body.ag-v2 select, body.ag-v2 textarea { font-size: 16px !important; }
}

/* Pages : le contenu occupe toute la largeur du panneau (le CSS additionnel le limitait à 42em
   sauf pour une liste blanche de pages outils, que chaque nouvelle page oubliait). */
body.ag-v2 .site-main > article.type-page .entry-content { max-width: none !important; }

/* ==========================================================================
   Pagination des grilles de catégorie (pages Aion 2, Aniimo, Pokémon GO, etc.)
   ========================================================================== */
body.ag-v2 .ag-pagi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 12px 0 4px;
	width: 100%;
}
body.ag-v2 .ag-pagi .wp-block-query-pagination-previous-arrow,
body.ag-v2 .ag-pagi .wp-block-query-pagination-next-arrow { margin: 0 2px; }
body.ag-v2 .ag-pagi a,
body.ag-v2 .ag-pagi .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 10px;
	background: var(--ag-surface);
	border: 1px solid var(--ag-line);
	color: var(--ag-text) !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 0.92em;
	transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
body.ag-v2 .ag-pagi a:hover {
	background: color-mix(in srgb, var(--g, var(--ag-brand)) 22%, transparent);
	border-color: color-mix(in srgb, var(--g, var(--ag-brand)) 55%, transparent);
	transform: translateY(-1px);
}
body.ag-v2 .ag-pagi .page-numbers.current {
	background: var(--g, var(--ag-brand)) !important;
	border-color: transparent;
	color: #0b0c14 !important;
	font-weight: 800;
}
body.ag-v2 .ag-pagi .page-numbers.dots {
	background: none;
	border: 0;
	color: var(--ag-text-mute);
	min-width: auto;
	padding: 0 2px;
}
@media (max-width: 700px) {
	body.ag-v2 .ag-pagi a,
	body.ag-v2 .ag-pagi .page-numbers { min-width: 34px; height: 34px; padding: 0 8px; font-size: 0.88em; }
}

/* ==========================================================================
   Archives (catégories, étiquettes, recherche) : cartes sombres comme les
   grilles des rubriques, et bannière de rubrique pour les catégories qui en
   dépendent (ex. « Guides Aion 2 », injectée par archives.php)
   ========================================================================== */
body.ag-v2 .page-header {
	position: relative;
	background: var(--ag-surface) !important;
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius-lg);
	box-shadow: var(--ag-shadow);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
body.ag-v2 .page-header .archive-title { color: #fff !important; }
body.ag-v2 .page-header .archive-description,
body.ag-v2 .page-header .archive-description p { color: var(--ag-text-dim); }

/* catégorie rattachée à une rubrique : l'en-tête devient la bannière */
body.ag-v2.ag-archive-hub .page-header {
	margin: 0 0 8px;
	padding: 0;
	background: none !important;
	border: 0;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
body.ag-v2.ag-archive-hub .page-header .archive-title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}
body.ag-v2.ag-archive-hub .page-header .archive-description p { margin: 0 0 18px; }
body.ag-v2 .ag-hub-archive { margin-bottom: 36px; }
body.ag-v2 .ag-hub-archive .ag-hub-title { display: block; }
body.ag-v2 .ag-hub-archive .ag-hub-eyebrow a { color: inherit !important; text-decoration: none !important; }
body.ag-v2 .ag-hub-archive .ag-hub-eyebrow a:hover { color: #fff !important; }
body.ag-v2 .ag-hub-archive .ag-hub-eyebrow a::after { content: " \2197"; opacity: 0.7; }
body.ag-v2.ag-archive-hub .page-header .ag-section-title { margin: 0 !important; }
body.ag-v2.ag-archive-hub .ag-hub-archive + .ag-section-title::after { background: var(--g); }

/* cartes */
body.ag-v2.post-layout-columns .post-column article.type-post {
	position: relative;
	display: block;
	height: calc(100% - 24px);
	padding: 0 0 18px;
	background: var(--ag-surface) !important;
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	color: var(--ag-text-dim);
	isolation: isolate;
	transition: transform 0.45s var(--ag-ease), border-color 0.3s, box-shadow 0.45s var(--ag-ease), background 0.3s;
}
body.ag-v2.post-layout-columns .post-column article.type-post::before {
	content: "";
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
	height: 2px;
	z-index: 2;
	border-radius: 0 0 2px 2px;
	background: linear-gradient(90deg, transparent, var(--g), transparent);
	opacity: 0.8;
	transition: left 0.45s var(--ag-ease), right 0.45s var(--ag-ease), opacity 0.3s;
}
body.ag-v2.post-layout-columns .post-column article.type-post:hover {
	transform: translateY(-6px);
	border-color: color-mix(in srgb, var(--g) 45%, transparent);
	background: var(--ag-surface-2) !important;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45), 0 0 40px color-mix(in srgb, var(--g) 18%, transparent);
}
body.ag-v2.post-layout-columns .post-column article.type-post:hover::before { left: 0; right: 0; opacity: 1; }
body.ag-v2.post-layout-columns .post-column .wp-post-image-link {
	margin: 10px 10px 0;
	border-radius: 12px;
	background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--g) 20%, #161a2c), #0c0e1a 75%);
}
body.ag-v2.post-layout-columns .post-column .wp-post-image-link .wp-post-image {
	border-radius: 0;
	box-shadow: none;
	transition: transform 0.9s var(--ag-ease);
}
body.ag-v2.post-layout-columns .post-column article.type-post:hover .wp-post-image { transform: scale(1.07); }
body.ag-v2.post-layout-columns .post-column .entry-header,
body.ag-v2.post-layout-columns .post-column .entry-excerpt { padding: 0 18px; }
body.ag-v2.post-layout-columns .post-column .entry-header { margin-top: 16px; padding-top: 32px; }
body.ag-v2.post-layout-columns .post-wrapper .post-column article .entry-title { margin-top: 0 !important; }
body.ag-v2.post-layout-columns .post-wrapper .post-column article .entry-title a {
	color: var(--ag-text) !important;
}
body.ag-v2.post-layout-columns .post-wrapper .post-column article:hover .entry-title a { color: #fff !important; }
body.ag-v2.post-layout-columns .post-column .entry-title a::before {
	/* toute la carte devient cliquable */
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
body.ag-v2.post-layout-columns .post-column .entry-meta,
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-date,
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-date a,
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-comments a {
	color: var(--ag-text-mute) !important;
}
/* auteur vide sur ce site : on retire « • Par » */
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-author { display: none; }
body.ag-v2.post-layout-columns .post-column .entry-excerpt,
body.ag-v2.post-layout-columns .post-column .entry-excerpt p { color: var(--ag-text-dim) !important; }

/* badges de catégorie, comme sur les grilles des rubriques */
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-category {
	z-index: 3;
	left: 18px !important;
	right: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 0;
}
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-category a {
	border: 1px solid color-mix(in srgb, var(--g) 55%, transparent);
	background: color-mix(in srgb, var(--g) 14%, transparent) !important;
	color: var(--g) !important;
	border-radius: 999px;
	padding: 3px 11px;
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	box-shadow: 0 0 18px color-mix(in srgb, var(--g) 25%, transparent);
	transition: background 0.2s, color 0.2s;
}
body.ag-v2.post-layout-columns .post-column .entry-meta .meta-category a:hover {
	background: var(--g) !important;
	color: #0b0c14 !important;
}
/* sur l'archive d'une rubrique, le badge de la rubrique elle-même est redondant */
body.ag-v2.category-guides-aion-2 .post-column .meta-category a[href$="/category/aion-2/"] { display: none; }

/* pagination des archives classiques */
body.ag-v2 .pagination .nav-links,
body.ag-v2 .navigation.pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body.ag-v2 .pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 10px;
	background: var(--ag-surface) !important;
	border: 1px solid var(--ag-line);
	color: var(--ag-text) !important;
	text-decoration: none !important;
	font-weight: 600;
}
body.ag-v2 .pagination a.page-numbers:hover {
	background: color-mix(in srgb, var(--g) 22%, transparent) !important;
	border-color: color-mix(in srgb, var(--g) 55%, transparent);
}
body.ag-v2 .pagination .page-numbers.current {
	background: var(--g) !important;
	border-color: transparent;
	color: #0b0c14 !important;
	font-weight: 800;
}