/* Généré par bin/construire-assets. Ne pas éditer à la main. */
/* Règles propres au site, en var(--md-...) seulement. Vide tant que le design system suffit (le bec de la cigogne
   a sa règle dans composants.css depuis la passe de directeur artistique du 03/10). */

/* Choix de la taille sur la fiche produit : le design montre des liens (aria-current), ici ce sont des boutons radio
   (aucun script). Mêmes règles que .md-taille[aria-current="page"], portées par :has(input:checked). */
.md-tailles { border: 0; margin: 0; padding: 0; min-width: 0; }
.md-tailles-titre { padding: 0; }
.md-taille--choix { cursor: pointer; }
.md-taille--choix:has(input:checked) {
  background-color: var(--md-surface-tint);
  border: var(--md-border-width-strong) solid var(--md-border-selected);
  padding: calc(var(--md-space-2) - 1px) calc(var(--md-space-2) - 1px) calc(var(--md-space-3) - 1px);
}
@media (min-width: 600px) {
  .md-taille--choix:has(input:checked) { padding: calc(var(--md-space-3) - 1px) calc(var(--md-space-4) - 1px) calc(var(--md-space-3) - 1px); }
}
.md-taille--choix:has(input:checked) .md-taille-choisie { display: block; }
.md-taille--choix:has(input:checked) .md-taille-coche { display: flex; }
.md-taille--choix:has(input:focus-visible) { outline: 2px solid var(--md-focus); outline-offset: 2px; }
.md-tailles:disabled .md-taille--choix { cursor: not-allowed; }

/* Administration : « Se déconnecter » est un formulaire (action POST avec jeton), il laisse son bouton se ranger dans la barre
   d'en-tête comme le lien du design (md-entete--admin .md-bouton { order: 2 }). */
.md-entete--admin form { display: contents; }
.md-nowrap { white-space: nowrap; }
.md-admin-carte h2 { font-size: var(--md-font-size-xl); }
.md-admin-carte address { font-style: normal; }

/* Liens de suite d'une section de l'accueil (vers la FAQ, la fabrication, l'atelier). */
.md-suite { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--md-space-3) var(--md-space-6); margin-top: var(--md-space-6); }

/* Photos réelles de produit : à la largeur de leur boîte. */
.md-galerie-item img, .md-carte-photo img { display: block; width: 100%; height: auto; }