/* ══════════════════════════════════════════════════════════════
   NAVBAR — ACTIONS TOUJOURS VISIBLES (Se connecter / Ouvrir un compte)
   Fichier partagé sur toutes les pages publiques. Corrige le bug
   où ces boutons étaient invisibles sur mobile (iPhone et Android).
   ══════════════════════════════════════════════════════════════ */
.navbar-mobile-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}
.navbar-mobile-actions .btn,
.navbar-mobile-actions .btn-primary-custom,
.navbar-mobile-actions .btn-ghost-custom {
    width: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 992px) {
    .navbar-mobile-actions { display: none; }
}

.navbar-desktop-actions {
    display: none;
    align-items: center;
    gap: 10px;
}
@media (min-width: 992px) {
    .navbar-desktop-actions { display: flex; }
}

/* Boutons génériques de secours (si la page n'a pas déjà ses propres
   classes .btn-primary-custom / .btn-ghost-custom définies inline) */
.navbar-mobile-actions a.btn-ghost-custom,
.navbar-desktop-actions a.btn-ghost-custom {
    border: 2px solid #06BBCC;
    color: #06BBCC;
    background: transparent;
    border-radius: 8px;
    padding: 12px 24px;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: .95rem;
    text-decoration: none;
    transition: background .3s, color .3s;
}
.navbar-mobile-actions a.btn-ghost-custom:hover,
.navbar-desktop-actions a.btn-ghost-custom:hover {
    background: #06BBCC;
    color: #fff;
}
.navbar-mobile-actions a.btn-primary-custom {
    background: #06BBCC;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: .95rem;
    text-decoration: none;
}