/* G6M_BUNDLE_01 — 6 feuilles, ordre du document preserve */
/* ==== g6m-title-cta-left-v164.css ==== */
/* G6M_TITLE_CTA_LEFT_V164
   Keep forum/category title + description centered (as approved).
   Put "Créer un sujet" (pageAction) on the LEFT — fully visible, pro pill. */

html body[data-template="forum_view"] .p-body-header,
html body[data-template="category_view"] .p-body-header,
html body.template-forum_view .p-body-header,
html body.template-category_view .p-body-header {
	position: relative !important;
	overflow: visible !important;
}

html body[data-template="forum_view"] .p-body-header .pageContent,
html body[data-template="category_view"] .p-body-header .pageContent,
html body.template-forum_view .p-body-header .pageContent,
html body.template-category_view .p-body-header .pageContent {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	text-align: center !important;
	padding: 0.85rem 1.35rem !important;
	padding-left: 11.5rem !important; /* room for left CTA */
	padding-right: 1.35rem !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	min-height: 4.25rem !important;
}

/* Title + description stay centered */
html body[data-template="forum_view"] .p-body-header .uix_headerInner:not(.uix_headerInner--opposite),
html body[data-template="category_view"] .p-body-header .uix_headerInner:not(.uix_headerInner--opposite),
html body.template-forum_view .p-body-header .uix_headerInner:not(.uix_headerInner--opposite),
html body.template-category_view .p-body-header .uix_headerInner:not(.uix_headerInner--opposite) {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	margin: 0 auto !important;
	position: static !important;
	transform: none !important;
	order: unset !important;
	float: none !important;
}

html body[data-template="forum_view"] .p-body-header .p-title,
html body[data-template="category_view"] .p-body-header .p-title,
html body.template-forum_view .p-body-header .p-title,
html body.template-category_view .p-body-header .p-title {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: center !important;
	position: relative !important;
	min-height: 0 !important;
}

html body[data-template="forum_view"] .p-body-header .p-title-value,
html body[data-template="category_view"] .p-body-header .p-title-value,
html body.template-forum_view .p-body-header .p-title-value,
html body.template-category_view .p-body-header .p-title-value {
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 0.5rem !important;
	text-align: center !important;
	float: none !important;
	position: static !important;
	transform: none !important;
}

html body[data-template="forum_view"] .p-body-header .p-description,
html body[data-template="category_view"] .p-body-header .p-description,
html body.template-forum_view .p-body-header .p-description,
html body.template-category_view .p-body-header .p-description {
	display: block !important;
	width: 100% !important;
	max-width: 40rem !important;
	margin: 0.35rem auto 0 !important;
	padding: 0 0.5rem !important;
	text-align: center !important;
	float: none !important;
	position: static !important;
	transform: none !important;
}

/* CTA absolute LEFT — never clipped right/bottom */
html body[data-template="forum_view"] .p-body-header .uix_headerInner--opposite,
html body[data-template="category_view"] .p-body-header .uix_headerInner--opposite,
html body.template-forum_view .p-body-header .uix_headerInner--opposite,
html body.template-category_view .p-body-header .uix_headerInner--opposite,
html body[data-template="forum_view"] .p-body-header .p-title-pageAction,
html body[data-template="category_view"] .p-body-header .p-title-pageAction,
html body.template-forum_view .p-body-header .p-title-pageAction,
html body.template-category_view .p-body-header .p-title-pageAction,
html body[data-template="forum_view"] .p-body-header .p-title .p-title-pageAction,
html body[data-template="category_view"] .p-body-header .p-title .p-title-pageAction {
	position: absolute !important;
	top: 50% !important;
	left: 1.15rem !important;
	right: auto !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.5rem !important;
	float: none !important;
	order: unset !important;
	z-index: 5 !important;
	overflow: visible !important;
}

/* Pro pill button */
html body[data-template="forum_view"] .p-body-header .p-title-pageAction .button,
html body[data-template="category_view"] .p-body-header .p-title-pageAction .button,
html body.template-forum_view .p-body-header .p-title-pageAction .button,
html body.template-category_view .p-body-header .p-title-pageAction .button,
html body[data-template="forum_view"] .p-body-header .uix_headerInner--opposite .button,
html body[data-template="category_view"] .p-body-header .uix_headerInner--opposite .button,
html body.template-forum_view .p-body-header .uix_headerInner--opposite .button,
html body.template-category_view .p-body-header .uix_headerInner--opposite .button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	min-height: 2.55rem !important;
	padding: 0.55rem 1.15rem !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: linear-gradient(110deg, #ff0b8b 0%, #b43dff 55%, #6a2bff 100%) !important;
	box-shadow:
		0 8px 22px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
	font-family: Rajdhani, Orbitron, sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	white-space: nowrap !important;
	overflow: visible !important;
	max-width: none !important;
	text-overflow: clip !important;
	transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease !important;
}

html body[data-template="forum_view"] .p-body-header .p-title-pageAction .button:hover,
html body[data-template="category_view"] .p-body-header .p-title-pageAction .button:hover,
html body[data-template="forum_view"] .p-body-header .uix_headerInner--opposite .button:hover,
html body[data-template="category_view"] .p-body-header .uix_headerInner--opposite .button:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.06) !important;
	box-shadow:
		0 12px 28px rgba(255, 11, 139, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

@media (max-width: 900px) {
	html body[data-template="forum_view"] .p-body-header .pageContent,
	html body[data-template="category_view"] .p-body-header .pageContent,
	html body.template-forum_view .p-body-header .pageContent,
	html body.template-category_view .p-body-header .pageContent {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		text-align: center !important;
	}

	html body[data-template="forum_view"] .p-body-header .uix_headerInner--opposite,
	html body[data-template="category_view"] .p-body-header .uix_headerInner--opposite,
	html body[data-template="forum_view"] .p-body-header .p-title-pageAction,
	html body[data-template="category_view"] .p-body-header .p-title-pageAction {
		position: static !important;
		transform: none !important;
		justify-content: center !important;
		margin: 0 auto 0.75rem !important;
		width: 100% !important;
	}

	html body[data-template="forum_view"] .p-body-header .p-title-pageAction .button,
	html body[data-template="category_view"] .p-body-header .p-title-pageAction .button {
		width: auto !important;
		max-width: 100% !important;
	}
}

/* —— forum_list: keep CTAs left (title hidden) —— */
html body[data-template="forum_list"] .p-body-header .pageContent,
html body.template-forum_list .p-body-header .pageContent {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
	overflow: visible !important;
}

html body[data-template="forum_list"] .p-body-header .uix_headerInner--opposite,
html body.template-forum_list .p-body-header .uix_headerInner--opposite,
html body[data-template="forum_list"] .p-body-header .p-title-pageAction,
html body.template-forum_list .p-body-header .p-title-pageAction {
	position: static !important;
	transform: none !important;
	order: 1 !important;
	margin: 0 !important;
	justify-content: flex-start !important;
}

html body[data-template="forum_list"] .p-body-header .p-title-pageAction .button,
html body.template-forum_list .p-body-header .p-title-pageAction .button,
html body[data-template="forum_list"] .p-body-header .uix_headerInner--opposite .button,
html body.template-forum_list .p-body-header .uix_headerInner--opposite .button {
	border-radius: 999px !important;
	min-height: 2.55rem !important;
	padding: 0.55rem 1.15rem !important;
	background: linear-gradient(110deg, #ff0b8b 0%, #b43dff 55%, #6a2bff 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	box-shadow:
		0 8px 22px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
	font-family: Rajdhani, Orbitron, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

/* END G6M_TITLE_CTA_LEFT_V164 */

/* ==== g6m-breaking-news-v105.css ==== */
/* G6M_BREAKING_NEWS_V105
   Premium TV-style Breaking News ticker above Siropu Chat. */

.g6m-breaking-news {
	--g6m-bn-h: 50px;
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	height: var(--g6m-bn-h);
	margin: 0 0 0.85rem;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid rgba(255, 0, 180, 0.35);
	background: linear-gradient(105deg, #1b0f22 0%, #2a1236 48%, #120d18 100%);
	box-shadow:
		0 0 25px rgba(255, 0, 180, 0.2),
		0 10px 28px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	isolation: isolate;
	z-index: 5;
}

.g6m-breaking-news::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.07;
	background: repeating-linear-gradient(
		0deg,
		transparent 0,
		transparent 2px,
		rgba(255, 255, 255, 0.045) 2px,
		rgba(255, 255, 255, 0.045) 3px
	);
	z-index: 3;
}

.g6m-breaking-news__badge {
	position: relative;
	z-index: 4;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0 1.05rem;
	min-width: 10.5rem;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 12px rgba(255, 255, 255, 0.35);
	background: linear-gradient(135deg, #3a0a58 0%, #c4004a 42%, #ff6a00 100%);
	box-shadow:
		4px 0 18px rgba(255, 0, 60, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
	animation: g6m-bn-pulse 2.2s ease-in-out infinite;
	white-space: nowrap;
}

.g6m-breaking-news__viewport {
	position: relative;
	z-index: 2;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 18px), transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 18px), transparent 100%);
}

.g6m-breaking-news__track {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: max-content;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	animation: g6m-bn-marquee 65s linear infinite;
}

.g6m-breaking-news:hover .g6m-breaking-news__track,
.g6m-breaking-news.is-paused .g6m-breaking-news__track {
	animation-play-state: paused;
}

.g6m-breaking-news__group {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
}

.g6m-breaking-news__item {
	display: inline-flex;
	align-items: center;
	padding: 0 1.75rem;
	font-family: Inter, Rajdhani, "Segoe UI", sans-serif;
	font-size: 0.86rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: rgba(245, 240, 255, 0.94);
	text-shadow: 0 0 14px rgba(255, 11, 139, 0.22);
	white-space: nowrap;
	line-height: 1.2;
}

.g6m-breaking-news__item::after {
	content: "•";
	margin-left: 1.75rem;
	color: rgba(255, 0, 180, 0.65);
	font-weight: 700;
	text-shadow: 0 0 10px rgba(255, 0, 180, 0.45);
}

.g6m-breaking-news__shine {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -35%;
	width: 28%;
	z-index: 4;
	pointer-events: none;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(255, 255, 255, 0.03) 35%,
		rgba(255, 255, 255, 0.14) 50%,
		rgba(255, 255, 255, 0.03) 65%,
		transparent 100%
	);
	animation: g6m-bn-shine 8s ease-in-out infinite;
	mix-blend-mode: screen;
}

@keyframes g6m-bn-marquee {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}

@keyframes g6m-bn-pulse {
	0%, 100% {
		filter: brightness(1);
		box-shadow: 4px 0 18px rgba(255, 0, 60, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
	50% {
		filter: brightness(1.08);
		box-shadow: 4px 0 26px rgba(255, 80, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	}
}

@keyframes g6m-bn-shine {
	0%, 12% { transform: translate3d(0, 0, 0); opacity: 0; }
	18% { opacity: 1; }
	55% { transform: translate3d(420%, 0, 0); opacity: 0.85; }
	70%, 100% { transform: translate3d(420%, 0, 0); opacity: 0; }
}

@media (max-width: 900px) {
	.g6m-breaking-news {
		--g6m-bn-h: 44px;
		border-radius: 12px;
		margin-bottom: 0.7rem;
	}

	.g6m-breaking-news__badge {
		min-width: 8.5rem;
		padding: 0 0.75rem;
		font-size: 0.68rem;
		letter-spacing: 0.08em;
	}

	.g6m-breaking-news__item {
		font-size: 0.78rem;
		padding: 0 1.25rem;
	}

	.g6m-breaking-news__item::after {
		margin-left: 1.25rem;
	}

	.g6m-breaking-news__track {
		animation-duration: 55s;
	}
}

@media (max-width: 560px) {
	.g6m-breaking-news {
		--g6m-bn-h: 40px;
	}

	.g6m-breaking-news__badge {
		min-width: 0;
		padding: 0 0.55rem;
		font-size: 0.62rem;
	}

	.g6m-breaking-news__item {
		font-size: 0.72rem;
		padding: 0 1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.g6m-breaking-news__track,
	.g6m-breaking-news__badge,
	.g6m-breaking-news__shine {
		animation: none !important;
	}

	.g6m-breaking-news__track {
		transform: none !important;
		flex-wrap: wrap;
		width: 100%;
		justify-content: flex-start;
		overflow: hidden;
		max-height: var(--g6m-bn-h);
	}
}

/* END G6M_BREAKING_NEWS_V105 */

/* ==== g6m-breaking-siren-v148.css ==== */
/* G6M_BREAKING_SIREN_V148
   Make Breaking News 🚨 readable (was red-on-red). */

html body .g6m-breaking-news__badge {
	gap: 0.5rem !important;
	background: linear-gradient(135deg, #3a0a58 0%, #c4004a 42%, #ff6a00 100%) !important;
}

html body .g6m-breaking-news__siren {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 1.55rem !important;
	height: 1.55rem !important;
	margin-right: 0.1rem !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.97) !important;
	box-shadow:
		0 0 0 1.5px rgba(255, 255, 255, 0.95),
		0 0 10px rgba(255, 255, 255, 0.65),
		0 2px 6px rgba(0, 0, 0, 0.35) !important;
	font-size: 0.95rem !important;
	line-height: 1 !important;
	filter: none !important;
	text-shadow: none !important;
	transform: translateZ(0) !important;
}

/* Fallback if template not yet updated (emoji still bare in badge) */
html body .g6m-breaking-news__badge:not(:has(.g6m-breaking-news__siren)) {
	text-shadow:
		0 0 2px #fff,
		0 0 6px #fff,
		0 1px 2px rgba(0, 0, 0, 0.85) !important;
}

/* END G6M_BREAKING_SIREN_V148 */

/* ==== g6m-hide-search-settings-v203.css ==== */
/* G6M_HIDE_SEARCH_SETTINGS_V203
   Hide ThemeHouse search-settings cog (fa-cog / uix_search--settings)
   Safety net — primary fix is template removal in PAGE_CONTAINER.
*/
html body a.uix_search--settings,
html body .uix_search--settings,
html body a.uix_search--settings.u-ripple,
html body .uix_searchBar a.uix_search--settings,
html body .uix_searchForm a.uix_search--settings,
html body .p-nav a.uix_search--settings,
html body .p-nav-opposite a.uix_search--settings,
html body .p-header a.uix_search--settings,
html body .uix_headerContent a.uix_search--settings,
html body .p-nav-inner > a.uix_search--settings,
html body a.uix_search--settings[href*="search"],
html body .p-nav a[href$="/search/"][aria-haspopup="true"]:has(.fa-cog),
html body .p-nav-opposite a[href$="/search/"][aria-haspopup="true"]:has(.fa-cog),
html body .p-nav a[href*="/search"][aria-haspopup="true"]:has(.fa-cog),
html body .p-nav-opposite a[href*="/search"][aria-haspopup="true"]:has(.fa-cog) {
	display: none !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	overflow: hidden !important;
	position: absolute !important;
	left: -99999px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
}

/* END G6M_HIDE_SEARCH_SETTINGS_V203 */

/* ==== g6m-hide-forum-list-title-v160.css ==== */
/* G6M_HIDE_FORUM_LIST_TITLE_V160
   Hide "Liste des forums" page title on forum index. */

html body[data-template="forum_list"] .p-body-header .p-title-value,
html body.template-forum_list .p-body-header .p-title-value,
html body[data-template="forum_list"] .p-body-header h1.p-title-value,
html body.template-forum_list .p-body-header h1.p-title-value {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* Keep header compact: only CTAs remain */
html body[data-template="forum_list"] .p-body-header .uix_headerInner:not(.uix_headerInner--opposite),
html body.template-forum_list .p-body-header .uix_headerInner:not(.uix_headerInner--opposite) {
	flex: 0 0 auto !important;
	min-width: 0 !important;
	width: auto !important;
}

html body[data-template="forum_list"] .p-body-header .p-title,
html body.template-forum_list .p-body-header .p-title {
	min-height: 0 !important;
}

/* END G6M_HIDE_FORUM_LIST_TITLE_V160 */

/* ==== g6m-account-forms-v211.css ==== */
/* ============================================================
   G6M_ACCOUNT_FORMS_V211 — Account panel typography + Afficher
   Premium neon forms (Discord / Steam / Rockstar-inspired)
   ============================================================ */

html {
	--g6m-account-forms: V211b;
	--g6m-fs-title: 20px;
	--g6m-fs-subtitle: 15px;
	--g6m-fs-body: 14px;
	--g6m-fs-label: 14px;
	--g6m-fs-secondary: 13px;
	--g6m-fs-desc: 12px;
	--g6m-fs-tiny: 11px;
	--g6m-input-h: 42px;
	--g6m-radius: 11px;
	--g6m-pink: #ff0b8b;
	--g6m-violet: #8d38ff;
}

/* —— Scope: all account templates + password overlays —— */
html[class*="template-account"] .p-body-pageContent,
html body[data-template^="account"] .p-body-pageContent,
.template-account .p-body-pageContent {
	font-size: var(--g6m-fs-body) !important;
	line-height: 1.45 !important;
	color: #ececf4 !important;
}

/* Titles — beat global clamp(1.55rem…2.1rem) rules */
html[class*="template-account"] .p-title-value,
html[class*="template-account"] .block-header,
html[class*="template-account"] .p-body-header .p-title-value,
html[class*="template-account"] .p-pageWrapper .p-body-header .p-title-value,
html body[data-template^="account"] .p-title-value,
html body[data-template^="account"] .block-header,
html body[data-template^="account"] .p-body-header .p-title-value,
html body[data-template^="account"] .p-pageWrapper .p-body-header .p-title-value,
html body[data-template^="account"] h1.p-title-value {
	font-size: var(--g6m-fs-title) !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
}

html[class*="template-account"] .block-minorHeader,
html[class*="template-account"] .block-formSectionHeader,
html body[data-template^="account"] .block-minorHeader {
	font-size: var(--g6m-fs-subtitle) !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
}

/* Labels */
html[class*="template-account"] .formRow > dt,
html[class*="template-account"] .formRow-label,
html[class*="template-account"] .formRow-label label,
html[class*="template-account"] .formRow dt,
html body[data-template^="account"] .formRow > dt,
html body[data-template^="account"] .formRow-label {
	font-size: var(--g6m-fs-label) !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	opacity: 1 !important;
}

/* Body / values */
html[class*="template-account"] .formRow > dd,
html[class*="template-account"] .formRow-main,
html[class*="template-account"] .inputChoices-label,
html[class*="template-account"] label.iconic > span,
html body[data-template^="account"] .formRow > dd {
	font-size: var(--g6m-fs-body) !important;
	line-height: 1.45 !important;
	color: #ececf4 !important;
}

/* Descriptions / help / muted — MUST stay secondary (was 1.3rem≈21px) */
html[class*="template-account"] .formRow-explain,
html[class*="template-account"] .formRow-hint,
html[class*="template-account"] .formRow-desc,
html[class*="template-account"] .formHint,
html[class*="template-account"] .inputChoices-explain,
html[class*="template-account"] .u-muted,
html[class*="template-account"] .formRow dd .u-muted,
html[class*="template-account"] .block-row.block-row--minor,
html[class*="template-account"] .formRow dd > .formHint,
html[class*="template-account"] .formRow dd > p,
html[class*="template-account"] .formRow dd .explain,
html body[data-template^="account"] .formRow-explain,
html body[data-template^="account"] .formRow-hint,
html body[data-template^="account"] .formHint,
html body[data-template^="account"] .inputChoices-explain,
html body[data-template^="account"] .u-muted {
	font-size: var(--g6m-fs-desc) !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	color: #a8a8bc !important;
	-webkit-text-fill-color: #a8a8bc !important;
	opacity: 1 !important;
	margin-top: 0.35rem !important;
}

html[class*="template-account"] .formRow-explain a,
html body[data-template^="account"] .formRow-explain a {
	font-size: inherit !important;
}

/* Passkeys / section intros (formInfoRow was still 16px) */
html[class*="template-account"] .formInfoRow,
html[class*="template-account"] .formInfoRow.formInfoRow--close,
html[class*="template-account"] .block-body > .formInfoRow,
html body[data-template^="account"] .formInfoRow,
html body[data-template^="account"] .formInfoRow.formInfoRow--close {
	font-size: var(--g6m-fs-desc) !important;
	line-height: 1.45 !important;
	font-weight: 400 !important;
	color: #a8a8bc !important;
	-webkit-text-fill-color: #a8a8bc !important;
}

/* Tiny meta */
html[class*="template-account"] .formRow-hint-featured,
html[class*="template-account"] .block-footer,
html[class*="template-account"] .formSubmitRow-explain {
	font-size: var(--g6m-fs-tiny) !important;
	line-height: 1.35 !important;
	color: #9494a8 !important;
}

/* Side nav */
html[class*="template-account"] .sideNav .block-header,
html[class*="template-account"] .p-body-sideNav .block-minorHeader {
	font-size: var(--g6m-fs-tiny) !important;
	letter-spacing: 0.08em !important;
}

html[class*="template-account"] .sideNav a,
html[class*="template-account"] .p-body-sideNav a.blockLink,
html[class*="template-account"] .sideNav .blockLink {
	font-size: var(--g6m-fs-secondary) !important;
	line-height: 1.3 !important;
}

/* —— Uniform form spacing —— */
html[class*="template-account"] .formRow,
html body[data-template^="account"] .formRow {
	padding: 0.85rem 0 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

html[class*="template-account"] .formRow > dt,
html[class*="template-account"] .formRow > dd {
	padding-top: 0.15rem !important;
	padding-bottom: 0.15rem !important;
}

/* Inputs — consistent height */
html[class*="template-account"] .input,
html[class*="template-account"] input.input,
html[class*="template-account"] select.input,
html[class*="template-account"] textarea.input,
html body[data-template^="account"] .input,
html body[data-template^="account"] input.input,
html body[data-template^="account"] select.input {
	font-size: var(--g6m-fs-body) !important;
	line-height: 1.35 !important;
	min-height: var(--g6m-input-h) !important;
	height: auto !important;
	padding: 0.55rem 0.85rem !important;
	border-radius: var(--g6m-radius) !important;
	background: rgba(8, 8, 12, 0.92) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: #ffffff !important;
	box-sizing: border-box !important;
}

html[class*="template-account"] textarea.input,
html body[data-template^="account"] textarea.input {
	min-height: 7rem !important;
	height: auto !important;
}

html[class*="template-account"] .input:focus,
html body[data-template^="account"] .input:focus {
	border-color: rgba(0, 215, 255, 0.55) !important;
	box-shadow: 0 0 0 2px rgba(0, 215, 255, 0.18) !important;
	outline: none !important;
}

/* Secondary / link buttons (Modifié, Éditer bannière…) */
html[class*="template-account"] .button.button--link,
html[class*="template-account"] a.button.button--link,
html[class*="template-account"] .button:not(.button--primary):not(.button--cta),
html body[data-template^="account"] .button.button--link {
	min-height: 2.25rem !important;
	padding: 0.4rem 0.9rem !important;
	font-size: var(--g6m-fs-secondary) !important;
	font-weight: 700 !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 0, 170, 0.28) !important;
	color: #f0f0f6 !important;
	-webkit-text-fill-color: #f0f0f6 !important;
	box-shadow: none !important;
	transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease !important;
}

html[class*="template-account"] .button.button--link:hover,
html[class*="template-account"] a.button.button--link:hover,
html body[data-template^="account"] .button.button--link:hover {
	background: linear-gradient(135deg, rgba(141, 56, 255, 0.35), rgba(255, 11, 139, 0.35)) !important;
	border-color: rgba(255, 0, 170, 0.5) !important;
	box-shadow: 0 0 12px rgba(255, 0, 170, 0.22) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

html[class*="template-account"] .button.button--primary,
html[class*="template-account"] .formSubmitRow-controls .button--primary,
html body[data-template^="account"] .button.button--primary {
	min-height: 2.6rem !important;
	padding: 0.65rem 1.35rem !important;
	font-size: 15px !important;
	border-radius: 11px !important;
}

/* ============================================================
   Password Afficher / Masquer — premium neon toggle
   (account + global password_box fields)
   ============================================================ */

html[class*="template-account"] .inputGroup.inputGroup--joined,
html body[data-template^="account"] .inputGroup.inputGroup--joined,
html .overlay .inputGroup.inputGroup--joined {
	display: flex !important;
	align-items: stretch !important;
	gap: 0.4rem !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[class*="template-account"] .inputGroup.inputGroup--joined > .input,
html[class*="template-account"] .inputGroup.inputGroup--joined > .input.js-password,
html body[data-template^="account"] .inputGroup.inputGroup--joined > .input,
html .overlay .inputGroup.inputGroup--joined > .input {
	flex: 1 1 auto !important;
	min-height: var(--g6m-input-h) !important;
	border-radius: var(--g6m-radius) !important;
	margin: 0 !important;
}

html[class*="template-account"] .inputGroup.inputGroup--joined > .inputGroup-text,
html body[data-template^="account"] .inputGroup.inputGroup--joined > .inputGroup-text,
html .overlay .inputGroup.inputGroup--joined > .inputGroup-text {
	display: inline-flex !important;
	align-items: stretch !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	align-self: stretch !important;
}

/* Reset XF checkbox chrome around Afficher */
html[class*="template-account"] .inputGroup-text .inputChoices,
html[class*="template-account"] .inputGroup-text .inputChoices > li,
html body[data-template^="account"] .inputGroup-text .inputChoices,
html .overlay .inputGroup-text .inputChoices,
html .overlay .inputGroup-text .inputChoices > li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	align-items: stretch !important;
	height: 100% !important;
}

html[class*="template-account"] .iconic.iconic--hideShow,
html[class*="template-account"] label.js-hideShowContainer,
html body[data-template^="account"] .iconic.iconic--hideShow,
html body[data-template^="account"] label.js-hideShowContainer,
html .overlay .iconic.iconic--hideShow,
html .overlay label.js-hideShowContainer {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.4rem !important;
	height: var(--g6m-input-h) !important;
	min-height: var(--g6m-input-h) !important;
	min-width: 6.5rem !important;
	padding: 0 0.85rem !important;
	margin: 0 !important;
	border-radius: var(--g6m-radius) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 0, 170, 0.35) !important;
	box-shadow: 0 0 10px rgba(255, 0, 170, 0.12) !important;
	color: #e8e8f2 !important;
	cursor: pointer !important;
	user-select: none !important;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.12s ease,
		filter 0.2s ease !important;
}

html[class*="template-account"] .iconic.iconic--hideShow:hover,
html[class*="template-account"] label.js-hideShowContainer:hover,
html body[data-template^="account"] .iconic.iconic--hideShow:hover,
html .overlay .iconic.iconic--hideShow:hover {
	background: linear-gradient(135deg, rgba(141, 56, 255, 0.55), rgba(255, 11, 139, 0.55)) !important;
	border-color: rgba(255, 0, 170, 0.55) !important;
	box-shadow: 0 0 12px rgba(255, 0, 170, 0.25) !important;
	color: #ffffff !important;
	filter: brightness(1.05);
}

html[class*="template-account"] .iconic.iconic--hideShow:active,
html body[data-template^="account"] .iconic.iconic--hideShow:active,
html .overlay .iconic.iconic--hideShow:active {
	transform: scale(0.97) !important;
	box-shadow: 0 0 8px rgba(255, 0, 170, 0.35) inset, 0 0 10px rgba(255, 0, 170, 0.2) !important;
}

/* Hide native checkbox square */
html[class*="template-account"] .iconic.iconic--hideShow > input,
html body[data-template^="account"] .iconic.iconic--hideShow > input,
html .overlay .iconic.iconic--hideShow > input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Eye icon + label */
html[class*="template-account"] .iconic.iconic--hideShow > i,
html[class*="template-account"] .iconic.iconic--hideShow .fa--xf,
html body[data-template^="account"] .iconic.iconic--hideShow > i,
html .overlay .iconic.iconic--hideShow > i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
	opacity: 0.95 !important;
	color: inherit !important;
}

html[class*="template-account"] .iconic.iconic--hideShow .iconic-label,
html[class*="template-account"] .iconic.iconic--hideShow > span,
html body[data-template^="account"] .iconic.iconic--hideShow .iconic-label,
html .overlay .iconic.iconic--hideShow .iconic-label,
html .overlay .iconic.iconic--hideShow > span {
	font-size: var(--g6m-fs-secondary) !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
	line-height: 1 !important;
	padding: 0 !important;
}

/* Checked = Masquer state — slightly brighter */
html[class*="template-account"] .iconic.iconic--hideShow.is-checked,
html[class*="template-account"] .iconic.iconic--hideShow:has(input:checked),
html body[data-template^="account"] .iconic.iconic--hideShow:has(input:checked),
html .overlay .iconic.iconic--hideShow:has(input:checked) {
	background: linear-gradient(135deg, rgba(141, 56, 255, 0.4), rgba(255, 11, 139, 0.4)) !important;
	border-color: rgba(255, 0, 170, 0.45) !important;
}

/* Block messages on account */
html[class*="template-account"] .blockMessage,
html body[data-template^="account"] .blockMessage {
	font-size: var(--g6m-fs-secondary) !important;
	line-height: 1.45 !important;
}

/* ============================================================
   Forum-wide safety: form explains stay secondary (12–13px)
   Fixes UI.X rem inflation (fontSizeSmaller was 1.3rem ≈ 21px)
   ============================================================ */

html .formRow-explain,
html .formRow-hint,
html .formRow-desc,
html .formHint,
html .inputChoices-explain,
html .formRow dd .u-muted {
	font-size: 12.5px !important;
	line-height: 1.4 !important;
}

/* —— Responsive —— */
@media (max-width: 900px) {
	html[class*="template-account"] .formRow > dt,
	html[class*="template-account"] .formRow-label,
	html body[data-template^="account"] .formRow > dt {
		font-size: var(--g6m-fs-secondary) !important;
		margin-bottom: 0.25rem !important;
	}

	html[class*="template-account"] .iconic.iconic--hideShow,
	html body[data-template^="account"] .iconic.iconic--hideShow {
		min-width: 5.5rem !important;
		padding: 0 0.7rem !important;
	}
}

@media (max-width: 650px) {
	html[class*="template-account"] .p-title-value,
	html[class*="template-account"] .block-header {
		font-size: 18px !important;
	}

	html[class*="template-account"] .inputGroup.inputGroup--joined {
		flex-wrap: nowrap !important;
		gap: 0.35rem !important;
	}

	html[class*="template-account"] .iconic.iconic--hideShow .iconic-label,
	html[class*="template-account"] .iconic.iconic--hideShow > span {
		/* keep label; don't wrap awkwardly */
		white-space: nowrap !important;
	}

	html[class*="template-account"] .formRow-explain,
	html[class*="template-account"] .u-muted,
	html[class*="template-account"] .inputChoices-explain {
		font-size: 11.5px !important;
	}
}