/* G6M_BUNDLE_04 — 5 feuilles, ordre du document preserve */
/* ==== g6m-hide-user-arrow-v224.css ==== */
/* G6M hide empty postbit round button (.message-userArrow) */
/* --g6m-hide-user-arrow: V224b */

html body .message-cell--user .message-userArrow,
html body .message .message-userArrow,
html body .message .message-cell--user .message-userArrow,
html body .message-userArrow {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	background: none !important;
	box-shadow: none !important;
	position: absolute !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
}

html body .message-cell--user .message-userArrow::before,
html body .message-cell--user .message-userArrow::after,
html body .message .message-userArrow::before,
html body .message .message-userArrow::after,
html body .message .message-cell--user .message-userArrow::before,
html body .message .message-cell--user .message-userArrow::after,
html body .message-userArrow::before,
html body .message-userArrow::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
}

/* ==== g6m-logo-hover-v208.css ==== */
/* G6M_LOGO_HOVER_V208
   Match site homepage logo hover on XenForo header.
   Appearance only — logo link/target unchanged.
*/

html body a.uix_logo .g6m-site-logo,
html body .p-header-logo a .g6m-site-logo,
html body .p-header .g6m-site-logo,
html body .p-nav-smallLogo .g6m-site-logo,
html body .p-nav .g6m-site-logo--compact {
	transition: transform 0.3s ease !important;
	transform-origin: center center !important;
	will-change: transform;
}

html body a.uix_logo:hover .g6m-site-logo,
html body a.uix_logo:focus-visible .g6m-site-logo,
html body .p-header-logo a:hover .g6m-site-logo,
html body .p-header-logo a:focus-visible .g6m-site-logo,
html body .p-nav-smallLogo a:hover .g6m-site-logo,
html body .p-nav-smallLogo a:focus-visible .g6m-site-logo,
html body a:hover .g6m-site-logo--compact,
html body a:focus-visible .g6m-site-logo--compact {
	transform: scale(1.03) !important;
}

@media (prefers-reduced-motion: reduce) {
	html body a.uix_logo .g6m-site-logo,
	html body .p-header-logo a .g6m-site-logo,
	html body .p-header .g6m-site-logo,
	html body .p-nav-smallLogo .g6m-site-logo,
	html body .p-nav .g6m-site-logo--compact,
	html body a.uix_logo:hover .g6m-site-logo,
	html body .p-header-logo a:hover .g6m-site-logo,
	html body a:hover .g6m-site-logo--compact {
		transition: none !important;
		transform: none !important;
	}
}

html {
	--g6m-logo-hover: V208;
}

/* END G6M_LOGO_HOVER_V208 */

/* ==== g6m-member-tooltip-layout-v126.css ==== */
/* G6M_MEMBER_TOOLTIP_LAYOUT_V126 — pill admin title + 2-col stats */

/* —— Administrateur / userTitle: less square, pill shape —— */
html body .memberTooltip .userTitle,
html body .tooltip--member .userTitle,
html body .memberTooltip .memberTooltip-header .userTitle,
html body .memberTooltip:has(.username--admin) .userTitle,
html body .memberTooltip:has(.username--style3) .userTitle,
html body .memberTooltip:has(.username--styleAdmin) .userTitle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35em !important;
	padding: 0.28rem 0.85rem !important;
	border-radius: 999px !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	line-height: 1.25 !important;
	box-shadow:
		0 0 16px rgba(255, 11, 139, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* —— Stats: force 2 columns (pairJustifier is the real grid parent) —— */
html body .memberTooltip-stats,
html body .tooltip--member .memberTooltip-stats {
	display: block !important;
	padding: 0.75rem 0.9rem 0.85rem !important;
}

html body .memberTooltip-stats .pairJustifier,
html body .tooltip--member .memberTooltip-stats .pairJustifier,
html body .memberTooltip .pairJustifier {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.5rem 0.55rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .memberTooltip-stats .pairs,
html body .memberTooltip-stats .pairs.pairs--rows,
html body .memberTooltip-stats .pairs.pairs--rows--centered,
html body .memberTooltip .pairJustifier > .pairs {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0.55rem 0.45rem !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, 0.045) !important;
	border: 1px solid rgba(141, 56, 255, 0.18) !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

html body .memberTooltip-stats .pairs > dt,
html body .memberTooltip .pairJustifier > .pairs > dt {
	float: none !important;
	width: auto !important;
	margin: 0 0 0.2rem !important;
	padding: 0 !important;
	color: rgba(170, 170, 190, 0.95) !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.07em !important;
	line-height: 1.2 !important;
}

html body .memberTooltip-stats .pairs > dd,
html body .memberTooltip .pairJustifier > .pairs > dd {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	font-family: Rajdhani, Inter, system-ui, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	word-break: break-word !important;
}

/* Odd last cell (6th with 2 cols) can span full width for balance — keep in grid as normal */
@media (max-width: 360px) {
	html body .memberTooltip-stats .pairJustifier,
	html body .memberTooltip .pairJustifier {
		grid-template-columns: 1fr !important;
	}
}

/* END G6M_MEMBER_TOOLTIP_LAYOUT_V126 */

/* ==== g6m-message-layout-v215.css ==== */
/* G6M_MESSAGE_LAYOUT_V215
   Root-cause fix: message profile column overlapping content / quick-reply.
   Native XF 2.3 uses flex on .message-inner; G6M V86b clamped the user
   column too narrow while the postbit card used overflow:visible + glow.
   This file restores a clean two-column layout (Grid preferred + flex fallback)
   with an integrated vertical separator. No negative margins / absolute hacks.
   END G6M_MESSAGE_LAYOUT_V215 */

html body {
	--g6m-msg-user-col: 270px; /* within 260–280px */
	--g6m-msg-sep: rgba(141, 56, 255, 0.28);
	--g6m-msg-sep-soft: rgba(255, 255, 255, 0.06);
}

/* —— Desktop / tablet: two independent columns —— */
@media (min-width: 651px) {

	/* Prefer CSS Grid on the message row (posts + quick-reply) */
	html body .message-inner,
	html body .message--post .message-inner,
	html body .message--simple .message-inner,
	html body .message.message--quickReply .message-inner,
	html body form.js-quickReply .message-inner,
	html body .block--messages .message-inner {
		display: grid !important;
		grid-template-columns: var(--g6m-msg-user-col) minmax(0, 1fr) !important;
		grid-template-rows: auto !important;
		align-items: stretch !important;
		column-gap: 0 !important;
		row-gap: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		/* kill any leftover flex quirks from older packs */
		flex-wrap: nowrap !important;
	}

	/* Left column: profile — fixed track, never overlaps main */
	html body .message-cell.message-cell--user,
	html body .message--post .message-cell--user,
	html body .message.message--quickReply .message-cell--user,
	html body form.js-quickReply .message-cell--user {
		grid-column: 1 !important;
		grid-row: 1 !important;
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		flex: none !important;
		float: none !important;
		position: relative !important;
		z-index: 1 !important;
		box-sizing: border-box !important;
		overflow: hidden !important; /* contain avatar glow / card shadow */
		margin: 0 !important;
		/* Integrated vertical separator on the right edge of the profile column */
		border-right: 1px solid var(--g6m-msg-sep) !important;
		box-shadow: inset -1px 0 0 var(--g6m-msg-sep-soft) !important;
		padding: 0.75rem 0.85rem !important;
		background: transparent !important;
		vertical-align: top !important;
	}

	/* Right column: content / editor — starts AFTER profile */
	html body .message-cell.message-cell--main,
	html body .message--post .message-cell--main,
	html body .message.message--quickReply .message-cell--main,
	html body form.js-quickReply .message-cell--main {
		grid-column: 2 !important;
		grid-row: 1 !important;
		display: block !important;
		width: auto !important;
		min-width: 0 !important; /* critical: allow shrink without underlap */
		max-width: none !important;
		flex: none !important;
		float: none !important;
		position: relative !important;
		z-index: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		margin: 0 !important;
		padding-left: 1rem !important;
		border-left: 0 !important; /* separator lives on user cell */
	}

	/* Profile card must fit inside the column track */
	html body .message-cell--user .message-user,
	html body .message-cell--user .uix_messagePostBitWrapper {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	/* Soften avatar rings so they stay inside the column (no sideways smear) */
	html body .message-cell--user .message-avatar-wrapper,
	html body .message-cell--user .message-avatar {
		max-width: 100% !important;
		overflow: visible !important;
	}

	html body .message-cell--user .message-avatar .avatar,
	html body .message-cell--user .message-avatar-wrapper .avatar {
		max-width: 100% !important;
	}

	/* XF speech-bubble caret: hidden (empty round chrome under postbit card) */
	html body .message-cell--user .message-userArrow,
	html body .message .message-cell--user .message-userArrow {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* Quick-reply / editor: same grid, toolbar never under profile */
	html body .message.message--quickReply,
	html body form.js-quickReply .message {
		overflow: visible !important;
	}

	html body .message.message--quickReply .message-cell--main .fr-box,
	html body .message.message--quickReply .message-cell--main .fr-toolbar,
	html body .message.message--quickReply .message-cell--main .editorToolbar,
	html body form.js-quickReply .message-cell--main .fr-box,
	html body form.js-quickReply .message-cell--main .fr-toolbar,
	html body .message-cell--main .bbWrapper,
	html body .message-cell--main .message-content,
	html body .message-cell--main .message-body {
		position: relative !important;
		z-index: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Neutralize V86 / V86b / V103 width clamps (source of undersized column) */
	html body .message-cell.message-cell--user,
	html body .message--post .message-cell--user,
	html body .message-user {
		min-width: 0 !important;
	}
}

/* —— Narrow tablet: slightly tighter column —— */
@media (min-width: 651px) and (max-width: 980px) {
	html body {
		--g6m-msg-user-col: 248px;
	}

	html body .message-cell.message-cell--user,
	html body .message--post .message-cell--user,
	html body .message.message--quickReply .message-cell--user {
		padding: 0.55rem 0.55rem !important;
	}

	html body .message-cell.message-cell--main,
	html body .message.message--quickReply .message-cell--main {
		padding-left: 0.75rem !important;
	}
}

/* —— Mobile: stacked columns, separator becomes horizontal —— */
@media (max-width: 650px) {
	html body .message-inner,
	html body .message--post .message-inner,
	html body .message.message--quickReply .message-inner,
	html body form.js-quickReply .message-inner {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		width: 100% !important;
	}

	html body .message-cell.message-cell--user,
	html body .message--post .message-cell--user,
	html body .message.message--quickReply .message-cell--user {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		flex: 0 0 auto !important;
		border-right: 0 !important;
		box-shadow: none !important;
		border-bottom: 1px solid var(--g6m-msg-sep) !important;
		padding: 0.55rem 0.45rem !important;
		overflow: visible !important;
	}

	html body .message-cell.message-cell--main,
	html body .message.message--quickReply .message-cell--main {
		width: 100% !important;
		min-width: 0 !important;
		flex: 1 1 auto !important;
		padding-left: 0.55rem !important;
		padding-right: 0.55rem !important;
	}
}

html {
	--g6m-message-layout: V215;
}

/* ==== g6m-message-post-polish-v128.css ==== */
/* G6M_MESSAGE_POST_POLISH_V128 — readable whites + modern post meta/badges */

/* —— Links in post body: no more dark purple on dark —— */
html body .message-body a,
html body .message-content a,
html body .bbWrapper a,
html body .message-body .bbWrapper a,
html body .message-userContent a,
html body article.message .bbWrapper a,
html body .message--post .message-body a {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(255, 11, 139, 0.55) !important;
	text-underline-offset: 0.18em !important;
	font-weight: 600 !important;
	transition: color 0.15s ease, text-decoration-color 0.15s ease !important;
}
html body .message-body a:hover,
html body .bbWrapper a:hover,
html body .message-content a:hover {
	color: #ff7ec8 !important;
	-webkit-text-fill-color: #ff7ec8 !important;
	text-decoration-color: #ff0b8b !important;
}

/* —— Attribution date (Hier à 20:33) —— */
html body .message-attribution,
html body .message-attribution-main,
html body .message-attribution-main a,
html body .message-attribution-opposite,
html body .message-attribution-opposite a,
html body .message-attribution .u-concealed,
html body .message-attribution time,
html body .message .message-attribution a.u-concealed {
	color: rgba(235, 235, 245, 0.88) !important;
	-webkit-text-fill-color: rgba(235, 235, 245, 0.88) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
}
html body .message-attribution-main a:hover,
html body .message-attribution-opposite a:hover {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* —— Share / bookmark / #1 —— */
html body .message-attribution-opposite,
html body .message-attribution-opposite .message-attribution-gadget,
html body .message-attribution-opposite a,
html body .message-attribution-opposite .bookmarkLink,
html body .message-attribution-opposite .shareButtons,
html body .message-attribution-opposite .message-newIndicator {
	color: rgba(235, 235, 245, 0.9) !important;
	-webkit-text-fill-color: rgba(235, 235, 245, 0.9) !important;
}
html body .message-attribution-opposite a:hover,
html body .message-attribution-opposite .bookmarkLink:hover {
	color: #ff0b8b !important;
	-webkit-text-fill-color: #ff0b8b !important;
}

/* —— Action bar: Répondre / Signaler / Éditer —— */
html body .message-footer .actionBar-action,
html body .message-actionBar .actionBar-action,
html body .actionBar-action,
html body .actionBar-action--reply,
html body a.actionBar-action {
	color: rgba(245, 245, 250, 0.92) !important;
	-webkit-text-fill-color: rgba(245, 245, 250, 0.92) !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}
html body .message-footer .actionBar-action:hover,
html body .actionBar-action:hover,
html body .actionBar-action--reply:hover {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
html body .actionBar-action--reply {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.35rem !important;
	padding: 0.35rem 0.75rem !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
html body .actionBar-action--reply:hover {
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.35), rgba(141, 56, 255, 0.35)) !important;
	border-color: rgba(255, 11, 139, 0.55) !important;
}

/* —— Postbit badges: pill, less square —— */
html body .message-cell--user .userBanner,
html body .message-cell--user .message-userBanner,
html body .message-userDetails .userBanner,
html body .message-userDetails .message-userBanner,
html body .message-userTitle,
html body .userTitle.message-userTitle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 999px !important;
	padding: 0.28rem 0.75rem !important;
	font-family: Rajdhani, Inter, system-ui, sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html body .message-cell--user .userBanner--staff,
html body .message-userDetails .userBanner--staff {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, rgba(141, 56, 255, 0.95), rgba(90, 30, 180, 0.95)) !important;
	border: 1px solid rgba(200, 160, 255, 0.45) !important;
}

html body .message-cell--user .userBanner--g6mAdmin,
html body .message-userDetails .userBanner--g6mAdmin,
html body .message-cell--user .userBanner[class*="Admin"] {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, #ff0b8b 0%, #8d38ff 52%, #00d7ff 100%) !important;
	border: 1px solid rgba(255, 11, 139, 0.55) !important;
}

html body .message-cell--user .userBanner--g6mModerator,
html body .message-userDetails .userBanner--g6mModerator {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, #b14cff, #6a28c8) !important;
	border: 1px solid rgba(177, 76, 255, 0.55) !important;
}

/* Admin userTitle under username */
html body .message-userDetails .userTitle,
html body .message-userTitle {
	border-radius: 999px !important;
	padding: 0.28rem 0.8rem !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* Expand chevron under postbit */
html body .message-userArrow,
html body .message .message-userArrow {
	opacity: 0.85 !important;
}

/* END G6M_MESSAGE_POST_POLISH_V128 */