/*
 * Wellputt — Landings
 * Charge uniquement sur les pages CMS qui affichent une landing.
 * La landing a son propre h1 et sa propre navigation : on retire le titre et le fil
 * d'Ariane du theme, et on lui laisse toute la largeur.
 */
#cms #wrapper { padding-top: 0; padding-bottom: 0; }
#cms #wrapper > .container:has(> .breadcrumb),
#cms #main > .page-header { display: none; }
#cms #inner-wrapper { width: 100%; max-width: none; padding-left: 0; padding-right: 0; }
#cms #content-wrapper,
#cms #main,
#cms #content.page-content,
#cms #content .rte-content { width: 100%; max-width: none; margin: 0; padding: 0; }

/* Le bandeau de la landing est fixe en haut d'ecran : il passerait par-dessus le menu
   de la boutique. Il defile avec la page jusqu'a la landing, puis reste colle en haut. */
#cms #wpEmbed header { position: sticky !important; }
/* Selecteur de langue propre a la landing : celui de la boutique suffit. Le script de la
   landing le masque aussi, mais seulement une fois charge (ou jamais sans JavaScript). */
#cms #wpEmbed #localeBar { display: none !important; }

/* Ordinateur : en descendant, le theme fixe la ligne du menu du site en haut de l'ecran
   (.iqitmegamenu-wrapper.stuck, 74px). L'en-tete du site (z-index 100) passait sous le bandeau
   de la landing (z-index 100 aussi, plus loin dans la page) qui le cachait : l'en-tete passe
   devant et le bandeau de la landing se colle juste sous le menu du site. Sur mobile, l'en-tete
   du site n'est pas fixe : le bandeau reste en haut. */
#cms #header { z-index: 101 !important; }
@media (min-width: 992px) {
  #cms:has(.iqitmegamenu-wrapper.stuck) #wpEmbed header { top: 74px !important; }
}
/* Grand ecran (au-dela du menu burger de la landing, 1200px) : sans le nom de la landing
   (« Wellputt Putting Surface », le menu du site suffit), liens et bouton centres. */
@media (min-width: 1201px) {
  #cms #wpEmbed #siteLogo { display: none !important; }
  #cms #wpEmbed header > div { justify-content: center !important; }
  #cms #wpEmbed #siteNav { justify-content: center !important; }
}
