/**  -----------------------------------------------------------------
	CUSTOM CSS MODERNE - SPORTPOURTOUS
	Fichier prioritaire qui écrase tous les autres styles
	À charger en DERNIER dans overall_header.html
-----------------------------------------------------------------  **/

/* Force l'application des variables CSS */
:root {
	--bg-primary: #0a0a0a !important;
	--bg-secondary: #1a1a1a !important;
	--bg-card: rgba(26, 26, 26, 0.8) !important;
	--bg-hover: rgba(74, 144, 226, 0.1) !important;
	--border-color: rgba(255, 255, 255, 0.1) !important;
	--text-primary: #ffffff !important;
	--text-secondary: #cccccc !important;
	--text-muted: #999999 !important;
	--accent-blue: #4a90e2 !important;
	--accent-blue-dark: #357abd !important;
}

/* BODY ET BACKGROUND */
body {
	background: #0a0a0a !important;
	color: #ffffff !important;
	font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif !important;
}

html {
	background: #0a0a0a !important;
}

/* WRAPPER */
#wrap,
.wrap {
	background: #0a0a0a !important;
	border: none !important;
}

/* PAGE BODY */
#page-body,
.page-body {
	background: transparent !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 15px !important;
}

/* HEADER MODERNE */
#page-header {
	background: #1a1a1a !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 999 !important;
}

.headerbar {
	background: linear-gradient(to bottom, rgba(26, 26, 26, 0.95) 0%, rgba(13, 13, 13, 0.95) 100%) !important;
	backdrop-filter: blur(10px) !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	padding: 15px 20px !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.headerbar .inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 30px !important;
	flex-wrap: wrap !important;
}

/* LOGO ANIMÉ */
.site_logo {
	width: 235px !important;
	height: 52px !important;
	background: transparent !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	overflow: hidden !important;
	background-image: none !important;
}

.site_logo .sports-bg {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-around !important;
	font-size: 26px !important;
}

.site_logo .sports-bg span {
	animation: fadeInOut 3s ease-in-out infinite !important;
}

@keyframes fadeInOut {
	0%, 100% { opacity: 0.1; }
	50% { opacity: 0.4; }
}

.site_logo .text {
	position: relative !important;
	z-index: 2 !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	background: linear-gradient(135deg, #fff 0%, #888 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	letter-spacing: 2px !important;
	font-family: 'Impact', 'Arial Black', sans-serif !important;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.9)) !important;
}

/* SITE DESCRIPTION */
#site-description {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex: 1 !important;
}

#site-description h1 {
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

#site-description p {
	color: #999999 !important;
	font-size: 13px !important;
	margin: 0 !important;
}

/* BARRE DE RECHERCHE */
#search-box.search-header {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	padding: 8px 15px !important;
}

#search-box input[type="search"],
#search-box input.inputbox {
	background: transparent !important;
	border: none !important;
	color: #ffffff !important;
	outline: none !important;
}

/* NAVIGATION */
.navbar {
	background: rgba(26, 26, 26, 0.8) !important;
	border-radius: 0 !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

ul.linklist,
ul.navlinks {
	padding: 12px 20px !important;
	margin: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 5px !important;
	border-top: none !important;
}

ul.linklist a,
ul.navlinks a {
	color: #cccccc !important;
	text-decoration: none !important;
	padding: 8px 15px !important;
	border-radius: 6px !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
}

ul.linklist a:hover,
ul.navlinks a:hover {
	background: rgba(74, 144, 226, 0.1) !important;
	color: #4a90e2 !important;
}

/* CARTES DE FORUM */
.forabg,
.forumbg {
	background: rgba(26, 26, 26, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	margin-bottom: 20px !important;
	padding: 0 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
	overflow: hidden !important;
}

.forabg .inner,
.forumbg .inner {
	padding: 0 !important;
	background: transparent !important;
}

/* HEADERS DES FORUMS */
.forabg .header,
.forumbg .header {
	background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%) !important;
	padding: 15px 20px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0 !important;
}

.forabg .header a,
.forumbg .header a {
	color: white !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* LISTES DE TOPICS */
ul.topiclist {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
}

ul.topiclist li {
	margin-bottom: 2px !important;
	background: transparent !important;
	border: none !important;
}

ul.topiclist li:hover {
	background: rgba(255, 255, 255, 0.03) !important;
}

li.row {
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	padding: 15px 20px !important;
	background: transparent !important;
}

li.row:last-child {
	border-bottom: none !important;
}

li.header dt,
li.header dd {
	padding: 12px 15px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #999999 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	background: rgba(0, 0, 0, 0.2) !important;
}

/* TITRES DE TOPICS */
.topictitle {
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.topictitle:hover {
	color: #4a90e2 !important;
}

/* POSTS */
.post {
	background: rgba(26, 26, 26, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.postbody {
	padding: 20px !important;
	background: transparent !important;
}

.content {
	color: #cccccc !important;
	line-height: 1.7 !important;
}

/* PANELS */
.panel {
	background: rgba(26, 26, 26, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	margin-bottom: 15px !important;
	padding: 20px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

/* BOUTONS */
.button,
input[type="submit"],
input[type="button"],
button {
	background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%) !important;
	border: none !important;
	border-radius: 6px !important;
	color: white !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 10px 20px !important;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* FORMULAIRES */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	padding: 10px 15px !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: #4a90e2 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1) !important;
}

/* TABLEAUX */
table.table1 {
	background: transparent !important;
}

table.table1 thead th {
	color: #cccccc !important;
	background: rgba(0, 0, 0, 0.3) !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
}

table.table1 tbody tr {
	border: none !important;
	background: transparent !important;
}

table.table1 tbody tr:hover {
	background: rgba(255, 255, 255, 0.03) !important;
}

table.table1 tbody td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	border-top: none !important;
	color: #cccccc !important;
}

/* PAGINATION */
.pagination li a,
.pagination li span {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 6px !important;
	color: #cccccc !important;
}

.pagination li a:hover {
	background: #4a90e2 !important;
	border-color: #4a90e2 !important;
	color: white !important;
}

.pagination li.active span {
	background: #4a90e2 !important;
	border-color: #4a90e2 !important;
	color: white !important;
}

/* DROPDOWNS */
.dropdown {
	border-radius: 8px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
	background: #1a1a1a !important;
}

.dropdown-contents {
	background: #1a1a1a !important;
	border: none !important;
}

.dropdown-contents a {
	color: #cccccc !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.dropdown-contents a:hover {
	background: rgba(74, 144, 226, 0.1) !important;
	color: #4a90e2 !important;
}

.dropdown-extended .header {
	background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%) !important;
	color: white !important;
	border-radius: 8px 8px 0 0 !important;
}

/* FOOTER */
#page-footer {
	background: #1a1a1a !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #999999 !important;
}

.copyright {
	color: #999999 !important;
}

/* RÈGLES ET INFORMATIONS */
div.rules,
#information {
	background: rgba(74, 144, 226, 0.1) !important;
	border: 1px solid #4a90e2 !important;
	border-left: 4px solid #4a90e2 !important;
	border-radius: 8px !important;
	color: #cccccc !important;
}

/* SCROLLBAR */
::-webkit-scrollbar {
	width: 12px !important;
	height: 12px !important;
}

::-webkit-scrollbar-track {
	background: #0a0a0a !important;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2) !important;
	border-radius: 6px !important;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.3) !important;
}

/* RESPONSIVE */
@media only screen and (max-width: 700px) {
	.site_logo {
		width: 180px !important;
		height: 45px !important;
	}
	
	.site_logo .text {
		font-size: 15px !important;
		letter-spacing: 1px !important;
	}
	
	.site_logo .sports-bg {
		font-size: 20px !important;
	}
	
	.headerbar .inner {
		flex-direction: column !important;
		gap: 15px !important;
	}
	
	#site-description {
		flex-direction: column !important;
		text-align: center !important;
	}
}

/* CACHE LA GRANDE BANNIÈRE SPORT & PASSION */
/* Si vous voulez garder cette bannière, supprimez cette section */
img[src*="sport"][src*="passion"],
img[alt*="Sport"][alt*="Passion"] {
	display: none !important;
}

/* FIN DU CSS CUSTOM */
/* ═══════════════════════════════════════════════════════════════════
   PATCH CORRECTIF - LARGEUR PLEIN ÉCRAN
   À AJOUTER À LA FIN DU FICHIER custom_modern.css
   ═══════════════════════════════════════════════════════════════════ */

/* Forcer le wrapper à prendre toute la largeur */
#wrap,
.wrap {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Page body avec marges automatiques mais fond étendu */
#page-body,
.page-body {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 15px !important;
	box-sizing: border-box !important;
}

/* Header pleine largeur */
#page-header {
	width: 100% !important;
	max-width: 100% !important;
}

.headerbar {
	width: 100% !important;
}

/* Navbar pleine largeur */
.navbar {
	width: 100% !important;
}

/* S'assurer que le body et html prennent toute la largeur */
html,
body {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Footer pleine largeur */
#page-footer {
	width: 100% !important;
	max-width: 100% !important;
}

/* FIN DU PATCH */
/* ═══════════════════════════════════════════════════════════════════
   PATCH - STYLISATION DU TCHAT MCHAT
   À ajouter à la fin de custom_modern.css
   ═══════════════════════════════════════════════════════════════════ */

/* ===== BARRE MCHAT EN HAUT ===== */
#mchat {
	background: rgba(26, 26, 26, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	margin-bottom: 20px !important;
	padding: 15px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
	max-height: 300px !important;  /* Limite la hauteur */
	overflow-y: auto !important;
}

/* En-tête MCHAT */
#mchat .mchat-header,
.mchat-header {
	background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%) !important;
	border-radius: 8px 8px 0 0 !important;
	padding: 10px 15px !important;
	color: white !important;
	font-weight: 600 !important;
	margin: -15px -15px 15px -15px !important;
}

/* Messages du tchat */
.mchat-message,
#mchat .mchat-message {
	background: rgba(0, 0, 0, 0.2) !important;
	border-radius: 6px !important;
	padding: 8px 12px !important;
	margin-bottom: 8px !important;
	color: #cccccc !important;
	border-left: 3px solid #4a90e2 !important;
}

.mchat-message:hover {
	background: rgba(255, 255, 255, 0.05) !important;
}

/* Nom d'utilisateur dans le tchat */
.mchat-message .username,
.mchat-message strong {
	color: #4a90e2 !important;
	font-weight: 600 !important;
}

/* ===== ZONE DE RÉDACTION (EN BAS) ===== */

/* Conteneur principal de la zone de rédaction */
#message-box,
.mchat-panel,
#mchat-input-panel {
	background: rgba(26, 26, 26, 0.9) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	padding: 15px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
	margin-top: 20px !important;
}

/* Textarea de saisie - RÉDUIRE LA TAILLE */
#message-box textarea,
#message,
.mchat-input,
textarea[name="message"] {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	padding: 12px 15px !important;
	min-height: 80px !important;  /* RÉDUIT de beaucoup ! */
	max-height: 150px !important;
	height: 80px !important;  /* Hauteur fixe réduite */
	resize: vertical !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#message-box textarea:focus,
#message:focus,
.mchat-input:focus {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: #4a90e2 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1) !important;
}

/* Placeholder */
#message-box textarea::placeholder,
#message::placeholder {
	color: #666666 !important;
}

/* ===== BOUTONS DE FORMATAGE ===== */

/* Conteneur des boutons */
.format-buttons,
#format-buttons,
.mchat-buttons,
#bbcode-buttons {
	background: rgba(0, 0, 0, 0.3) !important;
	border-radius: 8px !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 5px !important;
}

/* Boutons individuels */
.format-buttons button,
#format-buttons button,
.mchat-buttons button,
#bbcode-buttons button,
input[type="button"][class*="button"] {
	background: rgba(74, 144, 226, 0.2) !important;
	border: 1px solid rgba(74, 144, 226, 0.4) !important;
	border-radius: 6px !important;
	color: #4a90e2 !important;
	padding: 6px 12px !important;
	font-size: 13px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	min-width: auto !important;
	height: auto !important;
}

.format-buttons button:hover,
#format-buttons button:hover,
.mchat-buttons button:hover,
#bbcode-buttons button:hover {
	background: #4a90e2 !important;
	border-color: #4a90e2 !important;
	color: white !important;
	transform: translateY(-1px) !important;
}

/* Bouton "Envoyer" / "Confirmer" */
button[type="submit"],
input[type="submit"],
.mchat-submit,
#mchat input[type="submit"] {
	background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%) !important;
	border: none !important;
	border-radius: 8px !important;
	color: white !important;
	padding: 10px 25px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
.mchat-submit:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4) !important;
}

/* ===== EMOJIS / SMILEYS ===== */

/* Conteneur des emojis */
.smiley-box,
#smiley-box,
.mchat-smilies {
	background: rgba(0, 0, 0, 0.3) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	padding: 10px !important;
	max-height: 150px !important;
	overflow-y: auto !important;
}

/* Emojis individuels */
.smiley-box img,
#smiley-box img,
.mchat-smilies img {
	margin: 3px !important;
	cursor: pointer !important;
	transition: transform 0.2s ease !important;
}

.smiley-box img:hover,
#smiley-box img:hover {
	transform: scale(1.2) !important;
}

/* ===== DROPDOWN "Normale" ===== */

select,
#mchat select,
.mchat-select {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	padding: 8px 12px !important;
	cursor: pointer !important;
}

select:focus {
	border-color: #4a90e2 !important;
	outline: none !important;
}

/* ===== SCROLLBAR DANS LE TCHAT ===== */

#mchat::-webkit-scrollbar,
.mchat-message::-webkit-scrollbar {
	width: 8px !important;
}

#mchat::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2) !important;
	border-radius: 4px !important;
}

#mchat::-webkit-scrollbar-thumb {
	background: rgba(74, 144, 226, 0.3) !important;
	border-radius: 4px !important;
}

#mchat::-webkit-scrollbar-thumb:hover {
	background: rgba(74, 144, 226, 0.5) !important;
}

/* ===== BOUTON FLASHGAME ===== */

button[value="flashgame"],
input[value="flashgame"] {
	background: rgba(255, 165, 0, 0.2) !important;
	border: 1px solid rgba(255, 165, 0, 0.4) !important;
	color: #ffa500 !important;
}

button[value="flashgame"]:hover,
input[value="flashgame"]:hover {
	background: #ffa500 !important;
	color: white !important;
}

/* ===== RESPONSIVE ===== */

@media only screen and (max-width: 700px) {
	#mchat {
		max-height: 200px !important;
	}
	
	#message-box textarea,
	#message {
		min-height: 60px !important;
		height: 60px !important;
	}
	
	.format-buttons,
	#format-buttons {
		justify-content: center !important;
	}
}

/* FIN DU PATCH MCHAT */

/* === NARROW LAYOUT (forum + mchat) =================================== */
/* largeur cible du contenu */
:root { --content-width: 980px !important; }

/* zone principale (forum, listes, topics, etc.) */
#page-body,
.page-body {
  max-width: var(--content-width) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* header/toolbar centr�s � la m�me largeur */
.headerbar .inner,
.navbar .inner,
#page-footer .inner {
  max-width: var(--content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* mChat : s�aligne exactement comme le reste */
#mchat,
#mchat-input-panel,
#message-box,
.mchat-panel {
  max-width: var(--content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* s�curit� : emp�che un �l�ment interne de d�border */
#page-body *, #mchat * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* un peu plus large sur �crans tr�s grands (optionnel) */
@media (min-width: 1600px) {
  :root { --content-width: 1080px !important; }
}

/* === NARROW LAYOUT � r�duit tout le forum (mchat compris) === */
:root { --content-width: 980px !important; } /* ? change ici si tu veux 900/1100/etc. */

/* 1) Conteneur global du site */
#wrap,
.wrap {
  max-width: var(--content-width) !important; /* �crase le max-width:100% existant */
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2) Corps de page (double filet de s�cu) */
#page-body,
.page-body {
  max-width: var(--content-width) !important; /* �crase les 1200px existants */
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3) Aligner les zones internes sur la m�me largeur */
.headerbar .inner,
.navbar .inner,
#page-footer .inner,
#mchat,
#mchat-input-panel,
#message-box,
.mchat-panel {
  max-width: var(--content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 4) Anti-d�bordement */
#wrap *, #page-body *, #mchat * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
/* === MCHAT INPUT FIX � hauteur r�duite + fond noir ==================== */

/* zone de saisie principale */
#mchat-input-panel textarea,
#mchat-input textarea,
#mchat-message,
#mchat-input-message,
#mchat-input #message-box textarea {
  height: 60px !important;        /* ? ajuste ici (50�70px selon ton go�t) */
  min-height: 50px !important;
  max-height: 100px !important;
  background-color: #000 !important; /* fond noir */
  color: #fff !important;            /* texte blanc visible */
  border: 1px solid #333 !important; /* bordure fine et sobre */
  border-radius: 6px !important;
  padding: 6px 10px !important;
  resize: none !important;           /* emp�che le redimensionnement manuel */
}

/* placeholder (texte gris� avant saisie) */
#mchat-input-panel textarea::placeholder,
#mchat-input textarea::placeholder {
  color: #aaa !important;
  opacity: 0.8;
}

/* barre autour du champ si focus */
#mchat-input-panel textarea:focus,
#mchat-input textarea:focus {
  outline: none !important;
  border-color: #666 !important;
  box-shadow: 0 0 4px #222 inset !important;
}

/* === FORCE MCHAT INPUT BLACK ========================================== */
#mchat-message,
#mchat-input-panel textarea,
#mchat-input textarea,
#mchat-input #message-box textarea,
#mchat-panel textarea,
textarea.inputbox#mchat-message {
  background-color: #000 !important;  /* fond noir */
  color: #fff !important;             /* texte blanc */
  border: 1px solid #444 !important;  /* bord discret */
  border-radius: 6px !important;
  height: 60px !important;            /* r�duit la hauteur */
  padding: 6px 10px !important;
  resize: none !important;
}

/* couleur du placeholder */
#mchat-message::placeholder,
#mchat-input-panel textarea::placeholder,
textarea.inputbox#mchat-message::placeholder {
  color: #aaa !important;
  opacity: 0.8 !important;
}
/* Cacher le champ recherche dans le header */
.headerbar input[name="keywords"],
.headerbar input[placeholder*="Recherche"],
.site-description input[type="search"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}
/* ============================================================
   FIX FINAL SPORTPOURTOUS - 30 NOVEMBRE 2025
   A AJOUTER A LA TOUTE FIN DE custom_modern.css
   ============================================================ */

/* CACHER LE CHAMP "Recherche..." DANS LE HEADER (encadre rouge) */
.headerbar input[name="keywords"],
.headerbar input[placeholder*="Recherche"],
.site-description input[type="search"],
.search-box input[name="keywords"],
#search-box input[name="keywords"],
input.inputbox[name="keywords"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* SUPPRIMER LE GROS CADRE BLEU SOUS ACCUEIL/INDEX */
.headerbar + .navbar,
.headerbar + .navbar .inner,
.headerbar + .navbar *,
#page-header > .navbar:last-of-type,
#page-header > .navbar:last-of-type .inner,
.navbar[role="navigation"],
.navbar[role="navigation"] .inner {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 5px 0 !important;
    border-radius: 0 !important;
}

/* Supprimer les pseudo-elements du cadre */
.headerbar + .navbar::before,
.headerbar + .navbar::after,
.navbar[role="navigation"]::before,
.navbar[role="navigation"]::after {
    display: none !important;
    content: none !important;
}

/* Garder les boutons ACCUEIL/INDEX centres */
#nav-breadcrumbs,
.nav-breadcrumbs.linklist.navlinks {
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}