/* =========================================
   CERCLE LYRIQUE DE METZ
   Personnalisation Cassiopeia
   ========================================= */

body {
    color: #3d3c3c;
    font-family: "Source Sans Pro", Helvetica, Tahoma, Geneva, Arial, sans-serif;
}

a {
    color: #de0248;
}

/* En-tête avec l'image de l'ancien site */
.container-header {
    background-color: #ffffff;
    background-image: url("../../../../../images/img-01.jpg");
    background-position: center 20%;
    background-size: cover;
}

/* Bandeau du menu principal */
.container-header .container-nav {
    background: rgba(35, 37, 41, 0.78);
    padding: 0.35rem 1rem;
}

/* Menu principal */
.container-header .mod-menu_dropdown-metismenu > li > a,
.container-header .mod-menu_dropdown-metismenu > li > button,
.container-header .mod-menu_dropdown-metismenu > li > span {
    color: #ffffff;
    padding: 0.8rem 0.9rem;
    text-decoration: none;
}

/* Élément principal actif ou survolé */
.container-header .mod-menu_dropdown-metismenu > li > a:hover,
.container-header .mod-menu_dropdown-metismenu > li > button:hover,
.container-header .mod-menu_dropdown-metismenu > li.active > a,
.container-header .mod-menu_dropdown-metismenu > li.active > button {
    color: #de0248;
}

/* =========================================
   SOUS-MENUS ROSES
   ========================================= */

ul.mod-menu_dropdown-metismenu ul.mm-collapse {
    background-color: #de0248 !important;
    background-image: none !important;
    min-width: 285px;
    padding: 12px 0 !important;
    border: 0 !important;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.22);
}

/* Lignes des sous-menus */
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li {
    background: transparent !important;
}

/* Texte blanc */
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > a,
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > span,
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > button {
    display: block;
    width: 100%;
    color: #ffffff !important;
    background: transparent !important;
    padding: 10px 20px !important;
    text-decoration: none;
}

/* Survol */
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > a:hover,
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > span:hover,
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > button:hover {
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.12) !important;
}
/* === Finition menu CLM === */

/* Sous-menu un peu plus compact, comme l'ancien */
ul.mod-menu_dropdown-metismenu ul.mm-collapse {
    min-width: 300px;
    width: 300px;
    padding: 10px 0 !important;
}

/* Espacement vertical */
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > a,
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > span,
ul.mod-menu_dropdown-metismenu ul.mm-collapse > li > button {
    padding: 9px 18px !important;
    line-height: 1.3;
    white-space: normal;
}

/* Menu principal légèrement plus fin */
.container-header .mod-menu_dropdown-metismenu > li > a,
.container-header .mod-menu_dropdown-metismenu > li > button,
.container-header .mod-menu_dropdown-metismenu > li > span {
    font-weight: 400;
}
/* Pied de page gris */
.container-footer {
    background: #555555 !important;
}
/* Bouton Connexion rose */
.container-footer .btn-primary {
    background-color: #de0248 !important;
    border-color: #de0248 !important;
    color: #ffffff !important;
}

.container-footer .btn-primary:hover {
    background-color: #b9023c !important;
    border-color: #b9023c !important;
}
/* === Couleur principale globale CLM === */

:root {
    --cassiopeia-color-primary: #de0248;
    --cassiopeia-color-hover: #b9023c;
    --cassiopeia-color-link: #de0248;
}

/* Boutons principaux */
.btn-primary {
    background-color: #de0248 !important;
    border-color: #de0248 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #b9023c !important;
    border-color: #b9023c !important;
}
/* Masquer uniquement le titre "Autres informations" du contact */
.com-contact.contact > h2:nth-of-type(2) {
    display: none;
}