/* `scrollbar-gutter: stable` RETIRÉ le 2026-08-14 : sur Safari (scrollbars en
   surimpression), la gouttière réservée restait peinte en crème et donnait
   l'impression d'un écran décalé. On revient au comportement natif du
   navigateur ; en contrepartie, sur les navigateurs à scrollbar classique, la
   page peut se décaler d'une largeur de scrollbar quand sa hauteur change. */

header, main, footer{
    width: 100%;
}

.text-color-primary{
    color: #2B3A67;
}

.text-color-secondary{
    color: #496A81;
}

.text-color-tertiary{
    color: #66999B;
}

.text-color-quaternary{
    color : #B3AF8F;
}

.text-color-quinary{
    color: #FFC482;
}

.nav-link:hover{
    color: #66999B !important;
}

.hide {
    display: none !important; /* Cache complètement le SVG */
}

.show {
    display: block !important; /* Affiche le SVG */
}

.max-container{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.overflow-hidden{
    overflow: hidden !important;
    height: 100%;
    width: 100%;
}
/* ── Police du site : Inter, embarquée (2026-09-16, décision du fondateur) ────
   La feuille demandait SF Pro Rounded, que seul Safari sait appeler : Chrome et
   Firefox retombaient sur Helvetica, d'où une graisse et des largeurs différentes
   selon le navigateur — mesuré sur neuf pages. SF Pro Rounded n'est pas embarquable
   (licence Apple). Inter, libre (OFL, copie dans Inter-LICENSE.txt), a les mêmes
   métriques que SF : la mise en page ne bouge pas ; l'arrondi est sacrifié, choix
   assumé. Fonte VARIABLE : un seul fichier par style couvre tous les poids. */
@font-face {
    font-family: "Inter";
    src: url("/fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/InterVariable-Italic.woff2") format("woff2");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ── Fonte de gravure (2026-08-17) ─────────────────────────────────────────
   DejaVu Sans Mono Bold, la MÊME fonte que les fichiers SVG envoyés au laser
   (Services/Engraving) : les aperçus « face gravée » (/shop, /shop/medallion,
   panier) montrent exactement les glyphes qui seront gravés — plus de Menlo
   ici / DejaVu là. Fichier embarqué : wwwroot/fonts/DejaVuSansMono-Bold.ttf
   (licence libre, copie dans DejaVuSansMono-LICENSE.txt). */
@font-face {
    font-family: "PS Engraving";
    src: url("/fonts/DejaVuSansMono-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ── Impression (2026-08-18, bouton Imprimer/PDF du détail de commande) ────
   Une page imprimée ne montre que son contenu : navigation, pied de page et
   toasts n'ont pas de sens sur papier. Chaque page masque en plus ses propres
   éléments d'écran dans son CSS scopé (voir OrderDetail.razor.css). Fond
   blanc forcé : on n'imprime pas un aplat crème ou lagon. */
@media print {
    header,
    footer,
    .app-toast {
        display: none !important;
    }

    body {
        background: #ffffff;
    }
}