/* ==============================
   LOGO
   ============================== */
[data-zone-alias="Logo"] img {
    height: 320px !important;
    width: auto !important;
    max-width: none !important;
}

/* autorise le conteneur à grandir */
[data-zone-alias="Logo"] {
    overflow: visible;
}

/* ==============================
   MENU
   ============================== */
[data-zone-alias="Menu"] .nav > li > a {
    font-size: 15px;
    color: #ffffff;
}

[data-zone-alias="Menu"] .nav > li > a:hover {
    color: #2cc84d;
}

/* ==============================
   DROPDOWN (flèche)
   ============================== */
[data-zone-alias="Menu"] .caret {
    border-top-color: #ffffff;
}

/* ==============================
   BOUTONS
   ============================== */
 
[data-zone-alias="Connexion"] {
    padding-right: 90px !important;
} 
  
[data-zone-alias="Connexion"] .member-register,
[data-zone-alias="Connexion"] .member-login {
    padding: 8px 16px;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
	transition: all 0.2s ease;
}

/* bouton principal */
[data-zone-alias="Connexion"] .member-register {
    background: #2cc84d;
    color: #000;
}

/* bouton secondaire */
[data-zone-alias="Connexion"] .member-login {
    border: 1px solid #2cc84d;
    color: #2cc84d;
}

/* hover */
[data-zone-alias="Connexion"] a:hover {
    opacity: 0.85;
}

/* bouton principal */
[data-zone-alias="Connexion"] .member-register:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(44, 200, 77, 0.35);
}

/* bouton secondaire */
[data-zone-alias="Connexion"] .member-login:hover {
    transform: translateY(-2px);
    background: rgba(44, 200, 77, 0.08);
    box-shadow: 0 6px 18px rgba(44, 200, 77, 0.18);
}

/* ==============================
   ESPACEMENT BOUTONS
   ============================== */
   
 /* centre les boutons dans la zone Connexion */
[data-zone-alias="Connexion"] ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
 
[data-zone-alias="Connexion"] li.header-ext-login {
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

/* ==============================
   BANNIÈRE
   ============================== */
/* Bannière plus grande */
[data-zone-alias="Hero"] {
    display: block !important;
}

[data-zone-alias="Hero"] .mod-banner__wrapper,
[data-zone-alias="Hero"] .mod-banner__img,
[data-zone-alias="Hero"] .mod-banner__content {
    height: 600px !important;
    min-height: 600px !important;
}

@media (max-width: 768px) {
    [data-zone-alias="Hero"] .mod-banner__wrapper,
    [data-zone-alias="Hero"] .mod-banner__img,
    [data-zone-alias="Hero"] .mod-banner__content {
        height: 320px !important;
        min-height: 320px !important;
    }
}

/* ALIGNEMENT VERTICAL HEADER */
.line.site_line__item > .container-fluid > .row-fluid {
    display: flex;
    align-items: center;
}

/* ==============================
   FOOTER MENU CENTRÉ
   ============================== */
ul.nav.navbar-nav.menu-vertical-items {
    display: flex;
    justify-content: center;
    gap: 20px;
    float: none !important;
}