/* ============================================================
   POLICES PERSONNALISÉES — @font-face
   À copier dans style.css du thème enfant, ou dans un fichier
   séparé "fonts-custom.css" chargé via functions.php.

   IMPORTANT : tous les chemins ci-dessous supposent que le
   dossier "fonts/" se trouve au même niveau que ce fichier CSS,
   à la racine du thème enfant :
   /wp-content/themes/votre-theme-enfant/fonts/
   ============================================================ */


/* ---------- ORBITRON (4 graisses statiques) ---------- */

@font-face {
    font-family: 'Orbitron';
    src: url('fonts/Orbitron-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('fonts/Orbitron-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('fonts/Orbitron-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('fonts/Orbitron-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* ---------- ROBOTO (police variable : graisse + largeur) ----------
   Ces fichiers .ttf sont des "variable fonts" : un seul fichier
   couvre toutes les graisses (100 à 900) via l'axe "wght", et
   les largeurs via l'axe "wdth" (mappé en CSS sur font-stretch).
   Vérifiez les bornes exactes de ces axes avec un outil comme
   Wakamai Fondue (wakamaifondue.com) si besoin de les affiner. */

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-VariableFont_wdth_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic-VariableFont_wdth_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-style: italic;
    font-display: swap;
}

/* Repli statique (woff2) en graisse 400, pour les très vieux
   navigateurs qui ne supportent pas les polices variables.
   Comme il est listé en dernier, les navigateurs modernes qui
   comprennent "truetype-variations" utiliseront la version
   variable ci-dessus en priorité pour les graisses différentes
   de 400 ; pour la 400 exacte, les deux règles sont équivalentes. */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* ---------- EUROSTILE (normal) ---------- */
/* ATTENTION : "EuroStyle_Normal.woff2" et "eurostile.woff2" ont
   été fournis tous les deux pour la graisse normale. On les
   déclare ici comme deux sources de repli du même @font-face :
   le navigateur essaiera EuroStyle_Normal.woff2 en premier.
   -> Vérifiez visuellement laquelle des deux vous voulez vraiment
   garder ; si elles diffèrent, mieux vaut leur donner deux noms
   distincts (voir note dans les instructions). */

@font-face {
    font-family: 'Eurostile';
    src: url('fonts/EuroStyle_Normal.woff2') format('woff2'),
         url('fonts/eurostile.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* ---------- EUROSTILE EXTENDED (Bold / Black) ---------- */
/* ATTENTION : Eurostile_Extended_Bold.woff2 et
   EurostileExtendedBlack.woff2 font EXACTEMENT la même taille
   en octets (16 876 o). Cela peut indiquer un doublon involontaire
   (le même fichier renommé deux fois). Vérifiez le rendu visuel
   des deux graisses avant mise en prod — voir instructions. */

@font-face {
    font-family: 'Eurostile Extended';
    src: url('fonts/Eurostile_Extended_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile Extended';
    src: url('fonts/EurostileExtendedBlack.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* ============================================================
   CLASSES UTILITAIRES — application 100% MANUELLE
   ============================================================
   AUCUNE règle ci-dessus ne s'applique automatiquement à un
   élément du site. Les polices sont seulement "enregistrées"
   (déclarées via @font-face) ; rien ne change visuellement tant
   que vous n'ajoutez pas une de ces classes vous-même.

   Comment les utiliser dans Elementor (gratuit) :
   1. Sélectionnez un widget (titre, texte, bouton...)
   2. Onglet "Avancé" → champ "Classes CSS" (CSS Classes)
   3. Tapez le nom de la classe, ex : font-orbitron
   4. Le texte de ce widget, et lui seul, change de police.
   ============================================================ */

.font-orbitron          { font-family: 'Orbitron', sans-serif; font-weight: 400; }
.font-orbitron-medium   { font-family: 'Orbitron', sans-serif; font-weight: 500; }
.font-orbitron-bold     { font-family: 'Orbitron', sans-serif; font-weight: 700; }
.font-orbitron-black    { font-family: 'Orbitron', sans-serif; font-weight: 900; }

.font-roboto            { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; }
.font-roboto-italic     { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: italic; }

.font-eurostile         { font-family: 'Eurostile', sans-serif; font-weight: 400; }
.font-eurostile-extended-bold  { font-family: 'Eurostile Extended', sans-serif; font-weight: 700; }
.font-eurostile-extended-black { font-family: 'Eurostile Extended', sans-serif; font-weight: 900; }