/**
 * SWS Theme Modern - utilities.css
 */

.u-hidden   { display: none !important; }
.u-sr-only  { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.u-mt-0     { margin-top: 0 !important; }
.u-mb-0     { margin-bottom: 0 !important; }
.u-text-center { text-align: center !important; }
.u-text-muted  { color: var(--color-text-muted) !important; }
.u-fw-bold     { font-weight: 700 !important; }

.mobile  { display: block; }
.desktop { display: none; }

@media (min-width: 768px) {
  .mobile  { display: none !important; }
  .desktop { display: block !important; }
}

/* ══ Normalisation du socle (ex-legacy-compat.css, H1 O2 lot 2) ══════════
   Reprises du thème V3 d'origine, à la MÊME place dans la cascade (cette
   feuille précédait legacy-compat dans le manifeste) : le rendu ne bouge pas.
   Retirée : `.sws-nav.navbar-nav > li > a`, qu'aucun gabarit ne produit plus. */

/* Titres : la police et la couleur du thème, pas celles de Bootstrap */
.sws-theme--webshop h1,
.sws-theme--webshop h2,
.sws-theme--webshop h3 {
  font-family: var(--font-family-heading);
  color: var(--color-text);
}

/* Liens : la couleur du texte, pas le bleu Bootstrap */
.sws-theme--webshop a {
  color: inherit;
}

/* ...sauf les liens habillés en bouton, qui doivent rester lisibles */
.sws-theme--webshop a.sws-btn-primary,
.sws-theme--webshop a.sws-btn-primary:hover,
.sws-theme--webshop a.sws-btn-primary:focus {
  color: #fff;
}
.sws-theme--webshop a.sws-btn-outline {
  color: var(--color-text);
}

/* Barre de navigation Bootstrap encore produite par des gabarits partagés */
.sws-theme--webshop .navbar {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  background: none;
  min-height: 0;
}

.sws-theme--webshop .navbar-nav {
  margin: 0;
  float: none;
}

/* select2 3.4 (chargé par le socle) : les arrondis du thème */
.sws-theme--webshop .select2-container .select2-choice {
  border-radius: var(--radius-sm);
}

/* Notifications toastr : sous l'en-tête collant */
.toast-top-right {
  top: calc(var(--topbar-height, 36px) + var(--header-height, 52px) + 60px + 16px);
}