/* ============================================================================
   NAVBAR DESKTOP FIXE/COMPACTE AU SCROLL — partagée par toutes les pages
   publiques (>=1121px uniquement). Tablette/mobile non concernés : gérés
   exclusivement dans mobile-nav.css, breakpoint <=1120px.

   Deux conventions de nommage coexistent selon les pages (préexistant,
   non modifié ici) :
     - la plupart des pages      : .ea-site-header > #offres-mega-wrap|#site-mega-wrap > .ea-desktop-nav
     - Solutions-Tourisme-Hebergements.dc.html : .site-header > #site-mega-wrap > .site-nav.ea-desktop-nav
     - Solutions-Clubs-Associations.dc.html (page statique, non-DC) : .site-header > #site-header-row > .nav-pill
   Les règles ci-dessous couvrent les deux conventions.

   .ea-site-header / .site-header portent un padding en style inline sur
   certaines pages : les overrides utilisent !important pour les battre
   proprement, exactement comme le fait déjà mobile-nav.css pour son propre
   breakpoint (.ea-site-header { padding:... !important }).

   L'état .is-fixed-compact est ajouté/retiré par desktop-nav-scroll.js, qui
   ne crée, n'insère ni ne supprime jamais de nœud DOM (uniquement classList
   et style sur des éléments déjà existants) : le framework DC de ce site
   rend son arbre avec React, et insérer un nœud dans ce sous-arbre casse sa
   réconciliation (vécu une fois : erreur "removeChild", page entière vidée
   par le garde-fou du framework). Ne jamais réintroduire d'insertion de nœud
   ici ni dans le script associé.
   ============================================================================ */
@media (min-width:1121px) {
  .ea-site-header, .site-header {
    transition:padding 210ms cubic-bezier(.23,1,.32,1);
  }
  .ea-desktop-nav, .nav-pill {
    transition:padding 210ms cubic-bezier(.23,1,.32,1), box-shadow 210ms ease;
  }

  .ea-site-header.is-fixed-compact, .site-header.is-fixed-compact {
    position:fixed; top:0; left:0; right:0;
    padding:14px 40px !important;
    z-index:150;
    background:transparent;
  }
  .ea-site-header.is-fixed-compact .ea-desktop-nav,
  .site-header.is-fixed-compact .ea-desktop-nav,
  .site-header.is-fixed-compact .nav-pill {
    padding:8px 12px !important;
    box-shadow:0 14px 32px rgba(11,27,63,.22);
  }

  /* Cibles d'ancres réellement présentes sur chaque page (vérifiées une à
     une dans l'audit) : la navbar compacte fixe ne doit jamais masquer leur
     titre après un clic. Un sélecteur qui ne correspond à rien sur une page
     donnée est simplement ignoré, sans risque. */
  #activites, #services, #expertise, #realisations, #contact,
  #exemple, #application-sur-mesure, #choix-titre-section, #exemple-asb, #outils-gestion,
  #exemples-sites-web, #formules, #supports-communication, #supports-imprimes, #votre-besoin,
  #solutions-artisanat, #solutions-clubs, #solutions-tourisme, #solutions-bien-etre, #solutions-commerce,
  #bases-legales, #cookies, #destinataires, #donnees, #droits, #durees, #finalites, #modifications, #responsable, #securite, #transferts {
    scroll-margin-top:110px;
  }
}
@media (min-width:1121px) and (prefers-reduced-motion:reduce) {
  .ea-site-header, .site-header, .ea-desktop-nav, .nav-pill { transition:none; }
}