/*
 * LVEI - Public theme enhancements
 * Public pages only. Loaded conditionally from overall_header.html.
 * The ACP is not modified.
 */
:root {
	--lvei-bg: #050609;
	--lvei-surface: #10131D;
	--lvei-surface-2: #15182A;
	--lvei-surface-3: #1B1F31;
	--lvei-border: #343952;
	--lvei-red: #8F1824;
	--lvei-red-hover: #B52332;
	--lvei-cyan: #63B9BA;
	--lvei-cyan-hover: #8BD9D9;
	--lvei-text: #E4E6ED;
	--lvei-muted: #AAB2C3;
}

html, body { background: var(--lvei-bg); color: var(--lvei-text); }
.wrap { background: transparent; }

/* Header: keep the existing site_logo from colours.css visible. */
.headerbar { background: #080B12; border-bottom: 1px solid var(--lvei-border); }
#site-description { min-height: 200px; text-align: center; }
#site-description .site_logo { display: inline-block; width: 615px; height: 200px; background-repeat: no-repeat; background-position: center top; }

#social-link-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px auto 8px;
	padding: 0 8px;
	line-height: 0;
}
#social-link-icons > a { display:block; line-height:0; border:1px solid transparent; border-radius:4px; transition:transform .18s ease,border-color .18s ease,filter .18s ease; }
#social-link-icons > a:hover { transform:translateY(-2px); border-color:rgba(99,185,186,.55); filter:brightness(1.08); }
#social-link-icons img { display:block; width:150px; height:75px; max-width:100%; object-fit:contain; }

/* Public forum surfaces */
.forumbg, .forabg { border-color:var(--lvei-border); background-color:var(--lvei-surface); background-image:linear-gradient(90deg,#230A10 0%,#3A1018 72%,var(--lvei-red) 100%); }
.forumbg .header a, .forabg .header a, th a { color:#F2F3F7; }
.forumbg .header a:hover, .forabg .header a:hover, th a:hover { color:var(--lvei-cyan-hover); }
ul.forums { opacity:1; background:var(--lvei-surface-2); }
li.row { border-top-color:#292D43; border-bottom-color:#202438; background:var(--lvei-surface-2); }
li.row:hover { border-color:#3B465D; background:linear-gradient(90deg,#15182A 0%,#193C43 100%); }
li.row:hover dd { border-left-color:#3A9B9B; }
.rtl li.row:hover dd { border-right-color:#3A9B9B; border-left-color:transparent; }
li.row strong { color:#B8E1E1; }
ul.topiclist li,.postbody,.content { color:var(--lvei-text); }
ul.topiclist dd { border-left-color:var(--lvei-border); }
.rtl ul.topiclist dd { border-right-color:var(--lvei-border); border-left-color:transparent; }
li.header dt,li.header dd { color:#E4E6ED; }

a { color:var(--lvei-cyan); }
a:hover { color:var(--lvei-cyan-hover); }
.post { border-color:var(--lvei-border); }
.post h3 a { color:#E4E6ED; }
.post h3 a:hover { color:var(--lvei-cyan-hover); }
.postprofile { color:var(--lvei-muted); border-color:var(--lvei-border); }
.postprofile strong { color:#D85A4A; }
.signature { border-top-color:var(--lvei-border); }
.panel { background:var(--lvei-surface-2); color:var(--lvei-text); border-color:var(--lvei-border); }
.content h2,.panel h2 { color:var(--lvei-text); border-bottom-color:var(--lvei-border); }

/* Public forms: readable controls */
.inputbox { background:#E8EAF0; border-color:#4B5164; color:#1A1D26; }
.inputbox:hover,.inputbox:focus { border-color:var(--lvei-cyan); }
select { background:#E8EAF0; border-color:#4B5164; color:#1A1D26; }
.message-box textarea { background:#10131D; border-color:#4B5164; color:#E4E6ED; }

/* Buttons */
.button { border-color:#4B5164; background:#202438; background-image:linear-gradient(to bottom,#2A2F42 0%,#171A28 100%); box-shadow:0 0 0 1px #343952 inset; color:#E4E6ED; }
.button:hover,.button:focus { border-color:var(--lvei-cyan); color:var(--lvei-cyan-hover); }
a.button1,input.button1,input.button3,a.button2,input.button2 { color:#E4E6ED; background-color:#202438; border-color:#4B5164; }
a.button1:hover,input.button1:hover,a.button2:hover,input.button2:hover,input.button3:hover { border-color:var(--lvei-cyan); color:var(--lvei-cyan-hover); background-color:#293344; }

/* BBCode */
blockquote { background:#172F35; border-color:#3A9B9B; color:#D8E0E5; }
blockquote blockquote { background:#1B3940; border-color:#4BA7A7; }
blockquote blockquote blockquote { background:#20434A; border-color:#5CB8B8; }
.codebox { background:#0C0F16; border-color:#30354F; }
.codebox p { border-bottom-color:#30354F; color:#9EA6B8; }
.codebox code { color:#6CCACA; }

/* Dropdowns / pagination */
.dropdown .dropdown-contents,.dropdown-extended .header,.dropdown-extended .footer { border-color:#343952; background:#15182A; color:#E4E6ED; }
.dropdown li,.dropdown li li,.dropdown-extended ul li { border-color:#343952; }
.dropdown-extended ul li:hover { background:#193C43; color:#E4E6ED; }
.pagination li a { background:#202438; border-color:#4B5164; color:#AEB7C8; }
.pagination li.active span { background:#3A7F8A; border-color:#3A7F8A; color:#fff; }
.pagination li a:hover { background:#3A9B9B; border-color:#3A9B9B; color:#fff; }

/* Footer */
#page-footer { border-top:1px solid var(--lvei-border); }
.copyright { color:#7F879A; }

@media (max-width:700px) {
	#site-description { min-height:auto; }
	#site-description .site_logo { width:min(615px,100%); height:auto; aspect-ratio:615/200; background-size:contain; }
	#social-link-icons { gap:5px; padding:0 4px; }
	#social-link-icons img { width:min(120px,28vw); height:auto; aspect-ratio:2/1; }
}
@media (max-width:480px) { #social-link-icons img { width:min(100px,28vw); } }


/* MCP - correction du contraste des onglets
---------------------------------------- */
/* Les onglets MCP utilisent un fond clair dans le thème d'origine.
   Le texte doit rester suffisamment sombre pour être lisible. */
.mcp-main .tabs .tab > a {
	color: #263040;
}

.mcp-main .tabs .tab > a:hover {
	color: #FFFFFF;
}

.mcp-main .tabs .activetab > a,
.mcp-main .tabs .activetab > a:hover {
	color: #E4E6ED;
}