/* Ajustements transverses vd-web (chargé sur toutes les pages). */

/* Le menu principal est passé de six à sept entrées : on resserre légèrement
   l'espacement entre 1025 et 1400 px pour qu'il tienne sur une seule ligne,
   sans toucher à la taille du texte en dessous de cette largeur. */
@media (min-width: 1025px) {
  /* Sept entrées tiennent sur une ligne : on interdit le retour à la ligne
     et on resserre l'espacement plutôt que de laisser « Contact » tomber. */
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav {
    flex-wrap: nowrap;
    justify-content: center;
  }
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 16px;
    white-space: nowrap;
  }
}
@media (min-width: 1700px) {
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }
}

/* ------------------------------------------------------------------ *
   Bouton « Mon compte »
   Deux emplacements : à gauche du bouton téléphone sur ordinateur, et en
   bas du panneau du menu sur mobile, où la colonne de droite est masquée
   par le thème.
 * ------------------------------------------------------------------ */
.vd-account-btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 20px;border-radius:10px;
  background:#fff;border:2px solid #0e1714;
  font-family:Rajdhani,system-ui,sans-serif;font-weight:700;font-size:17px;
  line-height:1;letter-spacing:.01em;color:#0e1714;text-decoration:none;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.vd-account-btn:hover,.vd-account-btn:focus-visible{
  background:#0e1714;color:#a9de59;box-shadow:0 6px 16px rgba(14,23,20,.18);
}
.vd-account-btn:focus-visible{outline:3px solid #0e1714;outline-offset:3px}
.vd-account-ico{flex:none}

/* --- Ordinateur : le bouton compte coiffe le bouton téléphone --- */
@media (min-width:1025px){
  /* La colonne de droite reste verticale : le bouton compte prend sa propre
     ligne, au-dessus du téléphone. Aucun pixel n'est pris au menu, donc
     aucun risque de chevauchement avec « Contact ». */
  .elementor-9434 .elementor-element.elementor-element-473a9b3{
    --align-items:flex-end;
    --gap:10px;
    --row-gap:10px;
  }
  .elementor-9434 .vd-account{width:100%;text-align:right;line-height:0}
  .vd-account-mobile{display:none !important}
}
@media (min-width:1025px) and (max-width:1366px){
  .vd-account-btn{font-size:16px;padding:11px 16px;gap:7px}
}

/* --- Mobile et tablette : dernière entrée du panneau du menu --- */
@media (max-width:1024px){
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li.vd-account-mobile{margin-top:14px;padding:0 12px}
  /* Le thème colore tous les liens du panneau : il faut la même spécificité,
     sinon le libellé ressort en noir sur la pastille noire — invisible. */
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li.vd-account-mobile > a.vd-account-btn,
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li.vd-account-mobile > a.vd-account-btn:visited{
    width:100%;justify-content:center;font-size:18px;padding:15px 20px;
    background:#0e1714;color:#a9de59;border-color:#0e1714;
  }
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li.vd-account-mobile > a.vd-account-btn:hover,
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li.vd-account-mobile > a.vd-account-btn:focus{
    background:#a9de59;color:#0e1714;border-color:#0e1714;
  }
  .elementor-9434 .elementor-element.elementor-element-3f3f976 .elementskit-navbar-nav > li.vd-account-mobile > a.vd-account-btn .vd-account-ico{
    color:inherit;
  }
}