/* --- STYLE DU POPUP --- */
.modal-overlay-hb {
    display: none; 
    position: fixed; 
    z-index: 999999;
    left: 0; top: 0; 
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.8); 
    align-items: center; 
    justify-content: center;
    backdrop-filter: blur(4px);
}

.modal-overlay-hb.active { 
    display: flex; 
}

.modal-box-hb {
    background: white; 
    padding: 35px; 
    border-radius: 15px;
    width: 90%; 
    max-width: 400px; 
    position: relative; 
    text-align: center;
}

.close-hb {
    position: absolute; 
    right: 15px; 
    top: 10px;
    font-size: 28px; 
    cursor: pointer; 
    color: #999;
}

/* --- STYLE DU BOUTON (SUBMIT) --- */
/* On cible le bouton spécifiquement dans le formulaire pour ne pas impacter le reste du site */
.modal-box-hb input[type="submit"], 
.modal-box-hb button {
    font-family: var(--jl-menu-font);
    font-size: var(--jl-button-font-size);
    font-weight: var(--jl-button-font-weight);
    text-transform: var(--jl-button-transform);
    letter-spacing: var(--jl-button-space);
    background-color: var(--jl-main-color); /* Orange HB */
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43px;
    padding: 0px 30px;
    
    /* VOS MODIFICATIONS */
    margin-top: 25px;       /* Décolle le bouton du formulaire */
    border-radius: 15px;   /* Arrondi à 15px */
    
    border: none;
    outline: none;
    transition: .25s;
    white-space: nowrap;
    cursor: pointer;
    width: auto;           /* Garde la taille du texte ou mettez 100% si vous voulez qu'il soit large */
    margin-left: auto;
    margin-right: auto;    /* Centre le bouton */
}

/* Effet au survol pour plus de dynamisme */
.modal-box-hb input[type="submit"]:hover, 
.modal-box-hb button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}