/* ---------------------------------------------------------------------------
 * Navbar publique — alignement sur la nouvelle homepage
 *
 * Portée : visiteur ANONYME uniquement (`.custom-navbar--public`, posé par
 * navbar.html). La branche connectée garde son chrome actuel : l'alignement
 * complet du site est une décision à part.
 *
 * Le problème résolu : un visiteur arrive sur la nouvelle homepage, clique
 * « Trouver mon programme », atterrit sur /search/ — et change d'univers
 * visuel. Cette feuille reprend le LANGAGE de la homepage (marque, typo,
 * traitement du CTA, chrome) en gardant la structure de la navbar.
 *
 * Toutes les valeurs sont RELEVÉES sur `.d-header` de home_d.html, pas
 * inventées. Ce qui n'est PAS repris : la carte flottante (`border-radius`,
 * `margin-top`) — la navbar du site est une barre fixe pleine largeur, et sa
 * structure ne change pas.
 * ------------------------------------------------------------------------ */

.custom-navbar--public {
  /* Geist = police d'interface de la homepage. Les `@font-face` viennent de
   * base.html ; c'est cette règle qui déclenche le téléchargement du
   * sous-ensemble latin. Le repli reprend la pile historique du site. */
  font-family: 'Geist', "Open Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, sans-serif;

  background: rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(203, 213, 225, .78);
  /* ombre diffuse de la homepage, à la place du liseré dur 0 2px 4px */
  box-shadow: 0 14px 38px rgba(15, 23, 42, .09);
}

/* --- Marque -------------------------------------------------------------
 * Les DEUX couleurs sont déjà identiques à la homepage (#5593b8 / #ff4000) :
 * seuls la taille, la graisse et l'interlettrage divergeaient. */
.custom-navbar--public .brand-text {
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.045em;
}

.custom-navbar--public .brand-vefa {
  font-weight: 900;
}

/* --- Liens de navigation ------------------------------------------------ */
.custom-navbar--public .desktop-nav-links > li > a {
  font-size: 13px;
  font-weight: 780;
  letter-spacing: -.01em;
  color: #0f172a;
}

/* La nav de la homepage est SANS icône : c'est une part importante de son
 * allure. Le markup est conservé (structure inchangée), l'icône est masquée
 * dans la seule variante publique — réversible d'une ligne. */
.custom-navbar--public .desktop-nav-links > li > a .nav-icon {
  display: none;
}

/* « Espace Promoteur » était une pilule cerclée d'orange : dans le header de la
 * homepage il n'y a QU'UN accent orange, le CTA. Deux éléments orange se
 * disputaient la hiérarchie. Aligné sur `.e-nav-promoter`, un lien comme les
 * autres. ⚠️ C'est un point d'entrée du funnel promoteur : sa visibilité
 * baisse volontairement ici, la homepage lui donnant une section dédiée.
 *
 * ⚠️ Les `!important` sont OBLIGATOIRES et non un raccourci : la règle
 * d'origine (navbar.css, `@media (min-width: 1100px)`) pose elle-même
 * `color`/`padding` en `!important` — une spécificité supérieure ne suffit
 * pas à la battre. Le media query est reproduit à l'identique pour ne rien
 * changer sous 1100 px, où la pilule n'existe pas. */
@media (min-width: 1100px) {
  .custom-navbar--public .desktop-nav-links > li > a.promoter-link {
    border: 0;
    /* PAS de `border-radius: 0` : la règle d'origine pose déjà 11px, soit
     * exactement la valeur des liens normaux — l'annuler créait le seul
     * écart restant (visible au survol, quand un fond apparaît). */
    background: none;
    color: #0f172a !important;
    font-weight: 780;
  }
}

/* ⚠️ Le `padding` doit être REJOUÉ à chaque palier responsive de navbar.css.
 * Les liens normaux se resserrent en trois temps (8px 10px → 7px 8px sous
 * 1490px → 6px 8px sous 1300px) ; la règle d'origine du lien promoteur pose un
 * `padding: 9px 15px !important` FIXE, qui neutralise ces paliers. Tant qu'il
 * était une pilule, c'était voulu ; devenu un lien comme les autres, un padding
 * figé le désaligne de ses voisins à deux largeurs sur trois. Un seul palier
 * oublié ici = un décalage d'un pixel invisible en revue mais bien réel.
 * Les bornes sont celles de navbar.css — les garder synchronisées. */
@media (min-width: 1491px) {
  .custom-navbar--public .desktop-nav-links > li > a.promoter-link {
    padding: 8px 10px !important;
  }
}

@media (min-width: 1301px) and (max-width: 1490px) {
  .custom-navbar--public .desktop-nav-links > li > a.promoter-link {
    padding: 7px 8px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1300px) {
  .custom-navbar--public .desktop-nav-links > li > a.promoter-link {
    padding: 6px 8px !important;
  }
}

/* --- CTA ----------------------------------------------------------------
 * Reprend `.d-button` + `.d-button-orange` + `.d-button-small` de la homepage.
 * L'ACTION est inchangée (« Se connecter ») : seul le traitement change. */
.custom-navbar--public .desktop-login-btn {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff4000, #ff7a45);
  box-shadow: 0 16px 35px rgba(255, 64, 0, .25);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: -.01em;
}

/* --- Recherche ---------------------------------------------------------- */
.custom-navbar--public .navbar-search-trigger--desktop {
  font-size: 13px;
  font-weight: 780;
  letter-spacing: -.01em;
}

/* --- Mobile -------------------------------------------------------------
 * Même langage sur les deux actions de la barre compacte. */
.custom-navbar--public .mobile-promoter-link span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: -.01em;
}

.custom-navbar--public .mobile-login-btn {
  border-radius: 10px;
  background: linear-gradient(135deg, #ff4000, #ff7a45);
  box-shadow: 0 10px 22px rgba(255, 64, 0, .25);
}