/**
 * H Network - Typographie Source Sans Pro
 * Application de la police Source Sans Pro dans tout le projet
 */

/* ============================================
   Import de la police Source Sans Pro
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

/* ============================================
   EXCEPTION CRITIQUE : Polices d'icônes
   Doit être AVANT la règle globale pour avoir priorité maximale
   ============================================ */
i[class^="icon-"],
i[class*=" icon-"],
[class^="icon-"],
[class*=" icon-"],
.icon [class*="path"],
.icon li[class*="path"],
ul.icon li,
ul[class*="icon-"] li,
.icomoon,
.swiper-icons {
    font-family: 'icomoon' !important;
    font-style: normal !important;
    font-weight: normal !important;
    speak: never !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ============================================
   Application globale de Source Sans Pro
   (Exclut les icônes grâce à la règle ci-dessus)
   ============================================ */
*:not([class^="icon-"]):not([class*=" icon-"]):not(.icomoon):not(.swiper-icons) {
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

html,
body {
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* ============================================
   Éléments de base
   ============================================ */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700;
}

p, span, div, a, li, td, th, label, input, textarea, select, button {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* ============================================
   Formulaires
   ============================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
select {
    font-family: 'Source Sans Pro', sans-serif !important;
}

button,
.btn,
input[type="submit"],
input[type="button"] {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* ============================================
   Composants Premium
   ============================================ */
.btn-premium,
.card-premium,
.card-premium-title,
.card-premium-content,
.input-premium-field,
.input-premium-label,
.alert-premium,
.badge-premium {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* ============================================
   Éléments Bootstrap
   ============================================ */
.navbar,
.nav,
.dropdown-menu,
.modal,
.modal-title,
.modal-body,
.modal-footer,
.card,
.card-title,
.card-text,
.table,
.alert,
.badge,
.form-control,
.form-label {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* ============================================
   Éléments spécifiques du projet
   ============================================ */
.app-header,
.tf-container,
.tf-topbar,
.tf-balance-box,
.user-info,
.wallet-footer,
.menu-item,
.notification-item {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* ============================================
   Classes de poids de police
   ============================================ */
.fw_3,
.font-weight-light {
    font-weight: 300 !important;
}

.fw_4,
.font-weight-normal {
    font-weight: 400 !important;
}

.fw_5,
.font-weight-medium {
    font-weight: 500 !important;
}

.fw_6,
.font-weight-semibold {
    font-weight: 600 !important;
}

.fw_7,
.font-weight-bold {
    font-weight: 700 !important;
}

.fw_8,
.font-weight-extrabold {
    font-weight: 800 !important;
}

.fw_9,
.font-weight-black {
    font-weight: 900 !important;
}

/* Cette section est maintenant en haut du fichier pour plus de priorité */

/* Conserver les polices monospace pour le code */
code,
pre,
kbd,
samp,
.monospace,
.font-monospace {
    font-family: 'Courier New', Courier, monospace !important;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    h1 {
        font-size: 2em;
    }
    
    h2 {
        font-size: 1.75em;
    }
    
    h3 {
        font-size: 1.5em;
    }
}