/* Umediad — compensation de l en-tete fixe + place du lien Administration
 * Charge APRES les feuilles des microfrontends pour pouvoir corriger leur
 * espacement superieur sans avoir a reversionner ces fichiers.
 *
 * Ne s applique QU AUX pages dont le conteneur remplace le contenu de <main>
 * sans espacement propre : espace admin, forfaits et /start-selling. Les
 * autres pages gerent deja le leur -- la banniere d accueil demarre meme
 * volontairement a 0 sous un en-tete transparent -- et y ajouter cette marge
 * creerait un double espacement. */

:root { --umediad-header-offset: 65px; }

html[data-um-forfaits] #umediad-forfaits .uf-wrap,
html[data-um-admin] #umediad-admin .ua-in,
html[data-um-admin] #umediad-admin > .ua-wrap,
.us-wrap {
  padding-top: calc(var(--umediad-header-offset, 65px) + 22px) !important;
}

/* Repli si la structure interne differe : on decale le point de montage. */
html[data-um-admin] #umediad-admin:not(:has(.ua-in)):not(:has(.ua-wrap)) {
  padding-top: calc(var(--umediad-header-offset, 65px) + 22px);
}

/* Une ancre (#us-plans) ne doit jamais amener la cible sous l en-tete. */
html[data-um-forfaits] #umediad-forfaits [id],
html[data-um-admin] #umediad-admin [id] {
  scroll-margin-top: calc(var(--umediad-header-offset, 65px) + 16px);
}

/* Le lien Administration est un element de navigation comme les autres :
 * il ne doit jamais creer une deuxieme rangee ni deborder. */
.um-admin-nav { display: inline-flex; align-items: center; }
.um-admin-nav > a {
  font-weight: 700;
  color: #a9873a;
  text-decoration: none;
  padding: 0 8px;
  white-space: nowrap;
  line-height: 1.2;
}
.um-admin-nav > a:hover { text-decoration: underline; }
.um-admin-nav > a:focus-visible { outline: 2px solid #a9873a; outline-offset: 2px; border-radius: 4px; }

/* Dans le tiroir mobile, il se comporte comme les autres entrees. */
[class*="SideDrawer"] .um-admin-nav { display: block; width: 100%; }
[class*="SideDrawer"] .um-admin-nav > a { display: block; padding: 10px 16px; white-space: normal; }