.p-2 {
    padding: 0px !important;
}
/* ======================================
   SOUS-MENU AU HOVER - Cassiopeia Extended
====================================== */

/* Affiche le sous-menu au survol */
.mod-menu .parent:hover > .mod-menu__sub,
.mod-menu .nav-item.deeper:hover > .mod-menu__sub {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

/* Masque par défaut */
.mod-menu .mod-menu__sub {
    display: none;
    position: absolute;
    z-index: 9999;
}

/* Permet le positionnement correct */
.mod-menu .nav-item.deeper {
    position: relative;
}

/* Optionnel : animation douce */
.mod-menu .mod-menu__sub {
    transition: opacity .25s ease, transform .25s ease;
    transform: translateY(10px);
}

.mod-menu .parent:hover > .mod-menu__sub,
.mod-menu .nav-item.deeper:hover > .mod-menu__sub {
    transform: translateY(0);
}
/* =====================================
  MENU 2
===================================== */

.sppb-btn-primary {
    color: #fff !important;
    background-color: #b0b1b3 !important;
    border-color: white !important;
}


/* ================================
   Masquer texte ACCUEIL uniquement
   ================================ */

/* Cacher le texte */
.mod-menu .item-101 > a {
    font-size: 0;
}

/* Réafficher l’icône correctement */
.mod-menu .item-101 > a::before {
    font-size: 20px;
    margin-right: 0;
}

/* Centrage propre */
.mod-menu .item-101 > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Icône Home */
.mod-menu .item-101 > a::before {
    content: "\f015"; /* maison */   
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent; /* doré ATP */
    color: #d6b56b !important;
}

/* Petit effet hover uniquement sur Home */
.mod-menu .item-101:hover > a::before {
    transform: scale(1.08);
    box-shadow: 0 4px 10px rgba(214,181,107,.4);
}
/* Hover */
a.menu-home:hover::before {
    opacity: .7;
}

/* ================================
   ICONES MENU - Joomla 6
   ================================ */

.mod-menu .nav-item > a::before,
.mod-menu .nav-item > button::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
    display: inline-block;
       font-size: 20px;
    color: rgb(29, 121, 137);
    transition: transform .2s ease, opacity .2s ease;
}


/* ================================
   Icône HOME avec fond uniquement
   Joomla 6 / Cassiopeia
   ================================ */

/* Base icônes (sans fond pour tous) */
.mod-menu .nav-item > a::before,
.mod-menu .nav-item > button::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 4px;
    transition: all .3s ease;
}



/* infos pratiques */
.mod-menu .item-123> button::before {
    content: "\f05a"; /* bullhorn */
}

/* partenaires */
.mod-menu .item-154> a::before {
    content: "\f2b5"; /* bullhorn */
}

/* spectacles */
.mod-menu .item-581> a::before {
    content: "\f630"; /* mask */
}
/* plaquette*/
.mod-menu .item-582> a::before {
    content: "\f1c1"; /* mask */
}

/* plaquette*/
.mod-menu .item-583> a::before {
    content: "\f234"; /* mask */
}


/* Taille du texte menu principal */
.mod-menu > li > a,
.mod-menu > li > button {
    font-size: 20px !important;   /* change la valeur ici */
}

.mod-menu .mod-menu__sub li a {
    font-size: 1.2rem;
    font-weight: 300;
}

/* Animation hover */
.mod-menu .nav-item:hover > a::before,
.mod-menu .nav-item:hover > button::before {
    transform: translateY(-2px);
    opacity: 0.8;
}



/* Conteneur du logo */
.container-header .navbar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Image du logo */
.container-header .navbar-brand img {
    margin: 0 auto;
    display: block;
}