/**
 * Barlow Font Utilities
 * 
 * Classes utilitaires pour utiliser facilement les 3 variantes de Barlow
 * 
 * Usage :
 * - Barlow Regular : texte de corps
 * - Barlow Semi Condensed : titres principaux
 * - Barlow Condensed : titres impactants, boutons, badges
 */

/* ==========================================================================
   CLASSES UTILITAIRES - Font Family
   ========================================================================== */

/* Forcer Barlow Regular */
.font-barlow {
    font-family: 'Barlow', sans-serif !important;
}

/* Forcer Barlow Semi Condensed */
.font-barlow-semi-condensed {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif !important;
}

/* Forcer Barlow Condensed */
.font-barlow-condensed {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif !important;
}

/* ==========================================================================
   CLASSES PRÉFABRIQUÉES - Titres Hero
   ========================================================================== */

.hero-title-condensed {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hero-title-semi {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.hero-subtitle {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* ==========================================================================
   CLASSES PRÉFABRIQUÉES - Titres de section
   ========================================================================== */

.section-title {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 700;
}

.section-subtitle {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 500;
}

.section-title-condensed {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ==========================================================================
   CLASSES PRÉFABRIQUÉES - Cartes
   ========================================================================== */

.card-title-condensed {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
}

.card-title-semi {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 600;
}

/* ==========================================================================
   CLASSES PRÉFABRIQUÉES - Boutons
   ========================================================================== */

.btn-barlow-condensed {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-barlow-semi {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* ==========================================================================
   CLASSES PRÉFABRIQUÉES - Badges & Labels
   ========================================================================== */

.badge-barlow,
.label-barlow {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.75rem;
}

/* ==========================================================================
   SURCHARGES SPÉCIFIQUES - Composants du thème
   ========================================================================== */

/* Titres des pages métiers, formations, écoles */
.page-metier .hero-title,
.page-formation .hero-title,
.page-ecole .hero-title {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 900;
}

/* Titres de cartes métiers */
.metier-card .card-title {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 600;
}

/* Titres de cartes formations */
.formation-card .card-title {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 600;
}

/* Titres de cartes écoles */
.ecole-card .card-title {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 600;
}

/* Boutons principaux */
.btn-primary,
.btn-evofia-green {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Navigation principale */
.navbar-nav .nav-link {
    font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    font-weight: 500;
}

/* Badges de niveau d'étude */
.niveau-badge {
    font-family: 'Barlow Condensed', 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 0.7rem;
}

/* ==========================================================================
   GRAISSES (Font Weights)
   ========================================================================== */

.fw-thin { font-weight: 100; }
.fw-extra-light { font-weight: 200; }
.fw-light { font-weight: 300; }
.fw-regular { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semi-bold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-extra-bold { font-weight: 800; }
.fw-black { font-weight: 900; }

/* ==========================================================================
   RESPONSIVE - Ajustements mobiles
   ========================================================================== */

@media (max-width: 768px) {
    /* Sur mobile, réduire le letter-spacing pour les titres condensed */
    .hero-title-condensed,
    .section-title-condensed {
        letter-spacing: 0;
    }
    
    /* Réduire légèrement la graisse sur mobile pour une meilleure lisibilité */
    .hero-title-condensed {
        font-weight: 800;
    }
}

@media (max-width: 576px) {
    /* Basculer certains titres de Condensed à Semi Condensed sur très petits écrans */
    .hero-title-condensed-responsive {
        font-family: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
    }
}