:root{
    --csmt-red:#E31B23;
    --csmt-red-light:#F13B42;
    --csmt-black:#090909;
    --csmt-black-2:#141414;
    --csmt-white:#FFFFFF;
    --csmt-muted:#CFCFCF;
}

/* Fond général */
body{
    background:var(--csmt-black) !important;
    color:var(--csmt-white);
}

/* Header / navigation */
header,
.topbar,
.site-header{
    background:rgba(9,9,9,.96) !important;
    border-color:rgba(227,27,35,.35) !important;
}

header a,
.topbar a,
.site-header a{
    color:var(--csmt-white);
}

header a:hover,
.topbar a:hover,
.site-header a:hover,
nav a:hover,
nav a.active{
    color:var(--csmt-red) !important;
}

/* Titres : blancs */
h1,h2,h3,h4,h5,h6{
    color:var(--csmt-white);
}

/* Texte */
p{
    color:inherit;
}

/* Petits accents rouges */
.eyebrow,
.kicker,
.accent,
.section-label,
.badge,
.tag{
    color:var(--csmt-red) !important;
}

/* Boutons principaux */
.btn-primary,
button.btn-primary,
a.btn-primary,
button[type="submit"]{
    background:var(--csmt-red) !important;
    border-color:var(--csmt-red) !important;
    color:var(--csmt-white) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
button[type="submit"]:hover{
    background:var(--csmt-red-light) !important;
    border-color:var(--csmt-red-light) !important;
}

/* Cartes */
.card,
.panel,
.box{
    background:var(--csmt-black-2);
    color:var(--csmt-white);
    border-color:rgba(255,255,255,.10);
}

/* Formulaires */
input,
select,
textarea{
    background:#111 !important;
    color:var(--csmt-white) !important;
    border-color:#333 !important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:var(--csmt-red) !important;
    outline-color:var(--csmt-red) !important;
}

/* Liens */
main a{
    transition:.2s ease;
}

main a:hover{
    color:var(--csmt-red);
}

/* Traits et séparateurs */
hr{
    border-color:rgba(227,27,35,.35);
}

/* Footer */
footer,
.site-footer{
    background:#050505 !important;
    color:var(--csmt-white);
    border-top-color:var(--csmt-red) !important;
}

/* Hero : conserver l'image des dunes */
.hero,
.w49-hero{
    color:var(--csmt-white);
}

/* Grand titre sur les dunes reste blanc */
.hero h1,
.hero h2,
.w49-hero h1,
.w49-hero h2{
    color:var(--csmt-white) !important;
}

/* Rouge uniquement sur les petits éléments du hero */
.w49-copy .k,
.hero .eyebrow{
    color:var(--csmt-red) !important;
}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');

body{
    font-family:'Cairo',sans-serif !important;
}

h1,h2,h3,h4,h5,h6,
.hero h1,
.hero h2,
.w49-copy h1{
    font-family:'Cairo',sans-serif !important;
    font-weight:900 !important;
}

.w49-copy h1{
    font-size:clamp(3rem,7vw,6rem);
    line-height:.95;
    letter-spacing:-1px;
    color:#fff !important;
}

.w49-copy h1 span{
    display:block;
    color:#E31B23 !important;
}


/* ===== TITRE HERO STYLE PHOTO 2 ===== */

.w49-copy h1{
    font-family:'Changa', sans-serif !important;
    font-weight:800 !important;
    font-size:clamp(4rem,7.5vw,7rem) !important;
    line-height:.92 !important;
    letter-spacing:-2px !important;
    color:#ffffff !important;
}

.w49-copy h1 span{
    display:block !important;
    font-family:'Changa', sans-serif !important;
    font-weight:800 !important;
    color:#E31B23 !important;
    margin-top:.05em;
}

/* texte sous le titre */
.w49-copy p{
    font-family:'Changa', sans-serif !important;
    font-weight:400;
}

/* petit texte au-dessus */
.w49-copy .k{
    font-family:'Changa', sans-serif !important;
    font-weight:600 !important;
}


/* ==================================================
   CSMT - Police proche du design original ES Guelma
   ================================================== */

/* Annuler Changa/Cairo sur le grand titre */
.w49-copy h1,
.w49-copy h1 span,
.w49-copy .k,
.w49-copy p {
    font-family: "Tajawal", Arial, sans-serif !important;
}

/* Grand titre : style ES Guelma */
.w49-copy h1 {
    font-weight: 800 !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
}

.w49-copy h1 span {
    display: block !important;
    font-weight: 800 !important;
    color: #E31B23 !important;
}

/* ==================================================
   PAGE CLUB - éviter blanc sur fond blanc
   ================================================== */

.club-page,
.club-page section,
.club-content,
.club-tabs {
    color: #111111;
}

/* Grand titre du haut de la page Club */
.club-page h1,
.club-page h2,
.club-page h3 {
    color: #111111 !important;
}

/* textes des onglets */
.club-tabs a,
.club-tabs button {
    color: #111111 !important;
}

/* onglet actif */
.club-tabs .active,
.club-tabs a.active,
.club-tabs button.active {
    background: #111111 !important;
    color: #E31B23 !important;
}

/* texte courant dans les parties claires */
.club-page p,
.club-page .text,
.club-page article {
    color: #222222 !important;
}


/* ===== LOGO FOOTER CSMT ===== */

footer img[src*="crest.png"],
.site-footer img[src*="crest.png"]{
    width:90px !important;
    height:90px !important;
    max-width:90px !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
}