/* Little Session — habillage sombre de prosilver.
 * CSS uniquement (templates prosilver conservés, sauf navbar_header) pour
 * survivre aux mises à jour phpBB. Palette et fontes = vitrine
 * littlesession.triangulate.fr : « la session au pub, le soir » — vert
 * profond, or chaud, Cormorant Garamond pour les titres, Outfit pour le corps.
 * Signature : le halo lumineux de la vitrine en fond + la barre de mesure
 * dorée qui s'allume au survol des lignes. */
@import url("../../prosilver/theme/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Outfit:wght@300;400;500;600;700&display=swap");

:root {
	--ls-bg-deep: #090f0b;
	--ls-bg: #0d1610;
	--ls-card: #131f16;
	--ls-elevated: #1e3325;
	--ls-hover: #1a2b1f;
	--ls-gold: #c8944a;
	--ls-gold-light: #e8b86d;
	--ls-gold-dim: #8a6530;
	--ls-green: #5cb87a;
	--ls-green-deep: #3a7a52;
	--ls-ink: #f0ebe3;
	--ls-muted: #a8b5ab;
	--ls-faint: #6b7c6f;
	--ls-line: rgba(200, 148, 74, 0.14);
	--ls-display: 'Cormorant Garamond', Georgia, serif;
	--ls-body: 'Outfit', system-ui, sans-serif;
}

/* ---- Fond : l'ambiance de la vitrine ---- */
html, body {
	background: var(--ls-bg-deep);
	color: var(--ls-muted);
	font-family: var(--ls-body);
}
body {
	background-image:
		radial-gradient(ellipse at 20% 0%, rgba(58, 122, 82, 0.10) 0%, transparent 55%),
		radial-gradient(ellipse at 80% 100%, rgba(200, 148, 74, 0.06) 0%, transparent 50%);
	background-attachment: fixed;
}
#wrap, .wrap {
	background: transparent;
	border: none;
	box-shadow: none;
	max-width: 1100px;
}

/* ---- En-tête : le nom en Cormorant, comme la vitrine ---- */
.headerbar {
	background: transparent none;
	color: var(--ls-muted);
	margin-bottom: 0;
	padding: 0.75rem 0 0.5rem;
}
.site_logo {
	background-image: url("./images/site_logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	border-radius: 12px;
}
#site-description h1 {
	font-family: var(--ls-display);
	font-weight: 600;
	font-size: 2.1em;
	color: var(--ls-gold-light);
	letter-spacing: 0.01em;
}
#site-description p {
	color: var(--ls-muted);
	font-weight: 300;
}

/* ---- Barre de navigation ---- */
.navbar {
	background: var(--ls-card);
	border: 1px solid var(--ls-line);
	border-radius: 10px;
}
.linklist > li > a, .nav-main a, .navbar a, .breadcrumbs .crumb a {
	color: #d8d2c4;
}
#nav-vitrine a, #nav-communaute a {
	color: var(--ls-gold-light);
	font-weight: 600;
}
.breadcrumbs .crumb a:hover { color: var(--ls-gold-light); }

/* ---- Blocs de forums : des cartes ---- */
.forabg, .forumbg {
	background: var(--ls-card) none;
	border: 1px solid var(--ls-line);
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 1.35em;
}
li.header dt, li.header dd,
.forabg li.header dt, .forabg li.header dd,
.forumbg li.header dt, .forumbg li.header dd {
	color: var(--ls-gold);
	font-family: var(--ls-body);
	font-weight: 600;
	font-size: 1.05em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}
ul.topiclist li.header { background: rgba(58, 122, 82, 0.16); }
/* Le fond clair des listes vit sur le UL lui-même dans prosilver */
ul.forums, ul.topics, ul.topiclist { background: transparent none; }
ul.topiclist li { color: var(--ls-muted); }
ul.topiclist li.row {
	background: transparent;
	border-top: 1px solid rgba(9, 15, 11, 0.55);
	border-bottom-color: rgba(9, 15, 11, 0.55);
	box-shadow: inset 2px 0 0 transparent;
	transition: background 0.18s ease, box-shadow 0.18s ease;
}
.bg1, .bg2, .bg3 { background: transparent; }
/* La barre de mesure : un trait d'or s'allume à gauche de la ligne survolée */
ul.topiclist li.row:hover {
	background: var(--ls-hover);
	box-shadow: inset 2px 0 0 var(--ls-gold);
}
ul.topiclist li.row dt a.forumtitle,
ul.topiclist li.row dt a.topictitle {
	color: var(--ls-gold-light);
	font-size: 1.18em;
	font-weight: 500;
}
ul.topiclist li.row dt a.forumtitle:hover,
ul.topiclist li.row dt a.topictitle:hover {
	color: var(--ls-gold);
	text-decoration: none;
}
ul.topiclist .forum-description, .forum-description,
ul.topiclist li.row .list-inner, ul.topiclist li.row dd {
	color: var(--ls-muted);
	font-weight: 300;
}
ul.topiclist dd {
	border-left: 1px solid rgba(9, 15, 11, 0.55);
	color: var(--ls-faint);
}
ul.topiclist dd.lastpost span, ul.topiclist dd.profile strong,
ul.topiclist dd.time, li.row .responsive-show strong { color: var(--ls-muted); }
/* Icônes lu/non-lu : versions recolorées (bleu prosilver → or vitrine),
 * générées par server/forum/tool/recolor_icons.py — l'info lu/non-lu survit. */
.forum_link						{ background-image: url("./images/forum_link.png"); }
.forum_read						{ background-image: url("./images/forum_read.png"); }
.forum_read_locked				{ background-image: url("./images/forum_read_locked.png"); }
.forum_read_subforum			{ background-image: url("./images/forum_read_subforum.png"); }
.forum_unread					{ background-image: url("./images/forum_unread.png"); }
.forum_unread_locked			{ background-image: url("./images/forum_unread_locked.png"); }
.forum_unread_subforum			{ background-image: url("./images/forum_unread_subforum.png"); }
.topic_moved					{ background-image: url("./images/topic_moved.png"); }
.topic_read						{ background-image: url("./images/topic_read.png"); }
.topic_read_hot					{ background-image: url("./images/topic_read_hot.png"); }
.topic_read_hot_mine			{ background-image: url("./images/topic_read_hot_mine.png"); }
.topic_read_locked				{ background-image: url("./images/topic_read_locked.png"); }
.topic_read_locked_mine			{ background-image: url("./images/topic_read_locked_mine.png"); }
.topic_read_mine				{ background-image: url("./images/topic_read_mine.png"); }
.topic_unread					{ background-image: url("./images/topic_unread.png"); }
.topic_unread_hot				{ background-image: url("./images/topic_unread_hot.png"); }
.topic_unread_hot_mine			{ background-image: url("./images/topic_unread_hot_mine.png"); }
.topic_unread_locked			{ background-image: url("./images/topic_unread_locked.png"); }
.topic_unread_locked_mine		{ background-image: url("./images/topic_unread_locked_mine.png"); }
.topic_unread_mine				{ background-image: url("./images/topic_unread_mine.png"); }
.sticky_read					{ background-image: url("./images/sticky_read.png"); }
.sticky_read_locked				{ background-image: url("./images/sticky_read_locked.png"); }
.sticky_read_locked_mine		{ background-image: url("./images/sticky_read_locked_mine.png"); }
.sticky_read_mine				{ background-image: url("./images/sticky_read_mine.png"); }
.sticky_unread					{ background-image: url("./images/sticky_unread.png"); }
.sticky_unread_locked			{ background-image: url("./images/sticky_unread_locked.png"); }
.sticky_unread_locked_mine		{ background-image: url("./images/sticky_unread_locked_mine.png"); }
.sticky_unread_mine				{ background-image: url("./images/sticky_unread_mine.png"); }
.announce_read					{ background-image: url("./images/announce_read.png"); }
.announce_read_locked			{ background-image: url("./images/announce_read_locked.png"); }
.announce_read_locked_mine		{ background-image: url("./images/announce_read_locked_mine.png"); }
.announce_read_mine				{ background-image: url("./images/announce_read_mine.png"); }
.announce_unread				{ background-image: url("./images/announce_unread.png"); }
.announce_unread_locked			{ background-image: url("./images/announce_unread_locked.png"); }
.announce_unread_locked_mine	{ background-image: url("./images/announce_unread_locked_mine.png"); }
.announce_unread_mine			{ background-image: url("./images/announce_unread_mine.png"); }
dl.row-item dt .list-inner, dl.row-item dd { color: var(--ls-muted); }

/* ---- Panneaux, messages ---- */
.panel {
	background: var(--ls-card);
	border: 1px solid var(--ls-line);
	border-radius: 14px;
	color: var(--ls-muted);
}
.post.bg1, .post.bg2 {
	background: var(--ls-card);
	border: 1px solid var(--ls-line);
	border-radius: 14px;
	margin-bottom: 1em;
}
.postbody .content, .content {
	color: var(--ls-ink);
	font-family: var(--ls-body);
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.65;
}
.postbody h3, .postbody h3 a {
	font-family: var(--ls-body);
	color: var(--ls-gold-light);
	font-weight: 600;
}
.postprofile, .postprofile strong, dd.profile { color: var(--ls-muted); }
.postprofile { border-color: var(--ls-line); }
.postprofile .username, .postprofile .username-coloured { font-weight: 600; }
blockquote {
	background: var(--ls-elevated);
	border-left: 3px solid var(--ls-gold);
	border-radius: 0 8px 8px 0;
	color: #d8d2c4;
}
.codebox {
	background: var(--ls-bg-deep);
	border: 1px solid var(--ls-green-deep);
	border-radius: 8px;
}
.codebox code { color: var(--ls-green); }
.signature { border-top: 1px solid var(--ls-line); color: var(--ls-faint); }

/* ---- Titres de pages ---- */
h2, h2.forum-title, h2.topic-title, .forum-title, .topic-title,
h2.forum-title a, h2.topic-title a {
	font-family: var(--ls-display);
	font-weight: 500;
	color: var(--ls-gold-light);
	font-size: 1.9em;
}
.panel h3, .stat-block h3, .box2 h3 {
	color: var(--ls-gold);
	font-family: var(--ls-body);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.95em;
	border-bottom: 1px solid var(--ls-line);
}

/* ---- Liens & boutons ---- */
a { color: var(--ls-green); }
a:hover, a:active { color: var(--ls-gold-light); }
.button {
	background: var(--ls-gold) none;
	border: 1px solid var(--ls-gold-dim);
	border-radius: 8px;
	color: var(--ls-bg-deep);
	font-family: var(--ls-body);
	font-weight: 600;
	transition: background 0.18s ease, transform 0.18s ease;
}
.button:hover, .button:focus {
	background: var(--ls-gold-light) none;
	border-color: var(--ls-gold);
	color: var(--ls-bg-deep);
	transform: translateY(-1px);
}
.button .icon { color: inherit; }
/* Boutons hérités (login, formulaires) */
input.button1, input.button2, a.button1, a.button2 {
	background: var(--ls-gold) none;
	border: 1px solid var(--ls-gold-dim);
	border-radius: 8px;
	color: var(--ls-bg-deep);
	font-family: var(--ls-body);
	font-weight: 600;
}
input.button1:hover, input.button2:hover, a.button1:hover, a.button2:hover {
	background: var(--ls-gold-light) none;
	border-color: var(--ls-gold);
	color: var(--ls-bg-deep);
}
input.button2, a.button2 {
	background: transparent none;
	border-color: rgba(240, 235, 227, 0.18);
	color: var(--ls-muted);
}
input.button2:hover, a.button2:hover { background: transparent none; color: var(--ls-gold-light); }
.button-secondary, .button.button-secondary {
	background: transparent none;
	border-color: rgba(240, 235, 227, 0.18);
	color: var(--ls-muted);
}
.button-secondary:hover { border-color: var(--ls-gold); color: var(--ls-gold-light); transform: none; }
.dropdown-extended .header, .dropdown-contents {
	background: var(--ls-elevated);
	border: 1px solid var(--ls-line);
	color: #d8d2c4;
}
.dropdown .pointer-inner { border-color: var(--ls-elevated) transparent; }
.dropdown-contents a { color: #d8d2c4; }
.dropdown-contents a:hover { color: var(--ls-gold-light); }

/* ---- Formulaires ---- */
.inputbox {
	background: var(--ls-bg-deep);
	border: 1px solid var(--ls-green-deep);
	border-radius: 8px;
	color: var(--ls-ink);
	font-family: var(--ls-body);
}
.inputbox:hover, .inputbox:focus {
	background: var(--ls-bg);
	border-color: var(--ls-gold);
}
/* L'autofill Chrome peint un fond bleu clair : on le ramène au thème */
input.inputbox:-webkit-autofill,
input.inputbox:-webkit-autofill:hover,
input.inputbox:-webkit-autofill:focus {
	-webkit-box-shadow: inset 0 0 0 1000px var(--ls-bg-deep);
	-webkit-text-fill-color: var(--ls-ink);
	caret-color: var(--ls-ink);
}
select, .dropdown-select {
	background: var(--ls-bg-deep);
	color: var(--ls-ink);
	border: 1px solid var(--ls-green-deep);
	border-radius: 8px;
	font-family: var(--ls-body);
}
label, dt label, .quick-login label { color: var(--ls-muted); }
.rules {
	background: var(--ls-elevated);
	border-radius: 10px;
	color: var(--ls-gold-light);
}

/* ---- Pagination ---- */
.pagination li a, .pagination li span {
	background: var(--ls-card);
	border: 1px solid var(--ls-line);
	border-radius: 6px;
	color: var(--ls-muted);
}
.pagination li a:hover { border-color: var(--ls-gold); color: var(--ls-gold-light); background: var(--ls-card); }
.pagination li.active span {
	background: var(--ls-gold);
	border-color: var(--ls-gold);
	color: var(--ls-bg-deep);
}

/* ---- Divers ---- */
p { color: var(--ls-muted); }
.copyright, .footer-row, .stat-block { color: var(--ls-faint); }
hr { border-color: var(--ls-line); }
dl.details dt { color: var(--ls-faint); }
dl.details dd { color: #d8d2c4; }
.notice { border-top-color: var(--ls-line); }
.error { color: #e8846d; }

/* Accessibilité : focus toujours visible, animations coupées si demandé */
a:focus-visible, .button:focus-visible, .inputbox:focus-visible,
input:focus-visible, select:focus-visible {
	outline: 2px solid var(--ls-gold);
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	ul.topiclist li.row, .button { transition: none; }
	.button:hover { transform: none; }
}

/* Mobile : les cartes respirent, la barre de mesure reste */
@media (max-width: 700px) {
	.forabg, .forumbg, .panel, .post.bg1, .post.bg2 { border-radius: 10px; }
	#site-description h1 { font-size: 1.6em; }
}