/* SuperGame New Generation */
:root {
	--primary-color: #4a7abd;
	--primary-color-darker: #1f375b;
	--primary-color-lighter: #6ea1d2;
	--primary-color-xtralight: #ddf0ff;
	--text-color: var(--primary-color-darker);
	--primary-gradient: linear-gradient(to bottom, var(--primary-color-lighter), var(--primary-color));
	--secondary-gradient: var(--primary-gradient);
}

.supergamenoel {
	--primary-color: #419439;
	--primary-color-darker: #0c4407;
	--primary-color-lighter: #5dcd47;
	--primary-color-xtralight: #dcf1d7;
	--secondary-color: rgb(173, 0, 0);
	--secondary-color-lighter: rgb(213, 20, 20);
	--secondary-gradient: linear-gradient(to bottom, var(--secondary-color-lighter), var(--secondary-color));
	--navbar-bg: #92CA9D;

	--body-background-image: url("./images/noel/background.webp");
	--logo-image: url("./images/noel/site_logo.png");
	--logo-width: 440px;
	--logo-height: 134px;
	--welcome-image: url("./images/noel/light.png");
	--topborder-left: url("./images/noel/top_border_left.png");

	--global_read:					url("./images/noel/announce_read.png");
	--global_read_mine:				url("./images/noel/announce_read_mine.png");
	--global_read_locked:			url("./images/noel/announce_read_locked.png");
	--global_read_locked_mine:		url("./images/noel/announce_read_locked_mine.png");
	--global_unread:				url("./images/noel/announce_unread.png");
	--global_unread_locked_mine:	url("./images/noel/announce_unread_mine.png");
	--global_unread_locked:			url("./images/noel/announce_unread_locked.png");
	--global_unread_locked_mine:	url("./images/noel/announce_unread_locked_mine.png");
	--announce_read:				url("./images/noel/announce_read.png");
	--announce_read_mine:			url("./images/noel/announce_read_mine.png");
	--announce_read_locked:			url("./images/noel/announce_read_locked.png");
	--announce_read_locked_mine:	url("./images/noel/announce_read_locked_mine.png");
	--announce_unread:				url("./images/noel/announce_unread.png");
	--announce_unread_mine:			url("./images/noel/announce_unread_mine.png");
	--announce_unread_locked:		url("./images/noel/announce_unread_locked.png");
	--announce_unread_locked_mine:	url("./images/noel/announce_unread_locked_mine.png");
	--forum_link:					url("./images/noel/forum_link.png");
	--forum_read:					url("./images/noel/forum_read.png");
	--forum_read_locked:			url("./images/noel/forum_read_locked.png");
	--forum_read_subforum:			url("./images/noel/forum_read_subforum.png");
	--forum_unread:					url("./images/noel/forum_unread.png");
	--forum_unread_locked:			url("./images/noel/forum_unread_locked.png");
	--forum_unread_subforum:		url("./images/noel/forum_unread_subforum.png");
	--sticky_read:					url("./images/noel/sticky_read.png");
	--sticky_read_mine:				url("./images/noel/sticky_read_mine.png");
	--sticky_read_locked:			url("./images/noel/sticky_read_locked.png");
	--sticky_read_locked_mine:		url("./images/noel/sticky_read_locked_mine.png");
	--sticky_unread:				url("./images/noel/sticky_unread.png");
	--sticky_unread_mine:			url("./images/noel/sticky_unread_mine.png");
	--sticky_unread_locked:			url("./images/noel/sticky_unread_locked.png");
	--sticky_unread_locked_mine:	url("./images/noel/sticky_unread_locked_mine.png");
	--topic_moved:					url("./images/noel/topic_moved.png");
	--topic_read:					url("./images/noel/topic_read.png");
	--topic_read_mine:				url("./images/noel/topic_read_mine.png");
	--topic_read_hot:				url("./images/noel/topic_read_hot.png");
	--topic_read_hot_mine:			url("./images/noel/topic_read_hot_mine.png");
	--topic_read_locked:			url("./images/noel/topic_read_locked.png");
	--topic_read_locked_mine:		url("./images/noel/topic_read_locked_mine.png");
	--topic_unread:					url("./images/noel/topic_unread.png");
	--topic_unread_mine:			url("./images/noel/topic_unread_mine.png");
	--topic_unread_hot:				url("./images/noel/topic_unread_hot.png");
	--topic_unread_hot_mine:		url("./images/noel/topic_unread_hot_mine.png");
	--topic_unread_locked:			url("./images/noel/topic_unread_locked.png");
	--topic_unread_locked_mine:		url("./images/noel/topic_unread_locked_mine.png");
	--pm_read:						url("./images/noel/topic_read.png");
	--pm_unread:					url("./images/noel/topic_unread.png");

	--whosonline-image:	url("./images/noel/whosonline.png");
	--birthday-image:		url("./images/noel/birthday.png");
	--statistics-image:	url("./images/noel/stats.png");
}

html,
body {
	color: var(--text-color);
	background: var(--body-background-image, url("./images/background.webp")) fixed bottom left / cover;
}

h1 {
	color: var(--primary-color);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

h2 {
	color: #28313F;
}

h3 {
	border-bottom-color: #CCCCCC;
	color: var(--text-color);
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

a {
	color: var(--text-color);
	font-weight: bold;
}

a:hover {
	color: #000;
}

.wrap {
	background-color: rgba(221, 240, 255, 0.70);
}

.headerbar {
	background-color: var(--primary-color-lighter);
	background-image: var(--primary-gradient);
	color: var(--text-color);
	margin: 0;
	padding: 0;
	border-radius: 5px 5px 0 0;
}

.site-description {
	font-style: italic;
}

/* headerbar transparent si :
	DEFINE HEADERBAR_BG = false dans template/_config.twig
---------------------------------------------------------------------------- */
.no-bg {
	background: transparent;
}

/* Description du site et logo
---------------------------------------------------------------------------- */
.logo {
	padding: 0;
}

.site_logo {
	background-image: var(--logo-image, url("./images/site_logo.png"));
	width: var(--logo-width, 340px);
	height: var(--logo-height, 134px);
	vertical-align: middle;
}

/* Search Box Header
---------------------------------------------------------------------------- */
.search-header {
	box-shadow: 0 0 10px var(--primary-color-xtralight);
}

/* Navbar
---------------------------------------------------------------------------- */
.navbar {
	background: var(--navbar-bg, #74A9CA) var(--primary-gradient) repeat-x 0 0 / 100% 80px;
}

.headerbar:not(.no-bg) + .navbar {
	border-radius: 0 0 5px 5px;
}

.navbar a:link,
.navbar a:visited {
	color: var(--text-color);;
}

.navbar a:hover,
.navbar a:active {
	color: #000;
}


/* Listes des forums et sujets
---------------------------------------------------------------------------- */
.forabg,
.forumbg {
	background-color: transparent;
	background:
		var(--secondary-gradient) repeat-x 0 39px / 100% 6px,
		url("./images/bg_list.png") repeat-x  0 0 / auto 43px,
		var(--secondary-gradient) repeat-x 0 0 / 100% 39px;
	padding: 5px 0 0;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(38, 87, 120, 0.6);
}

.bg1,
.bg2 {
	background-color: transparent;
}

.reported {
	background-color: #F7ECEF;
}

/* Links on gradient backgrounds */
.forumbg .header a,
.forabg .header a,
th a {
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

ul.forums,
ul.topics {
	background: var(--primary-color-xtralight);
	border: 1px solid rgba(83, 132, 189, 0.6);
	border-bottom: none;
	box-shadow: 0 0 20px rgba(153, 197, 222, 0.9) inset, 0 0 5px rgba(0, 0, 0, 0.3);
}

ul.topiclist dd,
.rtl ul.topiclist dd {
	border-color: transparent;
}

li.row {
	border-color: transparent;
}

li.row:hover {
	background-color: transparent;
}

li.row:hover dd,
.rtl li.row:hover dd {
	border-color: transparent;
}

li.header dt,
li.header dd {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

dl.row-item {
	--row-item-icon-size: 40px;
	background-position: 2px 50%;
	background-size: var(--row-item-icon-size);
}

dl.row-item dt, dl.row-item dd {
	min-height: calc(var(--row-item-icon-size) + 4px);
}

li.header dl.row-item dt .list-inner {
	padding-left: 5px;
}

dl.row-item dt .list-inner {
	padding-left: calc(var(--row-item-icon-size) + 6px);
}

dl.row-item dt a.subforum {
	display: inline-block;
}

.subforum {
	color: var(--text-color);
	border: 1px solid var(--text-color);
	border-radius: 3px;
	padding: 1px 2px 2px;
}

ul.topiclist dd.redirect {
	float: right;
}

.dd-count {
	font-weight: bold;
	border-radius: 3px;
	text-align: center;
	border: 1px solid var(--text-color);
	min-width: 5ch;
	font-size: 0.85em;
	line-height: 1;
	display: inline-block;
	position: relative;
	top: 2px;
	padding: 4px 6px;
}

/* Forum icons & Topic icons */
.global_read					{ background-image: var(--global_read, url("./images/announce_read.png")); }
.global_read_mine				{ background-image: var(--global_read_mine, url("./images/announce_read_mine.png")); }
.global_read_locked				{ background-image: var(--global_read_locked, url("./images/announce_read_locked.png")); }
.global_read_locked_mine		{ background-image: var(--global_read_locked_mine, url("./images/announce_read_locked_mine.png")); }
.global_unread					{ background-image: var(--global_unread, url("./images/announce_unread.png")); }
.global_unread_mine				{ background-image: var(--global_unread_mine, url("./images/announce_unread_mine.png")); }
.global_unread_locked			{ background-image: var(--global_unread_locked, url("./images/announce_unread_locked.png")); }
.global_unread_locked_mine		{ background-image: var(--global_unread_locked_mine, url("./images/announce_unread_locked_mine.png")); }

.announce_read					{ background-image: var(--announce_read, url("./images/announce_read.png")); }
.announce_read_mine				{ background-image: var(--announce_read_mine, url("./images/announce_read_mine.png")); }
.announce_read_locked			{ background-image: var(--announce_read_locked, url("./images/announce_read_locked.png")); }
.announce_read_locked_mine		{ background-image: var(--announce_read_locked_mine, url("./images/announce_read_locked_mine.png")); }
.announce_unread				{ background-image: var(--announce_unread, url("./images/announce_unread.png")); }
.announce_unread_mine			{ background-image: var(--announce_unread_mine, url("./images/announce_unread_mine.png")); }
.announce_unread_locked			{ background-image: var(--announce_unread_locked, url("./images/announce_unread_locked.png")); }
.announce_unread_locked_mine	{ background-image: var(--announce_unread_locked_mine, url("./images/announce_unread_locked_mine.png")); }

.forum_link						{ background-image: var(--forum_link, url("./images/forum_link.png")); }
.forum_read						{ background-image: var(--forum_read, url("./images/forum_read.png")); }
.forum_read_locked				{ background-image: var(--forum_read_locked, url("./images/forum_read_locked.png")); }
.forum_read_subforum			{ background-image: var(--forum_read_subforum, url("./images/forum_read_subforum.png")); }
.forum_unread					{ background-image: var(--forum_unread, url("./images/forum_unread.png")); }
.forum_unread_locked			{ background-image: var(--forum_unread_locked, url("./images/forum_unread_locked.png")); }
.forum_unread_subforum			{ background-image: var(--forum_unread_subforum, url("./images/forum_unread_subforum.png")); }

.sticky_read					{ background-image: var(--sticky_read, url("./images/sticky_read.png")); }
.sticky_read_mine				{ background-image: var(--sticky_read_mine, url("./images/sticky_read_mine.png")); }
.sticky_read_locked				{ background-image: var(--sticky_read_locked, url("./images/sticky_read_locked.png")); }
.sticky_read_locked_mine		{ background-image: var(--sticky_read_locked_mine, url("./images/sticky_read_locked_mine.png")); }
.sticky_unread					{ background-image: var(--sticky_unread, url("./images/sticky_unread.png")); }
.sticky_unread_mine				{ background-image: var(--sticky_unread_mine, url("./images/sticky_unread_mine.png")); }
.sticky_unread_locked			{ background-image: var(--sticky_unread_locked, url("./images/sticky_unread_locked.png")); }
.sticky_unread_locked_mine		{ background-image: var(--sticky_unread_locked_mine, url("./images/sticky_unread_locked_mine.png")); }

.topic_moved					{ background-image: var(--topic_moved, url("./images/topic_moved.png")); }
.topic_read						{ background-image: var(--topic_read, url("./images/topic_read.png")); }
.topic_read_mine				{ background-image: var(--topic_read_mine, url("./images/topic_read_mine.png")); }
.topic_read_hot					{ background-image: var(--topic_read_hot, url("./images/topic_read_hot.png")); }
.topic_read_hot_mine			{ background-image: var(--topic_read_hot_mine, url("./images/topic_read_hot_mine.png")); }
.topic_read_locked				{ background-image: var(--topic_read_locked, url("./images/topic_read_locked.png")); }
.topic_read_locked_mine			{ background-image: var(--topic_read_locked_mine, url("./images/topic_read_locked_mine.png")); }
.topic_unread					{ background-image: var(--topic_unread, url("./images/topic_unread.png")); }
.topic_unread_mine				{ background-image: var(--topic_unread_mine, url("./images/topic_unread_mine.png")); }
.topic_unread_hot				{ background-image: var(--topic_unread_hot, url("./images/topic_unread_hot.png")); }
.topic_unread_hot_mine			{ background-image: var(--topic_unread_hot_mine, url("./images/topic_unread_hot_mine.png")); }
.topic_unread_locked			{ background-image: var(--topic_unread_locked, url("./images/topic_unread_locked.png")); }
.topic_unread_locked_mine		{ background-image: var(--topic_unread_locked_mine, url("./images/topic_unread_locked_mine.png")); }

.pm_read						{ background-image: var(--pm_read, url("./images/topic_read.png")); }
.pm_unread						{ background-image: var(--pm_unread, url("./images/topic_unread.png")); }

/* Buttons
---------------------------------------------------------------------------- */
.button {
	border-color: var(--primary-color);
	background-color: var(--primary-color-lighter);
	background-image: var(--primary-gradient);
	box-shadow: 1px 1px 0 0 rgba(209, 255, 255, 0.9) inset, 0 2px 5px rgba(0, 64, 107, 0.5);
	color: var(--primary-color-darker);
}

.button:hover,
.button:focus {
	border-color: var(--primary-color);
	background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color-lighter));
	text-shadow: none;
	color: #FFFFFF;
}

.button .icon,
.button-secondary {
	color: var(--primary-color-darker);
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #FFFFFF;
}

.button-search:hover,
.button-search-end:hover {
	border-color: var(--primary-color);
}

.post {
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid var(--primary-color);
}

.postprofile {
	padding: 5px;
	border-radius: 7px;
	border-color: #F0F0F0;
	background-color: #E0E0E0;
	background-image: linear-gradient(to bottom, #E0E0E0, #F0F0F0);
	box-shadow: 1px 1px 0 0 rgba(209, 255, 255, 0.9) inset, 0 2px 5px rgba(0, 64, 107, 0.5);
	box-sizing: border-box;
}

.panel {
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid var(--primary-color);
	color: #28313F;
}

/* Offline/Online
----------------------------------------*/
.online {
	background-image: none;
}

.postprofile dt,
#viewprofile > .panel:first-child > .inner {
	background-image: url("./images/offline.svg");
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 10px;
}

.online .postprofile dt,
#viewprofile > .panel.online > .inner {
	background-image: url("./images/online.svg");
}

/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
	background-color: var(--primary-color-lighter);
	background-image: var(--primary-gradient);
	border-color: var(--primary-color);
	color: var(--text-color);
}

.tabs .tab > a:hover {
	background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color-lighter));
	border-color: var(--primary-color);
	color: #000000;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-image: linear-gradient(to bottom, #D30201, #8A0100);
	border-color: #D30201;
	color: #FFFFFF;
}

.tabs .activetab > a:hover {
	background-image: linear-gradient(to bottom, #8A0100, #D30201);
	border-color: #8A0100;
	color: #FFFFFF;
}

/* CP tabs shared
----------------------------------------*/
/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
	border-radius: 4px;
	margin: 2px;
}

/* Link styles for the sub-section links */
.navigation a {
	color: var(--text-color);
	border-color: var(--primary-color);
	border-radius: 4px;
	background-color: var(--primary-color-lighter);
	background-image: var(--primary-gradient);
}

.rtl .navigation a {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color-lighter));
}

.navigation a:hover {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color-lighter));
	color: #FFFFFF;
}

.navigation .active-subsection a {
	border-color: #D30201;
	background-image: linear-gradient(to bottom, #D30201, #8A0100);
	color: #FFFFFF;
}

.navigation .active-subsection a:hover {
	border-color: #8A0100;
	background-image: linear-gradient(to bottom, #8A0100, #D30201);
	color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th a {
	color: var(--text-color);
}

table.table1 thead th {
	color: var(--text-color);
}

table.table1 tbody tr {
	border-color: transparent;
}

table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: transparent;
	color: #000;
}

table.table1 td {
	color: var(--text-color);
}

table.table1 tbody td {
	border-top-color: transparent;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: var(--text-color);
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

.forumbg-table {
	border-radius: 0;
	background: var(--primary-color-xtralight);
	border-left: 1px solid rgba(38, 87, 120, 0.6);
	border-right: 1px solid rgba(38, 87, 120, 0.6);
	box-shadow: 0 0 20px rgba(73, 130, 175, 0.9) inset, 0 0 5px rgba(0, 0, 0, 0.3);
}

/* Mrk read Link
---------------------------------------- */
.mark-read {
	padding: 5px;
	border-radius: 5px;
	border: 2px solid var(--primary-color-lighter);
	background-color: var(--primary-color-lighter);
	background-image: var(--primary-gradient);
}

/* Form button styles
---------------------------------------- */
a.button1,
input.button1,
input.button3,
a.button2,
input.button2 {
	color: var(--text-color);
	font-weight: bold;
	border-radius: 4px;
	background-color: var(--primary-color-lighter);
	background-image: var(--primary-gradient);
	border-color: var(--primary-color);
	box-shadow: 1px 1px 0 0 rgba(209, 255, 255, 0.9) inset, 0 2px 5px rgba(0, 64, 107, 0.5);
}

input.button3 {
	background-image: none;
}

/* <a> button in the style of the form buttons */
a.button1,
a.button2 {
	color: #000000;
}

/* Hover states */
a.button1:hover,
input.button1:hover,
a.button2:hover,
input.button2:hover,
input.button3:hover {
	color: #FFFFFF;
	border-color: var(--primary-color);
	background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color-lighter));
	box-shadow: 1px 1px 0 0 rgba(209, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 64, 107, 0.5);
}

/* Focus states */
input.button1:focus,
input.button2:focus,
input.button3:focus {
	border-color: #11A3EA;
	color: #FFFFFF;
}

img[src*="theme/images/no_avatar.gif"] {
	background: var(--primary-gradient);
}

/* Medias queries
---------------------------------------------------------------------------- */
@media (max-width: 700px) {
	.site-description h1 {
		margin-top: 0;
	}
}

@media (width >= 700px) {
	.wrap {
		padding: clamp(5px, 2vw, 30px);
		margin: 20px auto;
		max-width: 85%;
		border: 2px solid var(--primary-color);
		box-shadow: 0 0 20px rgba(31, 55, 91, 0.9) inset, 0 0 5px rgba(0, 0, 0, 0.3);
	}

	.site-description {
		padding-top: 20px;
		font-weight: bold;
		font-size: 1.2em;
	}

	/* Avatar dans le header si :
		DEFINE HEADERBAR_AVATAR = true dans template/_config.twig
	---------------------------------------------------------------------------- */
		.avatarheader img {
		float: right;
		margin: 5px;
		max-height: 100px;
		max-width: 100px;
		object-fit: contain;
	}
		.avatarheader + .search-header {
			clear: right;
			margin: 10px 5px 0 0;
		}

	.navbar {
		background:
			var(--secondary-gradient) repeat-x 0 100% / 100% 7px,
			var(--secondary-gradient) repeat-x 0 0 / 100% 7px,
			var(--primary-gradient) repeat-x 0 0 / 100% 80px,
			var(--navbar-bg, #74A9CA);
		border-radius: 5px;
		padding: 10px;
	}

	/* Nom du site sous la navbar du haut si :
		DEFINE SITENAME_UNDER_NAVBAR = true dans template/_config.twig
	---------------------------------------------------------------------------- */
	.extra-site-name {
		background: var(--primary-color-lighter) var(--primary-gradient);
		color: #fff;
		text-align: center;
		border-radius: 0 0 5px 5px;
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
		margin: 0 auto;
		padding-bottom: 5px;
		font-size: 0.875rem;
		font-weight: bold;
		max-width: 360px;
	}

	/* Affiche une image sous la navbar si :
		DEFINE IMAGE_UNDER_NAVBAR = true dans template/_config.twig
	---------------------------------------------------------------------------- */
	.welcome-block {
		--image-width: 621;
		--image-height: 53;
		background: var(--welcome-image, url("./images/light.png")) no-repeat 0 0 / contain;
		aspect-ratio: var(--image-width) / var(--image-height);
		max-width: calc(var(--image-width) * 1px);
		margin: 0 auto;
	}

	/* Image en haut à gauche des catégories et forums */
	.topborder_left {
		background: var(--topborder-left, url("./images/top_border_left.png")) no-repeat;
		margin: 5px 0 0;
		width: 246px;
		height: 37px;
	}

	/* Affiche une bordure sous la liste des forums si :
		DEFINE FORABG_BORDER = true dans template/_config.html */
	.forabg-border .forabg {
		border-bottom: none;
	}
		.forabg-border .forabg::after {
			content: "";
			background: var(--secondary-gradient) repeat-x 0 100% / 100% 10px, var(--secondary-gradient) repeat-x 0 0 / 100% 6px;
			border: 1px solid rgba(38, 87, 120, 0.6);
			display: block;
			height: 16px;
			border-radius: 0 0 5px 5px;
		}

	li.header dt,
	li.header dd {
		font-size: clamp(0.65625rem, 0.326rem + 0.7538vw, 0.75rem);
		line-height: 28px;
	}

	dl.row-item {
		--row-item-icon-size: 50px;
	}

	.post {
		margin: 10px 5px;
	}

	.panel {
		margin: 5px;
	}

	.postprofile dt,
	#viewprofile > .panel:first-child > .inner {
		--icon-size: 16px;
		background-size: var(--icon-size);
		min-height: var(--icon-size);
	}

		/* Image dans les blocs des statistiques sur l'index si :
		DEFINE STATS_IMAGES = true dans template/_config.html
	---------------------------------------------------------------------------- */
	.stat-bg {
		--image-size: 50px;
	}
		.stat-bg > h3:first-child + p {
			background: no-repeat 0 0 / var(--image-size) auto;
			padding-left: calc(var(--image-size) + 5px);
			margin: 0;
			min-height: var(--image-size);
		}
		.rtl .stat-bg > h3:first-child + p {
			background-position: right;
			padding-right: calc(var(--image-size) + 5px);
			padding-left: 0;
		}
		.stat-bg.online-list > h3:first-child + p	{ background-image: var(--whosonline-image, url("./images/whosonline.png")); }
		.stat-bg.birthday-list > h3:first-child + p	{ background-image: var(--birthday-image, url("./images/birthday.png")); }
		.stat-bg.statistics > h3:first-child + p	{ background-image: var(--statistics-image, url("./images/stats.png")); }

	/* Légende des icônes des forums et sujets si :
		DEFINE LEGEND_ICONS = true dans template/_config.html
	---------------------------------------------------------------------------- */
	.legendicons {
		margin: 15px 0;
		display: flex;
		gap: 2em;
		justify-content: center;
		list-style: none;
	}
		.legendicons li {
			background-repeat: no-repeat;
			background-position: left;
			padding: 20px 0 20px 54px;
		}
		.rtl .legendicons li {
			background-position: right;
			padding: 20px 54px 20px 0;
		}
}

/* ------------------------------------------------------------------------- */
/*						Ajustements pour les extensions						*/
/* ------------------------------------------------------------------------- */


/* Extension Header Link
---------------------------------------------------------------------------- */
ul.linklist > li.headerlink-navbar {
	padding-top: 2em;
	margin: 0;
}

/* phpBB Countdown
---------------------------------------------------------------------------- */
.navbar.timecount{
	padding-top: 10px;
}

.timecount span.cd-time{
	color: var(--text-color);
}

/* Extension Collapsible Forum Categories
---------------------------------------------------------------------------- */
a.collapse-btn {
	margin: -1.4em 0.5em 0;
}

@media (min-width: 701px) {
	a.collapse-btn {
		margin-top: -1.9rem;
	}
}