/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			avatar-reborn_3_3_15 
	Based on style:     damaio
	Original author:	Mazeltof | cabot (https://www.mazeland.fr/ | https://cabotweb.fr/ )
	Modified by:		Sydel Eejdys ( https://www.avatar-reborn.net )
    --------------------------------------------------------------
*/

.scrolled-bottom .sticky-nav-bottom {
    box-shadow: 0 -2px 4px -1px var(--shadowcolor);
}

.sticky-nav-bottom, .rtl .navbar.sticky-nav-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 11;
}

.online-text {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

.damaio .cc-banner .cc-link {
    color: var(--links-color) !important;
}

dd.profile-custom-field.profile-rp_element img {
    margin-bottom: 4px;
    margin-top: 1px;
}

img[src*="non_bender.svg"], img[src*="non_bender_big.svg"], img[src*="coeur.svg"] {
	filter: var(--filter-non-bender-symbol);
}
img[src*="water.svg"], img[src*="water_big.svg"] {
	filter: brightness(2);
}
img[src*="fire.svg"], img[src*="fire_big.svg"] {
	filter: brightness(1.5);
}
/* -----------------------------------------
 *	 New Smileys Box definition
 * -----------------------------------------*/
.message-box {
    width: 72.5%;
}
.message-box textarea {
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, 'Noto Color Emoji', 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;;
}
.smiley-box {
    width: 25.5%;
    float: right;
}
.smiley-box>a {
    display: none;
}

emoji-picker {
	--background: var(--color-1);
	--input-border-color: var(--border-color-2);	
	--input-border-size: 1px; 
	--border-color: var(--border-color-2);	
	--border-size: 1px; 
	--input-font-color: var(--text-color-1);
	--category-font-color: var(--text-color-1);
	--emoji-font-family: "Noto Color Emoji";
	--emoji-size: 1.19rem;	
    --num-columns: 6;
    --category-emoji-size: 0.78rem;
}

#cp-main emoji-picker {
	--num-columns: 5;
}

@media (max-width: 1075px) {
	emoji-picker {
		--num-columns: 5;
	}
}
@media (max-width: 1150px) {
	#cp-main emoji-picker {
		--num-columns: 4;
	}
}
@media (max-width: 990px) {
	#cp-main emoji-picker {
		--num-columns: 3;
	}
}
@media (max-width: 935px) {
	emoji-picker {
		--num-columns: 4;
	}
}
@media (max-width: 900px) {
	#cp-main emoji-picker {
		--num-columns: 4;
	}
}
@media (max-width: 815px) {
	#cp-main emoji-picker {
		--num-columns: 3;
	}
}
@media (max-width: 795px) {
	emoji-picker {
		--num-columns: 3;
	}
}
@media (max-width: 700px) {
	emoji-picker {
		display: none;
	}
    .smiley-box, .message-box {
        float: none;
        width: auto;
    }
	.smiley-box>a {
		display: inline-block;
	}
}


/* -----------------------------------------
 *	 Font face definition
 * -----------------------------------------*/
 
@font-face {  /* Forums and Topics icons */
	font-family: 'AR';
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	font-display: swap;
	src: url('fonts/ar-font.woff') format('woff');
}

@font-face {  /* Banner - Avatar Font */
    font-family: 'Chinela Brush';
    src: url('fonts/ChinelaBrush-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {  /* Banner - Reborn Font */
    font-family: 'Jacked';
    src: url('fonts/Jacked.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* -----------------------------------------
 *	 Font Awesome 5 to 7 adaptation
 * -----------------------------------------*/
.icon, .button .icon, blockquote cite:before, .uncited:before {
    font-size: 13px;
}

a.header-avatar span::after {
    font: normal normal normal 12px / 1 FontAwesome;
    padding-top: 6px;
}

/* -----------------------------------------
 *	 Light & Dark theme variables declaration
 * -----------------------------------------*/
html,
[data-theme="light"] {
	/* New variables */
	--color-forums-rules: oklch(0.85 0 0);
	--color-forums-sheets: oklch(0.95 0.08 100);
	--color-forums-northerntribes: oklch(0.85 0.15 264);
	--color-forums-republiccity: oklch(0.85 0.06 82);
	--color-forums-firenation: oklch(0.95 0.15 29);
	--color-forums-earthkingdom: oklch(0.95 0.15 145);
	--color-forums-airnomads: oklch(0.95 0.08 81.59); /* oklch(0.95 0.15 237);*/
	--color-forums-southerntribes: oklch(0.85 0.15 215);
	--color-forums-travels: oklch(0.95 0.15 30);
	--color-forums-outofworld: oklch(0.95 0.15 300);
	--forum-color: var(--color-2);
	--opacity-forums-figures: 0.35;
	--opacity-forums-colors: 0.45;
	--filter-non-bender-symbol: brightness(0) invert(0);
	
	/* Damaio variables with new values */
    --color-3: oklch(0.95 0 0);
	--main-color1: oklch(0.457 0.085 246.8);
	--main-color2: oklch(0.652 0.185 252.3);
	--main-color3: oklch(0.614 0.113 248.4);
	--filter-1: saturate(100%);
}

	
html,
[data-layout="list"] {
	--color-forums-gradient-start: 30%;
	--color-forums-gradient-angle: 90deg;
	--color-forums-gradient-end: calc(100% - 440px);
	--position-forums-figures-right: calc(100% - 440px);
}
	
	
html,
[data-layout="tiles"] {
	--color-forums-gradient-start: 80%;
	--color-forums-gradient-end: 100%;
	--position-forums-figures-right: 100%;
}


[data-theme="dark"] {
	/* New variables */
	--color-forums-rules: oklch(0.65 0 0);
	--color-forums-sheets: oklch(0.55 0.08 100);
	--color-forums-northerntribes: oklch(0.55 0.15 264);
	--color-forums-republiccity: oklch(0.75 0.06 82);
	--color-forums-firenation: oklch(0.55 0.15 29);
	--color-forums-earthkingdom: oklch(0.55 0.15 145);
	--color-forums-airnomads: oklch(0.55 0.08 81.59); /*oklch(0.95 0.15 237);*/
	--color-forums-southerntribes: oklch(0.55 0.15 215);
	--color-forums-travels: oklch(0.55 0.15 30);
	--color-forums-outofworld: oklch(0.55 0.15 300);
	--opacity-forums-figures: 0.55;
	--opacity-forums-colors: 0.25;
	--filter-non-bender-symbol: brightness(0) invert(1);
	
	/* Damaio variables with new values */
    --color-3: oklch(0.23 0.02 257);

}

/* Content.css */
ul.topiclist li.row dl {
    margin: 0 0;
}

/* -----------------------------------------
 *	 Custom site description & banner fonts
 * -----------------------------------------*/
 
/* No logo
----------------------------------------*/ 
.logo {
	display: none;
}

/* Header Banner bloc
----------------------------------------*/ 
.headerbar {
    padding: 0;
}

.search-header {
    margin-top: 0px;
}

#site-description {
    position: relative;
	z-index: 0;
	background: url(images/banner/background.png) center center no-repeat;
	background-size: calc(100% - 10px) calc(100% - 10px);
	background-color: oklch(0.288 0.012 235.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-description {
    width: 100%;
	height: clamp(
		109px,
		calc(109px + (241 * ((100vw - 400px) / 500))),
		350px
	 );
}

#site-description h1 {
    display: flex;  
	justify-content: center;
	align-items: center;
	gap: clamp(0.3rem, 5.5vw, 8rem);
    color: black;
	padding-left: 15px;
	padding-right: 15px;
    line-height: 1;
    font-size: clamp(0.5rem, 5vw, 2.37rem);
    margin-left: 0px;
    text-shadow: 1px 1px white, 0 0 10px white, 0 0 15px black;
	overflow: visible;
}

#site-description a.sitelink {
  position: absolute;
  inset: 0;
  z-index: 2;
  text-indent: -9999px; /* invisible */
}

#site-description h1 p {
    line-height: 1.3rem;
    font-size: clamp(0.3rem, 1.32vw, 0.62rem);
    margin-left: 0px;
    z-index: 1;
}

.word1-block, .word2-block {
	display: grid;
	flex-direction: column; /* mot au-dessus, sous-titre en dessous */
	align-items: flex-start; /* tout aligné à gauche du bloc */
	position: relative;
}

.word2-block {	align-items: flex-end; }
.word2-block  p{	margin-top: -12px; }

.word1-bg, .word2-bg {
	content: "";
	position: absolute;
	width: 100%;
    display: flex;
    align-self: center;
}

.word1-bg {
	background: url(images/banner/aang.png) center top no-repeat;
	background-size: contain;
	height: clamp(92px, 18.55vw, 230px);

}

.word2-bg {
	background: url(images/banner/korra.png) center top no-repeat;
	background-size: contain;
    height: clamp(92px, 24.55vw, 294px);
}

.word1, .word2 {	
	display: inline-flex;
	align-items: baseline;
	font-weight: normal;
	gap: 0;
    z-index: 1;
}

.word1 {
	font-family: "Chinela Brush", sans-serif;
	font-size: 1em;
	letter-spacing: -0.025em;
}
.word1 .first-letter {	font-size: 1.25em; }

.word2 { 
	font-family: "Jacked", serif;
	font-size: 1.46em;
}
.word2 .first-letter {
	font-size: 1.15em;
	transform: scaleX(-1); /* miroir horizontal */
}

.separator-container {
	display: flex;
	align-items: center;
	justify-items: center;
}

.separator {
	font-family: "AR"; 
	font-weight: normal;
	font-size: clamp(2.5rem, 22vw, 15rem);
    line-height: 1;
}

/* Responsive
----------------------------------------*/ 
@media (max-width: 700px) {
    .online-text {
		writing-mode: horizontal-tb;
    }
}
.responsive-show.lastpost {
	font-size: 0.9em;
	font-style: italic;
}

/* -----------------------------------------
 *   Change Default forum and topic icons 
 * -----------------------------------------*/
/* base.css */
.row-item[class*="forum_"]::before, .row-item[class*="global_"]::before, .row-item[class*="announce_"]::before,
.row-item[class*="topic_"]::before, .row-item[class*="pm_"]::before, .row-item[class*="sticky_"]::before,
.row-item[class*="_locked"]::before {
	font-family: "AR";
}

.row-item[class*="_read"]::before, .row-item[class*="_unread"]::before, .forum_link::before, .topic_moved::before {
    font-size: 28px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.row-item[class*="forum_"]::before {content: "\f314";}
.row-item[class*="global_"]::before, .row-item[class*="announce_"]::before {	content: "\f3a1";}
.row-item[class*="topic_"]::before, .row-item[class*="pm_"]::before {	content: "\f314";}
.row-item[class*="sticky_"]::before {	content: "\f38d";}
.row-item[class*="_locked"]::before {	content: "\f323";}

/* -----------------------------------------
 *   Manage Nation sspecific colors 
 * -----------------------------------------*/
 
/* Common
----------------------------------------*/
 li[class*="forum-id-"] {
	position: relative;
	display: block;
}

li[class*="forum-id-"]::before, [class*="forum-id-"]::after  {
    content: "";
	pointer-events: none;
    display: block;
    position: absolute;
	inset: 0;
    background-repeat: no-repeat;
    background-position: var(--position-forums-figures-right) center;
}

li[class*="forum-id-"]::before {
	opacity: var(--opacity-forums-figures);
	height: 100%;	
}

li[class*="forum-id-"]::after  {
    opacity: var(--opacity-forums-colors);	
	background:
		linear-gradient(
			var(--color-forums-gradient-angle),
			transparent 0%,
			transparent var(--color-forums-gradient-start),
			var(--forum-color) var(--color-forums-gradient-end),
			transparent var(--color-forums-gradient-end)
		); 
	height: 100%;
}

@media (min-width: 701px) and (max-width: 950px) {
    html,
	[data-layout="list"]  {	
		--color-forums-gradient-start: calc((100% - 410px) / 2);	
		--color-forums-gradient-end: calc(100% - 410px);
		--position-forums-figures-right: calc(100% - 410px);
		/* --color-forums-gradient-start: calc((100% - 0px) / 2);	 */
		/* --color-forums-gradient-end: calc(100% - 0px); */
		/* --position-forums-figures-right: calc(100% - 0px); */
	}
}
@media (max-width: 700px) {
    :root  {		
		--color-forums-gradient-start: 30%;
		--color-forums-gradient-end: 100%;
		--position-forums-figures-right: right;
	}
}
 
/* Rules
----------------------------------------*/
/* html.forum-id-142 { */
	/* --main-color1: oklch(0.457 0.085 29); */
	/* --main-color2: oklch(0.652 0.185 34.5); */
	/* --main-color3: oklch(0.614 0.113 30.6); */
/* } */
li.forum-id-142::before {	background-image: url('/styles/avatar/theme/images/forums/rules.svg');}
li.forum-id-142    { --forum-color: var(--color-forums-rules); }

/* Character Sheets
----------------------------------------*/
/* html.forum-id-143 { */
	/* --main-color1: oklch(0.457 0.085 29); */
	/* --main-color2: oklch(0.652 0.185 34.5); */
	/* --main-color3: oklch(0.614 0.113 30.6); */
/* } */
li.forum-id-143::before {	background-image: url('/styles/avatar/theme/images/forums/sheets.svg');}
li.forum-id-143   { --forum-color: var(--color-forums-sheets); }

/* Northen Tribes
----------------------------------------*/
html.forum-id-148, html.forum-id-146 {
	--main-color1: oklch(0.415 0.110 248.9);
	--main-color2: oklch(0.4672 0.1616 268.41);
	--main-color3: oklch(0.614 0.113 248.4);
}
li.forum-id-148::before{	background-image: url('/styles/avatar/theme/images/forums/northen_tribes.svg');}
li.forum-id-146::before{	background-image: url('/styles/avatar/theme/images/forums/northen_tribes_private.svg');}
li.forum-id-148, li.forum-id-146  { --forum-color: var(--color-forums-northerntribes); }

/* Republic City
----------------------------------------*/
html.forum-id-144, html.forum-id-161 {
	--main-color1: oklch(0.505 0.06 68);
	--main-color2: oklch(0.65 0.06 73.5);
	--main-color3: oklch(0.66 0.1 70.06);
}
li.forum-id-144::before {	background-image: url('/styles/avatar/theme/images/forums/republic_city.svg');}
li.forum-id-161::before {	background-image: url('/styles/avatar/theme/images/forums/republic_city_private.svg');}
li.forum-id-144, li.forum-id-161    { --forum-color: var(--color-forums-republiccity); }

/* Fire Nation
----------------------------------------*/
html.forum-id-149, html.forum-id-150 {
	--main-color1: oklch(0.49 0.13 30.37); /*oklch(0.457 0.085 29);*/
	--main-color2: oklch(0.62 0.25 29.29);/*oklch(0.652 0.185 34.5);*/
	--main-color3: oklch(0.63 0.17 31.84);/*oklch(0.614 0.113 30.6);*/
}
li.forum-id-149::before {	background-image: url('/styles/avatar/theme/images/forums/fire_nation.svg');}
li.forum-id-150::before {	background-image: url('/styles/avatar/theme/images/forums/fire_nation_private.svg');}
li.forum-id-149, li.forum-id-150 { --forum-color: var(--color-forums-firenation); }

/* Earth Kingdom
----------------------------------------*/
html.forum-id-151, html.forum-id-203 {
	--main-color1: oklch(0.457 0.085 145);
	--main-color2: oklch(0.652 0.185 150.5);
	--main-color3: oklch(0.614 0.113 146.6);
}
li.forum-id-151::before {	background-image: url('/styles/avatar/theme/images/forums/earth_kingdom.svg');}
li.forum-id-203::before {	background-image: url('/styles/avatar/theme/images/forums/earth_kingdom_private.svg');}
li.forum-id-151, li.forum-id-203   { --forum-color: var(--color-forums-earthkingdom); }

/* Air Nomads
----------------------------------------*/
html.forum-id-152, html.forum-id-154 {
	--main-color1: oklch(0.58 0.17 5825);
	--main-color2: oklch(0.76 0.17 67.53);
	--main-color3: oklch(0.7 0.16 66.97);
}
li.forum-id-152::before {	background-image: url('/styles/avatar/theme/images/forums/air_nomads.svg');}
li.forum-id-154::before {	background-image: url('/styles/avatar/theme/images/forums/air_nomads_private.svg');}
li.forum-id-152, li.forum-id-154  { --forum-color: var(--color-forums-airnomads); }

/* Southern Tribes
----------------------------------------*/
html.forum-id-147, html.forum-id-177 {
	--main-color1: oklch(0.6148 0.1172 228.62);
	--main-color2: oklch(0.6948 0.1272 228.62);
	--main-color3: oklch(0.75 0.11 248.26);
}
li.forum-id-147::before {	background-image: url('/styles/avatar/theme/images/forums/southern_tribes.svg');}
li.forum-id-177::before {	background-image: url('/styles/avatar/theme/images/forums/southern_tribes_private.svg');}
li.forum-id-147, li.forum-id-10, li.forum-id-177   { --forum-color: var(--color-forums-southerntribes); }

/* Travels
----------------------------------------*/
/* html.forum-id-12 { */
	/* --main-color1: oklch(0.457 0.085 215); */
	/* --main-color2: oklch(0.652 0.185 220.5); */
	/* --main-color3: oklch(0.614 0.113 216.6); */
/* } */
li.forum-id-153::before {	background-image: url('/styles/avatar/theme/images/forums/travels.svg');}
li.forum-id-153   { --forum-color: var(--color-forums-travels); }

/* Out of World
----------------------------------------*/
/* html.forum-id-68 { */
	/* --main-color1: oklch(0.457 0.085 215); */
	/* --main-color2: oklch(0.652 0.185 220.5); */
	/* --main-color3: oklch(0.614 0.113 216.6); */
/* } */
li.forum-id-188::before {	background-image: url('/styles/avatar/theme/images/forums/outofworld.svg');}
li.forum-id-188  { --forum-color: var(--color-forums-outofworld); }


/* ==========================================================
   TEST TUILES — CAT ID 6 
   ========================================================== */

html[data-layout="tiles"] li[class*="forum-id-"]::before {
	height: 45px;	
}   

html[data-layout="tiles"] .topiclist .header dd {
	display: none;
}

html[data-layout="tiles"] .topiclist li.header dl.row-item dt .list-inner {
    padding-left: 0px;
    text-align: center;
	width: 100%;
}

html[data-layout="tiles"] .topiclist li.header dl.row-item dt .list-inner a {
    font-size: 1.2em;
}
   
/* === GRID CONTAINER === */
   
/* Container principal : transforme les li en tuiles */
html[data-layout="tiles"] .topiclist.forums {
	background-color: var(--color-3);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* espace entre les tuiles */
    padding: 0;
	padding-top: 10px;
    list-style: none;
}

/* Cas particulier : cat-id-6 : Tuiles pleine largeur (1,2,9,10) uniquement */
html[data-layout="tiles"] .topiclist.forums.cat-id-6 li:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10)),
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) li {
    grid-column: span 3;
}

/* === TUILE DE BASE === */
html[data-layout="tiles"] .topiclist.forums > li.row {
	background-color: var(--color-1);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-2);
    border-radius: var(--border-radius-big);
    padding: 4px 5px 0px 5px;
	overflow: hidden;
}

html[data-layout="tiles"] .forabg:not(.headerspace) .topiclist.forums > li.row {	
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

html[data-layout="tiles"] .forabg:not(.headerspace) .topiclist.forums > li.row:hover {
	background-color: var(--color-3);
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* === LIST INNER === */
html[data-layout="tiles"] .topiclist.forums > li.row .list-inner {
    width: 100%;
	padding: 0;
}

/* === STRUCTURE DL === */
html[data-layout="tiles"] ul.topiclist.forums li.row dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

html[data-layout="tiles"] ul.topiclist.forums li.row dt {
    margin: 0;
}
html[data-layout="tiles"] ul.topiclis.forumst dd {
    border-left: none;
}

/* === POSTS / TOPICS (par défaut) === */
html[data-layout="tiles"] ul.topiclist.forums li.row dd:is(.posts, .topics)  {
    padding: 0;
    margin: 75px 0px -4px 0;
	width: auto;
    z-index: 1;
}

/* Posts / Topics pour tuiles pleine largeur */
html[data-layout="tiles"] .topiclist.forums.cat-id-6 li:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10)).row dd:is(.posts, .topics),
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) li.row dd:is(.posts, .topics)  {
    padding: 0;
    margin: 0 0 4px 0;
	width: auto;
}

/* === LAST POST === */
html[data-layout="tiles"] .topiclist.forums .lastpost:not(.responsive-show) {
	padding-left: 45px;
	width: 100%;
	border-top: 1px solid var(--color-2);
}

/* Réglage spécifique (1,2,9,10) */
html[data-layout="tiles"] .topiclist.forums.cat-id-6 li:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10)).row dd.lastpost:not(.responsive-show) br,
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) li.row dd.lastpost:not(.responsive-show) br {
    display: none;  /* Masque les balises <br> */
}
html[data-layout="tiles"] .topiclist.forums.cat-id-6 li:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10)).row dd.lastpost:not(.responsive-show),
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) li.row dd.lastpost:not(.responsive-show) {
    margin-top: -39px;
}

/* === OVERLAY IMAGE LASTPOST === */
html[data-layout="tiles"] .topiclist.forums .lastpost:not(.responsive-show)::before {
    content: "";
	pointer-events: none;
    left: 0px;
    top: 45px;
    width: 100%;
    height: 76px;
    position: absolute;
    background-size: 100% 100%;
    z-index: 10;
}

/* Images par forum RP */
html[data-layout="tiles"] .topiclist.forums.cat-id-6 .forum-id-144 .lastpost:not(.responsive-show)::before {	background-image: url('/images/forums/144.png');}
html[data-layout="tiles"] .topiclist.forums.cat-id-6 .forum-id-147 .lastpost:not(.responsive-show)::before {	background-image: url('/images/forums/147.png');}
html[data-layout="tiles"] .topiclist.forums.cat-id-6 .forum-id-148 .lastpost:not(.responsive-show)::before {	background-image: url('/images/forums/148.png');}
html[data-layout="tiles"] .topiclist.forums.cat-id-6 .forum-id-149 .lastpost:not(.responsive-show)::before {	background-image: url('/images/forums/149.png');}
html[data-layout="tiles"] .topiclist.forums.cat-id-6 .forum-id-151 .lastpost:not(.responsive-show)::before {	background-image: url('/images/forums/151.png');}
html[data-layout="tiles"] .topiclist.forums.cat-id-6 .forum-id-152 .lastpost:not(.responsive-show)::before {	background-image: url('/images/forums/152.png');}

/* === ICONES TUILES === */
.tile_icon, 
.tile_last_post {
    display: none;
}
html[data-layout="tiles"] .tile_icon {
    display: inline-block;
    margin: 0 5px;
}

html[data-layout="tiles"] .topiclist.forums.cat-id-6 :is(.forum-id-142, .forum-id-143, .forum-id-153, .forum-id-188) .lastpost:not(.responsive-show) .tile_last_post,
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) .lastpost:not(.responsive-show) .tile_last_post  {
    display: inline-block;
    margin-top: 5px;
}

/* === POSITION DES ICONES FORUM === */
/* Position par défaut */
html[data-layout="tiles"] ul.topiclist.forums .row-item[class*="_read"]::before,
html[data-layout="tiles"] ul.topiclist.forums .row-item[class*="_unread"]::before,
html[data-layout="tiles"] ul.topiclist.forums .forum_link::before, 
html[data-layout="tiles"] ul.topiclist.forums .topic_moved::before {
    left: 9px;
    top: 65px;
}

/* Exceptions Tuiles RP */
html[data-layout="tiles"] ul.topiclist.cat-id-6 li:not(:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10))) .row-item[class*="_read"]::before,
html[data-layout="tiles"] ul.topiclist.cat-id-6 li:not(:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10))) .row-item[class*="_unread"]::before,
html[data-layout="tiles"] ul.topiclist.cat-id-6 li:not(:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10))) .forum_link::before, 
html[data-layout="tiles"] ul.topiclist.cat-id-6 li:not(:is(:nth-child(1), :nth-child(2), :nth-child(9), :nth-child(10))) .topic_moved::before {
    top: 183px;
}

/* Exception double ligne */
html[data-layout="tiles"] ul.topiclist.forums:not(.cat-id-182, .cat-id-180) li:nth-child(1) .row-item[class*="_read"]::before,
html[data-layout="tiles"] ul.topiclist.cat-id-180 li:is(.forum-id-191, .forum-id-192) .row-item[class*="_read"]::before,
html[data-layout="tiles"] ul.topiclist.cat-id-182 li:is(.forum-id-27, .forum-id-184) .row-item[class*="_read"]::before,

html[data-layout="tiles"] ul.topiclist.forums:not(.cat-id-182, .cat-id-180) li:nth-child(1) .row-item[class*="_unread"]::before,
html[data-layout="tiles"] ul.topiclist.cat-id-180 li:is(.forum-id-191, .forum-id-192) .row-item[class*="_unread"]::before,
html[data-layout="tiles"] ul.topiclist.cat-id-182 li:is(.forum-id-27, .forum-id-184) .row-item[class*="_unread"]::before,

html[data-layout="tiles"] ul.topiclist.forums:not(.cat-id-182, .cat-id-180) li:nth-child(1) .forum_link::before,
html[data-layout="tiles"] ul.topiclist.cat-id-180 li:is(.forum-id-191, .forum-id-192) .forum_link::before,
html[data-layout="tiles"] ul.topiclist.cat-id-182 li:is(.forum-id-27, .forum-id-184) .forum_link::before,

html[data-layout="tiles"] ul.topiclist.forums:not(.cat-id-182, .cat-id-180) li:nth-child(1) .topic_moved::before,
html[data-layout="tiles"] ul.topiclist.cat-id-180 li:is(.forum-id-191, .forum-id-192) .topic_moved::before,
html[data-layout="tiles"] ul.topiclist.cat-id-182 li:is(.forum-id-27, .forum-id-184) .topic_moved::before {
    top: 80px;
}

/* === ICONE TOPICS PERSONNALISÉE === */
html[data-layout="tiles"] .forum-id-142 .tile_icon.tile_icon_topics i,
html[data-layout="tiles"] .forum-id-143 .tile_icon.tile_icon_topics i, 
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) .tile_icon.tile_icon_topics i {
    display: none;
}

html[data-layout="tiles"] .forum-id-142 .tile_icon.tile_icon_topics::before,
html[data-layout="tiles"] .forum-id-143 .tile_icon.tile_icon_topics::before, 
html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) .tile_icon.tile_icon_topics::before {
    content: "\f70e"; /* Code Unicode pour l'icône fa-scroll */	
	--_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
}

html[data-layout="tiles"] .topiclist.forums:not(.cat-id-6) .tile_icon.tile_icon_topics::before {
    content: "\#"; /* Code Unicode pour l'icône hashtag */	
    width: var(--fa-width, 1em);
    font-size: 0.94em;
}

/* === SUBFORUM ICONES (FORUM 143) === */
html[data-layout="tiles"] .forum-id-143 a.subforum i {
    display: none; 
}

html[data-layout="tiles"] .forum-id-143 a.subforum::before {
    content: "";
    width: 12px;
    height: 14px;
    display: inline-block;
    background-size: 100% 100%;
}

html[data-layout="tiles"] .forum-id-143 a.subforum:nth-child(4)::before {
	background-image: url('/images/fields/elements/water.svg');
	filter: brightness(2);
}
html[data-layout="tiles"] .forum-id-143 a.subforum:nth-child(5)::before {
	background-image: url('/images/fields/elements/non_bender.svg');
	filter: var(--filter-non-bender-symbol);
}
html[data-layout="tiles"] .forum-id-143 a.subforum:nth-child(6)::before {
	background-image: url('/images/fields/elements/fire.svg');
	filter: brightness(1.5);
}
html[data-layout="tiles"] .forum-id-143 a.subforum:nth-child(7)::before {	background-image: url('/images/fields/elements/earth.svg');}
html[data-layout="tiles"] .forum-id-143 a.subforum:nth-child(8)::before {	background-image: url('/images/fields/elements/air.svg');}
html[data-layout="tiles"] .forum-id-143 a.subforum:nth-child(9)::before {
	background-image: url('/images/fields/elements/water.svg');
	filter: brightness(2);
}

.switch-layout i::before {
    content: var(--switch-tiles-list);
}

html,
[data-layout="tiles"] {
	--switch-tiles-list: "\f0c9";
}

html,
[data-layout="list"] {
	--switch-tiles-list: "\f00a";
}

.switch-layout {
    margin-left: 5px;
}

.scrolled .sticky-nav {
    z-index: 11;
}


/* Code FontAwesome pour les cultures : 
Cinema/tv :
Letterature : f02d
Manga/anime/comics :
Music : f001
Video games : gamepad f11b


Autre ; orthographe : f891


