/* ========================================
   RESET NAVIGATEUR — L'as du goût
   ========================================
   Ce fichier supprime les marges et paddings
   par défaut de tous les navigateurs afin d'avoir
   un rendu homogène sur Chrome, Firefox, Safari...

   ⚠️ Les variables de couleurs sont dans variables.css
   ⚠️ Les polices sont importées dans typo.css
   ======================================== */


/* ========================================
   RESET DU NAVIGATEUR — L'as du goût
   ========================================
   Par défaut, chaque navigateur applique ses
   propres marges et padding. On les supprime
   pour avoir un rendu identique partout.
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Le padding n'agrandit pas les éléments */
}

/* Conteneur global : empile la navbar puis le contenu en colonne */
.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ═══════════════════════════════════════════════
   BARRE DE DÉFILEMENT — thème du site (or sur fond sombre)
   Remplace la barre grise par défaut du navigateur.
   ═══════════════════════════════════════════════ */

/* Firefox + Chrome ≥ 121 (standard) */
* {
  scrollbar-width: auto; /* épaisseur standard du navigateur */
  scrollbar-color: rgba(212, 175, 55, 0.4) #0c0c0c;
}

/* Safari + anciens Chrome/Edge (WebKit) */
::-webkit-scrollbar {
  width: 15px;  /* épaisseur standard de Chrome */
  height: 15px;
}

::-webkit-scrollbar-track {
  background: #0c0c0c;
}

::-webkit-scrollbar-thumb {
  background: rgba(212, 175, 55, 0.4);
  border-radius: 8px;
  border: 2px solid #0c0c0c; /* fine marge autour du pouce */
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 175, 55, 0.6);
}

::-webkit-scrollbar-corner {
  background: #0c0c0c;
}

/* ============================================================
   GARDE-FOUS RESPONSIVE GLOBAUX
   Aucun média ne déborde jamais de son conteneur.
   ============================================================ */
img,
svg,
video,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}