/**  -----------------------------------------------------------------
	Style name:			progamer MODERN EDITION
	Based on:			progamer by Mazeltof
	Inherited from:		prosilver (phpBB 3.2.x)
	Modified by:		Claude AI - Design Moderne 2025
	Description:		Design sombre, élégant et moderne
-----------------------------------------------------------------  **/
@import url("custom_modern.css");

/**  ============================================================
     VARIABLES CSS ET COULEURS DE BASE
     ============================================================  **/

:root {
	--bg-primary: #0a0a0a;
	--bg-secondary: #1a1a1a;
	--bg-card: rgba(26, 26, 26, 0.8);
	--bg-hover: rgba(74, 144, 226, 0.1);
	--border-color: rgba(255, 255, 255, 0.1);
	--text-primary: #ffffff;
	--text-secondary: #cccccc;
	--text-muted: #999999;
	--accent-blue: #4a90e2;
	--accent-blue-dark: #357abd;
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
	--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
}

/**  ============================================================
     RESET ET STYLES DE BASE
     ============================================================  **/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: var(--bg-primary);
	color: var(--text-primary);
	font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
	line-height: 1.6;
	padding: 0;
	margin: 0;
}

html {
	scroll-behavior: smooth;
}

/**  ============================================================
     WRAPPER ET STRUCTURE PRINCIPALE
     ============================================================  **/

#wrap {
	background: var(--bg-primary);
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 950px) {
	.wrap {
		margin: 0;
		padding: 0;
	}
}

.page-body {
	margin: 0;
	padding: 15px;
	max-width: 1200px;
	margin: 0 auto;
}

/**  ============================================================
     LOGO ANIMÉ MODERNE
     ============================================================  **/

.site_logo {
	width: 235px;
	height: 52px;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

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

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

.site_logo .sports-bg span:nth-child(1) { animation-delay: 0s; }
.site_logo .sports-bg span:nth-child(2) { animation-delay: 0.75s; }
.site_logo .sports-bg span:nth-child(3) { animation-delay: 1.5s; }
.site_logo .sports-bg span:nth-child(4) { animation-delay: 2.25s; }

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

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

/**  ============================================================
     HEADER MODERNE
     ============================================================  **/

#page-header {
	background: var(--bg-secondary);
	border-bottom: 1px solid var(--border-color);
	box-shadow: var(--shadow-md);
	position: sticky;
	top: 0;
	z-index: 999;
}

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

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

#site-description {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
}

#site-description h1 {
	color: var(--text-primary);
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}

#site-description p {
	color: var(--text-muted);
	font-size: 13px;
	margin: 0;
}

.skiplink {
	display: none;
}

/**  ============================================================
     BARRE DE RECHERCHE MODERNE
     ============================================================  **/

#search-box.search-header {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-md);
	padding: 8px 15px;
	transition: all 0.3s ease;
}

#search-box.search-header:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--accent-blue);
}

#search-box input[type="search"],
#search-box input.inputbox {
	background: transparent;
	border: none;
	color: var(--text-primary);
	font-size: 14px;
	padding: 5px 10px;
	outline: none;
}

#search-box input::placeholder {
	color: var(--text-muted);
}

#search-box .button {
	background: transparent;
	border: none;
	color: var(--text-secondary);
	cursor: pointer;
	padding: 5px 10px;
	transition: color 0.3s ease;
}

#search-box .button:hover {
	color: var(--accent-blue);
}

/**  ============================================================
     NAVIGATION MODERNE
     ============================================================  **/

.navbar {
    background: var(--bg-card);
    border-radius: 0;
    margin-bottom: 5px;   /* <-- Maintenant 5px */	padding: 0;
	border: none;
	box-shadow: var(--shadow-sm);
}

.navbar .inner {
	max-width: 1200px;
	margin: 0 auto;
}

ul.linklist {
	padding: 12px 20px;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

ul.linklist > li {
	line-height: 2em;
	margin: 0;
}

ul.linklist a,
ul.linklist .rightside a {
	color: var(--text-secondary);
	text-decoration: none;
	padding: 8px 15px;
	border-radius: var(--radius-sm);
	transition: all 0.3s ease;
	display: inline-block;
}

ul.linklist a:hover {
	background: var(--bg-hover);
	color: var(--accent-blue);
}

ul.navlinks {
	border-top: none;
	padding: 10px 20px;
}

/**  ============================================================
     CARTES DE FORUM (FORABG / FORUMBG)
     ============================================================  **/

.forabg,
.forumbg {
	background: var(--bg-card);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	margin-bottom: 20px;
	padding: 0;
	box-shadow: var(--shadow-md);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.forabg:hover,
.forumbg:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-lg);
}

.forabg .inner,
.forumbg .inner {
	padding: 0;
}

/* Headers des forums */
.forabg .header,
.forumbg .header {
	background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);
	padding: 15px 20px;
	border-bottom: 1px solid var(--border-color);
}

.forabg .header a,
.forumbg .header a {
	color: white;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.forabg .header a:hover,
.forumbg .header a:hover {
	opacity: 0.9;
}

/**  ============================================================
     LISTES DE TOPICS ET FORUMS
     ============================================================  **/

ul.topiclist {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.topiclist li {
	margin-bottom: 2px;
	transition: background 0.2s ease;
}

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

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

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

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

li.row dt {
	padding: 0 15px 0 0;
}

li.row dd {
	padding: 0;
}

/* Icônes de dossiers */
dl.row-item {
	background-position: 10px 50%;
	padding-left: 60px;
}

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

/**  ============================================================
     TITRES ET LIENS DE TOPICS
     ============================================================  **/

.topictitle {
	color: var(--text-primary);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.3s ease;
	display: inline-block;
}

.topictitle:hover {
	color: var(--accent-blue);
}

/**  ============================================================
     PAGINATION MODERNE
     ============================================================  **/

.pagination {
	margin: 10px 0;
}

.pagination li {
	display: inline-block;
	margin: 0 3px;
}

.pagination li a,
.pagination li span {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-sm);
	color: var(--text-secondary);
	padding: 6px 12px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
}

.pagination li a:hover {
	background: var(--accent-blue);
	border-color: var(--accent-blue);
	color: white;
}

.pagination li.active span {
	background: var(--accent-blue);
	border-color: var(--accent-blue);
	color: white;
	font-weight: 600;
}

.pagination li.page-jump a {
	padding: 6px 10px;
}

.pagination li.page-jump a i {
	font-size: 14px;
}

.pagination .arrow a {
	padding: 6px 8px;
}

.pagination li.ellipsis span {
	padding: 6px 5px;
	background: transparent;
	border: none;
}

/* Pagination petite dans les rows */
.row .pagination li a,
.row .pagination li span {
	padding: 3px 6px;
	font-size: 12px;
}

/**  ============================================================
     POSTS ET MESSAGES
     ============================================================  **/

.post {
	background: var(--bg-card);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	margin-bottom: 15px;
	padding: 0;
	box-shadow: var(--shadow-md);
	overflow: hidden;
}

.postbody {
	padding: 20px;
}

.postbody h3 {
	color: var(--text-primary);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.content {
	color: var(--text-secondary);
	line-height: 1.7;
	font-size: 14px;
}

/**  ============================================================
     PANNEAUX (PANELS)
     ============================================================  **/

.panel {
	background: var(--bg-card);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	margin-bottom: 15px;
	padding: 20px;
	box-shadow: var(--shadow-md);
}

.panel h2,
.panel h3 {
	color: var(--text-primary);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

/**  ============================================================
     DROPDOWNS MODERNES
     ============================================================  **/

.dropdown {
	border-radius: var(--radius-md);
	border: 1px solid var(--border-color);
	box-shadow: var(--shadow-lg);
}

.dropdown .pointer,
.dropdown .pointer-inner {
	display: none;
}

.dropdown .dropdown-contents {
	background: var(--bg-secondary);
	border-radius: var(--radius-md);
	border: none;
	max-height: none;
	overflow: auto;
}

.dropdown-contents a {
	color: var(--text-secondary);
	text-decoration: none;
	padding: 12px 15px;
	display: block;
	transition: all 0.3s ease;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dropdown-contents a:hover {
	background: var(--bg-hover);
	color: var(--accent-blue);
}

.dropdown-extended .header {
	background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);
	border-radius: var(--radius-md) var(--radius-md) 0 0;
	font-family: 'Segoe UI', Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: white;
	padding: 15px;
	text-align: center;
	text-shadow: none;
	text-transform: none;
}

.dropdown-extended .header:hover {
	background: linear-gradient(135deg, var(--accent-blue-dark) 0%, var(--accent-blue) 100%);
}

.dropdown-extended .footer {
	background: rgba(0, 0, 0, 0.2);
	padding: 12px 15px;
	border-top: 1px solid var(--border-color);
	text-align: center;
}

.dropdown-extended .header a,
.dropdown-extended .footer a {
	color: white;
	text-decoration: none;
}

/**  ============================================================
     TABLEAUX MODERNES
     ============================================================  **/

table.table1 {
	width: 100%;
	border-collapse: collapse;
}

table.table1 thead tr {
	background: rgba(0, 0, 0, 0.3);
}

table.table1 thead th {
	color: var(--text-secondary);
	font-size: 13px;
	font-weight: 600;
	padding: 12px 15px;
	text-align: left;
	border-bottom: 2px solid var(--border-color);
}

table.table1 tbody tr {
	border: none;
	transition: background 0.2s ease;
}

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

table.table1 tbody td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	border-top: none;
	padding: 12px 15px;
	color: var(--text-secondary);
}

.forumbg-table > .inner {
	margin: 0;
}

/**  ============================================================
     BOUTONS MODERNES
     ============================================================  **/

.button,
input[type="submit"],
input[type="button"],
button {
	background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);
	border: none;
	border-radius: var(--radius-sm);
	color: white;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	box-shadow: var(--shadow-sm);
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
	opacity: 0.9;
}

.button:active {
	transform: translateY(0);
}

/* Boutons secondaires */
.button-secondary {
	background: rgba(255, 255, 255, 0.1);
	color: var(--text-primary);
}

.button-secondary:hover {
	background: rgba(255, 255, 255, 0.15);
}

/**  ============================================================
     FORMULAIRES MODERNES
     ============================================================  **/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-sm);
	color: var(--text-primary);
	font-size: 14px;
	padding: 10px 15px;
	width: 100%;
	transition: all 0.3s ease;
}

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);
	border-color: var(--accent-blue);
	outline: none;
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

textarea {
	min-height: 120px;
	resize: vertical;
}

/**  ============================================================
     BADGES ET NOTIFICATIONS
     ============================================================  **/

.badge {
	background: var(--accent-blue);
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	color: white;
	font-size: 12px;
	font-weight: 600;
	opacity: 1;
	padding: 4px 8px;
	top: 0;
	display: inline-block;
}

/**  ============================================================
     AVATARS
     ============================================================  **/

a.header-avatar img {
	margin-bottom: 2px;
	max-height: 26px;
	border-radius: 50%;
	border: 2px solid var(--border-color);
}

/**  ============================================================
     RÈGLES ET INFORMATIONS
     ============================================================  **/

div.rules {
	background: rgba(74, 144, 226, 0.1);
	border: 1px solid var(--accent-blue);
	border-left: 4px solid var(--accent-blue);
	border-radius: var(--radius-md);
	margin: 15px 0;
	padding: 15px 20px;
	color: var(--text-secondary);
}

#information {
	background: rgba(74, 144, 226, 0.1);
	border: 1px solid var(--accent-blue);
	border-left: 4px solid var(--accent-blue);
	border-radius: var(--radius-md);
	padding: 15px 20px;
	margin-bottom: 15px;
}

#information strong {
	color: var(--accent-blue);
}

/**  ============================================================
     FOOTER MODERNE
     ============================================================  **/

#page-footer {
	background: var(--bg-secondary);
	border-top: 1px solid var(--border-color);
	margin-top: 30px;
	padding: 20px;
}

.copyright {
	color: var(--text-muted);
	font-size: 13px;
	float: left;
	padding: 10px;
	text-align: left;
}

.footer-row {
	font-size: 13px;
	line-height: 1.4em;
	color: var(--text-muted);
}

/**  ============================================================
     LOADING ET INDICATEURS
     ============================================================  **/

.loading_indicator {
	background: var(--bg-secondary);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-md);
	padding: 20px;
	box-shadow: var(--shadow-lg);
}

/**  ============================================================
     MARK READ LINK
     ============================================================  **/

.dropdown-extended a.mark_read {
	background: var(--accent-blue);
	border-radius: var(--radius-sm);
	color: white;
	padding: 8px 15px;
	display: inline-block;
	margin: 10px;
	text-align: center;
}

.dropdown-extended a.mark_read:hover {
	background: var(--accent-blue-dark);
}

/**  ============================================================
     ARROW LINKS
     ============================================================  **/

a.arrow-up { padding-left: 0; }
a.arrow-down { padding-right: 0; }
a.arrow-left { padding-left: 0; }
a.arrow-right { padding-right: 0; }

/**  ============================================================
     MEMBER SEARCH
     ============================================================  **/

.member-search {
	padding: 15px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: var(--radius-md);
	margin: 10px 0;
}

/**  ============================================================
     RESPONSIVE - MOBILE
     ============================================================  **/

@media only screen and (max-width: 700px) {
	/* Logo responsive */
	.site_logo {
		width: 180px;
		height: 45px;
	}
	
	.site_logo .text {
		font-size: 15px;
		letter-spacing: 1px;
	}
	
	.site_logo .sports-bg {
		font-size: 20px;
	}
	
	/* Header responsive */
	.headerbar .inner {
		flex-direction: column;
		gap: 15px;
	}
	
	#site-description {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}
	
	/* Navigation responsive */
	ul.linklist {
		flex-direction: column;
		gap: 5px;
	}
	
	/* Padding réduit sur mobile */
	.page-body {
		padding: 10px;
	}
	
	li.row {
		padding: 12px 15px;
	}
	
	.panel {
		padding: 15px;
	}
}

@media only screen and (max-width: 480px) {
	/* Très petits écrans */
	.forabg,
	.forumbg {
		border-radius: var(--radius-sm);
	}
	
	.post {
		border-radius: var(--radius-sm);
	}
	
	.postbody {
		padding: 15px;
	}
}

/**  ============================================================
     SCROLLBAR PERSONNALISÉE
     ============================================================  **/

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: var(--bg-primary);
}

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

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

/**  ============================================================
     ANIMATIONS ET TRANSITIONS
     ============================================================  **/

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.forabg,
.forumbg,
.post,
.panel {
	animation: fadeIn 0.5s ease;
}

/**  ============================================================
     CLASSES UTILITAIRES
     ============================================================  **/

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }

.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }

.p-1 { padding: 10px; }
.p-2 { padding: 20px; }
.p-3 { padding: 30px; }

/**  ============================================================
     FIN DU FICHIER CSS MODERNE
     ============================================================  **/

/**  ============================================================
   /**  ============================================================
     FIX DESCRIPTIONS DE FORUMS - Version corrigée
     Cible le texte brut dans les balises <dt>
     ============================================================  **/

/* Cibler tout le texte dans les dt des forums */
ul.topiclist.forums li.row dt {
    color: #00d9ff !important;
}

/* Cibler spécifiquement la zone list-inner */
.list-inner {
    color: #00d9ff !important;
    text-shadow: 0 0 5px rgba(0, 217, 255, 0.2);
}

/* Forcer la couleur pour tout le contenu texte des forums */
ul.topiclist.forums dt,
ul.topiclist.forums .list-inner,
dl.row-item dt {
    color: #00d9ff !important;
}

/* S'assurer que les liens gardent leur couleur mais pas le texte autour */
.forumtitle {
    color: #ffffff !important; /* Garde le titre en blanc */
}  
/* Liens dans les descriptions de forums (comme sous JEUX) */
.list-inner a,
ul.topiclist.forums dt a:not(.forumtitle) {
    color: #00d9ff !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

.list-inner a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(0, 217, 255, 0.6);
}

/* UNIQUEMENT les titres de topics dans "Dernier message" (colonne droite) */
dd.lastpost .lastsubject {
    color: #00d9ff !important;
}

dd.lastpost .lastsubject:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(0, 217, 255, 0.8);
}

/* OU si ça ne marche pas, essaye celui-ci : */
.lastpost a.lastsubject,
dd.lastpost a[href*="viewtopic"] {
    color: #00d9ff !important;
}
/* Titres de forums en BLANC */
.forumtitle,
a.forumtitle {
    color: #ffffff !important;
    font-weight: bold;
}

.forumtitle:hover {
    color: #ffffff !important;
    opacity: 0.9;
}
/* Dates dans "Dernier message" - Gris clair visible */
dd.lastpost,
.lastpost .responsive-show,
dd.lastpost br + text,
.lastpost time {
    color: #aaaaaa !important;
    font-size: 12px;

}
/* Version minimaliste */
.forum-image,
.icon-forum {
    border: 1px solid #00d9ff !important;
    animation: gentleGlow 3s ease-in-out infinite !important;
}

@keyframes gentleGlow {
    0%, 100% { 
        box-shadow: 0 0 5px rgba(0, 217, 255, 0.3);
    }
    50% { 
        box-shadow: 0 0 12px rgba(0, 217, 255, 0.6);
    }
}
/* ===========================================
   FIX TEXTE MODERATEUR INVISIBLE
   Basé sur l'inspecteur - ciblage précis
   =========================================== */

/* Cibler le <strong> dans .list-inner qui contient "Modérateur:" */
.list-inner strong {
    color: #00ff9d !important;
}

/* Alternative plus spécifique */
ul.topiclist.forums .list-inner strong {
    color: #00ff9d !important;
}

/* Forcer aussi les liens des modérateurs en vert */
.list-inner a.username-coloured {
    color: #00ff9d !important;
}

/* S'assurer que tout le texte dans list-inner est visible */
.list-inner {
    color: #00ff9d !important;
}

/* Override du style inline si présent */
.list-inner a[style*="color"] {
    color: #00ff9d !important;
}

/* ===========================================
   MCHAT POLICE AGRANDIE
   =========================================== */

#mchat .mchat-message,
.mchat-message-text,
#mchat .mchat-username {
    font-size: 15px !important;
}

#mchat textarea,
#mchat input[type="text"] {
    font-size: 14px !important;
}
/* ===========================================
   FIX PAGE PROFIL - TOUS LES LABELS INVISIBLES
   =========================================== */

/* Tous les labels de profil (Site Admin, Nom d'utilisateur, etc.) */
.column1 dt,
.column2 dt,
dl.details dt {
    color: #00ff9d !important; /* Vert cyan néon */
    font-weight: bold !important;
}

/* Toutes les valeurs de profil */
.column1 dd,
.column2 dd,
dl.details dd {
    color: #00ff9d !important;
}

/* Zone de profil complète */
#viewprofile dl,
#viewprofile dt,
#viewprofile dd {
    color: #00ff9d !important;
}

/* Labels spécifiques */
.profile-view dt,
.profile-view dd {
    color: #00ff9d !important;
}

/* Titre "Profil de - smokingkong" */
#viewprofile h2,
.page-title {
    color: #00ff9d !important;
}

/* Liens dans le profil */
#viewprofile a {
    color: #00ff9d !important;
}

#viewprofile a:hover {
    color: #00ffff !important;
}

/* Toutes les colonnes du profil */
.column1, .column2 {
    color: #00ff9d !important;
}

/* S'assurer que tout le texte est visible */
#viewprofile,
#viewprofile * {
    color: #00ff9d !important;
}

/* Rang (Site Admin) */
.rank-img,
.rank-title {
    color: #00ff9d !important;
}
/* ===========================================
   FIX CHIFFRES INVISIBLES - CATEGORIES FORUM
   =========================================== */

/* Colonnes SUJETS / MESSAGES / DERNIER MESSAGE */
dd.topics,
dd.posts,
dd.lastpost {
    color: #00ff9d !important; /* Vert cyan néon */
}

/* Tous les <dd> dans les lignes de forum */
.row dd {
    color: #00ff9d !important;
}

/* Alternative - cibler par les classes forabg */
.forabg dd.topics,
.forabg dd.posts,
.forabg dd.lastpost {
    color: #00ff9d !important;
}

/* S'assurer que les chiffres et textes sont visibles */
dd.topics *,
dd.posts *,
dd.lastpost * {
    color: #00ff9d !important;
}

/* Liens dans ces colonnes */
dd.lastpost a,
dd.topics a,
dd.posts a {
    color: #00ff9d !important;
}

dd.lastpost a:hover,
dd.topics a:hover,
dd.posts a:hover {
    color: #00ffff !important;
}
/* Texte "MASQUER LECTEUR" en blanc */
a[href*="lecteur"],
a[onclick*="lecteur"],
.emission_webtv a,
.forumlinkss a {
    color: #ffffff !important;
}

/* Ou si ça ne marche pas, essaye celui-ci : */
font[color="green"],
font[color="#00ff00"] {
    color: #ffffff !important;
}
#page-header {
  margin-bottom: 5px !important;
  padding-bottom: 0 !important;
}
/* ====================================================================
   THEME CYBERPUNK - FOND BLEU MARINE
   Couleur principale: #1a1f2e (Navy Blue)
   Accents: Cyan/Néon (#00ffff, #00d4ff)
   ==================================================================== */

/* ==================== FOND PRINCIPAL ==================== */
body {
    background: linear-gradient(135deg, #1a1f2e 0%, #151925 50%, #1a1f2e 100%) !important;
    background-attachment: fixed !important;
    color: #e0e0e0 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Wrapper principal */
#wrap, .wrap {
    background-color: transparent !important;
}

/* ==================== HEADER / NAVIGATION ==================== */
#page-header {
    background: linear-gradient(180deg, rgba(26, 31, 46, 0.95) 0%, rgba(21, 25, 37, 0.9) 100%) !important;
    border-bottom: 2px solid #00ffff;
    box-shadow: 0 4px 20px rgba(0, 255, 255, 0.3);
}

/* Logo et titre du site */
.sitename, #site-description h1 {
    color: #00ffff !important;
    text-shadow: 0 0 20px rgba(0, 255, 255, 0.8),
                 0 0 40px rgba(0, 255, 255, 0.4);
}

/* Navigation principale */
.navbar {
    background: rgba(26, 31, 46, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.3);
}

.navbar ul.linklist a {
    color: #00d4ff !important;
    transition: all 0.3s ease;
}

.navbar ul.linklist a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
    transform: translateY(-2px);
}

/* ==================== CONTENEURS DE FORUM ==================== */
.forabg, .forumbg {
    background: linear-gradient(135deg, rgba(26, 31, 46, 0.85) 0%, rgba(21, 25, 37, 0.7) 100%) !important;
    border: 1px solid rgba(0, 255, 255, 0.3);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5),
                inset 0 1px 0 rgba(0, 255, 255, 0.1);
    margin-bottom: 20px;
}

/* En-têtes des catégories */
.forabg .header, .forumbg .header {
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.2) 0%, rgba(26, 31, 46, 0.9) 100%) !important;
    border-bottom: 2px solid #00ffff;
}

.forabg .header dt, .forumbg .header dt {
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.6);
    font-weight: bold;
}

/* ==================== LIGNES DU FORUM ==================== */
/* Alternance de couleurs */
.bg1 {
    background-color: rgba(26, 31, 46, 0.4) !important;
}

.bg2 {
    background-color: rgba(21, 25, 37, 0.6) !important;
}

.bg3 {
    background-color: rgba(26, 31, 46, 0.5) !important;
}

/* Hover sur les lignes */
.forabg li:hover, .forumbg li:hover {
    background-color: rgba(0, 212, 255, 0.1) !important;
    border-left: 3px solid #00ffff;
    transition: all 0.3s ease;
}

/* ==================== TOPICS / POSTS ==================== */
.topiclist li {
    border-bottom: 1px solid rgba(0, 255, 255, 0.1);
}

.topiclist dt {
    color: #e0e0e0 !important;
}

.topiclist a.topictitle {
    color: #00d4ff !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.topiclist a.topictitle:hover {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
    transform: translateX(5px);
}

/* ==================== POSTS / MESSAGES ==================== */
.post {
    background: linear-gradient(135deg, rgba(26, 31, 46, 0.7) 0%, rgba(21, 25, 37, 0.5) 100%) !important;
    border: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Profil utilisateur dans les posts */
.postprofile {
    background: rgba(26, 31, 46, 0.6) !important;
    border-right: 1px solid rgba(0, 255, 255, 0.2);
}

.postprofile dt {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.5);
}

/* Contenu du post */
.postbody {
    color: #e0e0e0 !important;
}

.content {
    color: #d0d0d0 !important;
    line-height: 1.6;
}

/* ==================== BOUTONS ==================== */
.button, input.button1, input.button2, .button2 {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.2) 0%, rgba(0, 255, 255, 0.1) 100%) !important;
    color: #00ffff !important;
    border: 1px solid #00ffff !important;
    border-radius: 5px;
    padding: 8px 16px;
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
}

.button:hover, input.button1:hover, input.button2:hover, .button2:hover {
    background: linear-gradient(135deg, rgba(0, 255, 255, 0.3) 0%, rgba(0, 212, 255, 0.2) 100%) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.6);
    transform: translateY(-2px);
}

/* ==================== PANELS / BOÎTES ==================== */
.panel {
    background: linear-gradient(135deg, rgba(26, 31, 46, 0.8) 0%, rgba(21, 25, 37, 0.6) 100%) !important;
    border: 1px solid rgba(0, 255, 255, 0.3);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.panel h3 {
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.3) 0%, transparent 100%) !important;
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.6);
    border-bottom: 2px solid #00ffff;
    padding: 10px;
}

/* ==================== FORMULAIRES ==================== */
input[type="text"], input[type="password"], textarea, select {
    background-color: rgba(26, 31, 46, 0.7) !important;
    color: #e0e0e0 !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 5px;
    padding: 8px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
    outline: none;
}

/* ==================== PAGINATION ==================== */
.pagination {
    color: #00d4ff !important;
}

.pagination li a, .pagination li span {
    background: rgba(26, 31, 46, 0.6) !important;
    color: #00d4ff !important;
    border: 1px solid rgba(0, 255, 255, 0.3);
    border-radius: 4px;
    margin: 0 3px;
    transition: all 0.3s ease;
}

.pagination li a:hover {
    background: rgba(0, 212, 255, 0.2) !important;
    color: #00ffff !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.pagination li.active span {
    background: rgba(0, 255, 255, 0.3) !important;
    color: #fff !important;
    border-color: #00ffff;
}

/* ==================== FOOTER ==================== */
#page-footer {
    background: linear-gradient(180deg, rgba(21, 25, 37, 0.9) 0%, rgba(26, 31, 46, 0.95) 100%) !important;
    border-top: 2px solid #00ffff;
    color: #a0a0a0 !important;
    box-shadow: 0 -4px 20px rgba(0, 255, 255, 0.2);
}

#page-footer a {
    color: #00d4ff !important;
}

#page-footer a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
}

/* ==================== LIENS GÉNÉRAUX ==================== */
a {
    color: #00d4ff !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.5);
}

/* ==================== BREADCRUMBS / FIL D'ARIANE ==================== */
.breadcrumbs {
    color: #a0a0a0 !important;
}

.breadcrumbs a {
    color: #00d4ff !important;
}

.breadcrumbs a:hover {
    color: #00ffff !important;
}

/* ==================== STATS & INFOS ==================== */
.stat-block {
    background: rgba(26, 31, 46, 0.6) !important;
    border: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: 5px;
    padding: 10px;
}

/* ==================== SCROLLBAR (pour navigateurs webkit) ==================== */
::-webkit-scrollbar {
    width: 12px;
    background: rgba(26, 31, 46, 0.8);
}

::-webkit-scrollbar-track {
    background: rgba(21, 25, 37, 0.6);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #00d4ff 0%, #00ffff 100%);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    background: #00ffff;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.8);
}

/* ==================== ANIMATIONS CYBERPUNK ==================== */
@keyframes neon-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.neon-text {
    animation: neon-pulse 2s ease-in-out infinite;
}

/* Effet de brillance sur hover */
.glow-on-hover {
    transition: all 0.3s ease;
}

.glow-on-hover:hover {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.6),
                0 0 40px rgba(0, 255, 255, 0.3);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    .forabg, .forumbg {
        border-radius: 5px;
    }
    
    .postprofile {
        border-right: none;
        border-bottom: 1px solid rgba(0, 255, 255, 0.2);
    }
}

/* ==================== DARK MODE OPTIMISÉ ==================== */
/* Ajustements pour meilleure lisibilité avec fond bleu marine */
h1, h2, h3, h4, h5, h6 {
    color: #e0e0e0 !important;
}

p, span, div {
    color: #d0d0d0;
}

/* Meilleur contraste pour le texte important */
.important-text, .announcement {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.4);
}

/* ==================== FIN DU THEME ==================== */
/* ====================================================================
   CSS FINAL CORRIGÉ - SANS INHERIT GÉNÉRIQUE
   Le problème : inherit écrasait TOUTES les couleurs !
   ==================================================================== */

/* ==================== SUPPRIMER LE CADRE .INNER ==================== */

body #wrap #page-header .headerbar .inner,
body #wrap #page-header .inner,
body #page-header .headerbar .inner,
body #page-header .inner,
#wrap #page-header .inner,
#page-header .headerbar .inner,
#page-header .inner,
.headerbar .inner,
div.inner,
.inner {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.inner::before,
.inner::after {
    display: none !important;
}

#site-description,
#site-description .logo,
#site-description a {
    background: none !important;
    border: none !important;
}

/* ==================== LOGO CENTRÉ ET AGRANDI ==================== */

#site-description {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 40px 0 !important;
    min-height: 220px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

#site-description .logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

#site-description a {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.spt-mega-logo,
#site-description svg,
svg.spt-mega-logo {
    width: 900px !important;
    height: 180px !important;
    max-width: 900px !important;
    min-width: 900px !important;
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

/* ==================== COULEURS DES RANGS - VERSION CORRIGÉE ==================== */

/* IMPORTANT : NE PAS UTILISER "inherit" ! */
/* On cible UNIQUEMENT les couleurs spécifiques */

/* ROUGE - Administrateurs */
body a[style*="color: #CC0000"],
body a[style*="color:#CC0000"],
body a[style*="color: #cc0000"],
body a[style*="color:#cc0000"],
a.username-coloured[style*="color: #CC0000"],
a.username-coloured[style*="color:#CC0000"],
a.username-coloured[style*="color: #cc0000"],
a.username-coloured[style*="color:#cc0000"] {
    color: #CC0000 !important;
}

body a[style*="color: #AA0000"],
body a[style*="color:#AA0000"],
a.username-coloured[style*="color: #AA0000"],
a.username-coloured[style*="color:#AA0000"] {
    color: #AA0000 !important;
}

body a[style*="color: #FF0000"],
body a[style*="color:#FF0000"],
a.username-coloured[style*="color: #FF0000"],
a.username-coloured[style*="color:#FF0000"] {
    color: #FF0000 !important;
}

/* VERT - Modérateurs */
body a[style*="color: #00AA00"],
body a[style*="color:#00AA00"],
body a[style*="color: #00aa00"],
body a[style*="color:#00aa00"],
a.username-coloured[style*="color: #00AA00"],
a.username-coloured[style*="color:#00AA00"] {
    color: #00AA00 !important;
}

body a[style*="color: #00CC00"],
body a[style*="color:#00CC00"],
a.username-coloured[style*="color: #00CC00"],
a.username-coloured[style*="color:#00CC00"] {
    color: #00CC00 !important;
}

body a[style*="color: #008000"],
body a[style*="color:#008000"],
a.username-coloured[style*="color: #008000"],
a.username-coloured[style*="color:#008000"] {
    color: #008000 !important;
}

/* JAUNE - VIP */
body a[style*="color: #FFFF00"],
body a[style*="color:#FFFF00"],
body a[style*="color: #ffff00"],
body a[style*="color:#ffff00"],
a.username-coloured[style*="color: #FFFF00"],
a.username-coloured[style*="color:#FFFF00"] {
    color: #FFFF00 !important;
}

body a[style*="color: #FFD700"],
body a[style*="color:#FFD700"],
a.username-coloured[style*="color: #FFD700"],
a.username-coloured[style*="color:#FFD700"] {
    color: #FFD700 !important;
}

/* CYAN - Membres */
body a[style*="color: #40BFFF"],
body a[style*="color:#40BFFF"],
body a[style*="color: #40bfff"],
body a[style*="color:#40bfff"],
a.username-coloured[style*="color: #40BFFF"],
a.username-coloured[style*="color:#40BFFF"] {
    color: #40BFFF !important;
}

/* ORANGE - Nouveaux utilisateurs */
body a[style*="color: #BF8000"],
body a[style*="color:#BF8000"],
body a[style*="color: #bf8000"],
body a[style*="color:#bf8000"],
a.username-coloured[style*="color: #BF8000"],
a.username-coloured[style*="color:#BF8000"] {
    color: #BF8000 !important;
}
/* BLANC - Escrocs */
body a[style*="color: #FFFFFF"],
body a[style*="color:#FFFFFF"],
body a[style*="color: #ffffff"],
body a[style*="color:#ffffff"],
a.username-coloured[style*="color: #FFFFFF"],
a.username-coloured[style*="color:#FFFFFF"] {
    color: #FFFFFF !important;
}
/* ==================== EXCLURE USERNAMES DES RÈGLES CYAN DU THÈME ==================== */

/* Empêche le thème cyan de colorer les usernames */
.postbody a.username-coloured,
.topic-poster a.username-coloured,
.author a.username-coloured,
dl.details dd a.username-coloured,
.postprofile a.username-coloured,
.memberlist a.username-coloured,
#memberlist a.username-coloured,
.topiclist a.username-coloured {
    /* Ne rien mettre ici - on laisse les règles au-dessus gérer */
}

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

@media (min-width: 1025px) {
    .spt-mega-logo,
    #site-description svg {
        width: 900px !important;
        height: 180px !important;
    }
}

@media (max-width: 1024px) {
    .spt-mega-logo,
    #site-description svg {
        width: 750px !important;
        height: 150px !important;
        min-width: 750px !important;
    }
}

@media (max-width: 768px) {
    .spt-mega-logo,
    #site-description svg {
        width: 90vw !important;
        height: auto !important;
        min-width: auto !important;
        max-width: 600px !important;
    }
}

/* ==================== FIN CSS CORRIGÉ ==================== */
/* ====================================================================
   CSS ADDON - SUPPRESSION CADRE LOGO UNIQUEMENT
   À ajouter APRÈS CSS-FINAL-SANS-INHERIT.css
   ==================================================================== */

/* ==================== SUPPRIME LE CADRE - ULTRA AGRESSIF ==================== */

/* Tous les sélecteurs possibles pour .inner */
html body #wrap #page-header .headerbar .inner,
html body #wrap #page-header .inner,
html body #page-header .headerbar .inner,
html body #page-header .inner,
html #wrap #page-header .inner,
html #page-header .inner,
body #wrap #page-header .headerbar .inner,
body #wrap #page-header .inner,
body #page-header .headerbar .inner,
body #page-header .inner,
#wrap #page-header .headerbar .inner,
#wrap #page-header .inner,
#page-header .headerbar .inner,
#page-header .inner,
.headerbar .inner,
div.headerbar .inner,
div.inner,
.inner {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    background-size: 0 !important;
    background-position: 0 0 !important;
    border: none !important;
    border: 0 !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: none !important;
}

/* Pseudo-éléments */
.inner::before,
.inner::after,
#page-header .inner::before,
#page-header .inner::after,
.headerbar .inner::before,
.headerbar .inner::after {
    display: none !important;
    content: "" !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Site description aussi */
html body #site-description,
body #site-description,
#site-description,
#site-description *,
#site-description .logo,
#site-description a {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Header parent */
html body #page-header,
body #page-header,
#page-header {
    background: transparent !important;
}

/* Headerbar */
html body .headerbar,
body .headerbar,
.headerbar {
    background: transparent !important;
}

/* ==================== FIN ADDON CADRE ==================== */