/* ══════════════════════════════════════════════════════════════
   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;
}

/* ── Bouton CTA "Ouvrir un compte" — couleur or/HOLDING (#f0a500, celle du
   mot "HOLDING" dans le logo) au lieu du turquoise habituel des boutons
   primaires, pour le distinguer comme action principale de conversion.
   Couleur en dur (pas var(--gold)) car ce fichier est chargé sur des pages
   qui ne chargent pas toutes css/variables.css.
   Appliqué uniquement à ce bouton précis via la classe .btn-gold ajoutée
   dans le HTML — ne touche pas aux autres boutons turquoise du site
   (retour en haut, soumission de formulaire, etc.). ── */
.btn-gold.btn-primary-custom,
a.btn-gold.btn-primary-custom {
    background: #f0a500 !important;
}
.btn-gold.btn-primary-custom:hover,
a.btn-gold.btn-primary-custom:hover {
    background: #d69400 !important;
    box-shadow: 0 8px 20px rgba(240,165,0,.35) !important;
}
.btn.btn-gold,
a.btn.btn-gold {
    background-color: #f0a500 !important;
    border-color: #f0a500 !important;
}
.btn.btn-gold:hover,
a.btn.btn-gold:hover {
    background-color: #d69400 !important;
    border-color: #d69400 !important;
}