/* ===========================================================
   USER.CSS - Cassiopeia Joomla 6
   Thème Rouge / Noir
   =========================================================== */


/* ---------- Couleurs générales ---------- */

:root{

    --bs-primary:#C62828;
    --bs-secondary:#222222;

}


/* ---------- Corps de page ---------- */

body{

    background:#ffffff;
    color:#333333;

}


/* ---------- Bandeau supérieur ---------- */

.container-header{

    background:#ffffff;
    border-bottom:4px solid #C62828;
}


/* ---------- Logo ---------- */

.navbar-brand{

    padding:10px 0;

}


/* ---------- Menu ---------- */

.metismenu.mod-menu > li > a{

    color:#222222;
    font-weight:600;
    transition:0.3s;

}

.metismenu.mod-menu > li > a:hover{

    color:#C62828;

}

.metismenu.mod-menu .active > a{

    color:#C62828;

}


/* ---------- Sous-menu ---------- */

.metismenu.mod-menu .mm-collapse{

    background:#ffffff;

}


/* ---------- Liens ---------- */

a{

    color:#C62828;
    text-decoration:none;

}

a:hover{

    color:#8E1B1B;

}


/* ---------- Boutons ---------- */

.btn-primary{

    background:#C62828;
    border-color:#C62828;

}

.btn-primary:hover{

    background:#8E1B1B;
    border-color:#8E1B1B;

}


/* ---------- Titres ---------- */

h1,h2,h3,h4{

    color:#222222;

}


/* ---------- Cartes ---------- */

.card{

    border:none;
    border-radius:12px;
    box-shadow:0 3px 12px rgba(0,0,0,.10);

}


/* ---------- Footer ---------- */

.footer{

    background:#222222;
    color:white;

}

.footer a{

    color:#ffffff;

}

.footer a:hover{

    color:#C62828;

}


/* ---------- Retour haut de page ---------- */

.back-to-top-link{

    background:#C62828;

}

.back-to-top-link:hover{

    background:#8E1B1B;

}

/* ==========================
   Menu sticky
   ========================== */

.container-header{

    position: sticky;
    top: 0;
    z-index: 1000;

}

.container-header{

    background:#ffffff;
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 2px 10px rgba(0,0,0,.08);

}