/* ══════════════════════════════════════════════════════════════
   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 #fff;
    color: #fff;
    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: rgba(255,255,255,0.2);
    color: #fff;
}
.navbar-mobile-actions a.btn-primary-custom {
    background: #fff;
    color: #E72179;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: .95rem;
    text-decoration: none;
}

/* ═══ SURCHARGES NAVBAR FOND NOIR — Younited Credit ═══ */
.navbar { background: #E72179 !important; }
.navbar .nav-link,
.navbar .nav-item .nav-link { color: #fff !important; font-weight: 600; }
.navbar .nav-link:hover { color: #F4B400 !important; }
.navbar .nav-link.active,
.navbar .nav-item.active .nav-link { color: #F4B400 !important; font-weight: 700; }
.navbar .dropdown-toggle { color: #fff !important; font-weight: 700 !important; }
.navbar .navbar-toggler { border-color: rgba(240,192,64,0.5); }
.navbar .navbar-toggler-icon { filter: invert(1); }
.navbar .dropdown-menu { background: #fff !important; border: 1px solid #E72179 !important; box-shadow: 0 4px 20px rgba(6,187,204,0.2) !important; }
.navbar .dropdown-item { color: #E72179 !important; font-weight: 600; }
.navbar .dropdown-item:hover { background: #FFF5FA !important; color: #059aaa !important; }
.lang-switcher-btn { color: #fff !important; border-color: rgba(255,255,255,0.6) !important; }
.lang-switcher-btn:hover, .lang-switcher-btn.open { color: #fff !important; border-color: #fff !important; background: rgba(255,255,255,0.2) !important; }