/* Styles globaux pour la typographie du site LPRO72
   Ce fichier contient uniquement les modifications de police et styles visuels
   sans changer le positionnement des éléments */

/* Importation de la police Raleway depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');

/* Application de la police Raleway à tous les éléments textuels */
body, h1, h2, h3, h4, h5, h6, p, span, div, table, th, td, button, a, input, textarea, select, label {
    font-family: 'Raleway', sans-serif !important;
}

/* Styles de graisse pour le texte */
body, p, div, td, input, textarea, select {
    font-weight: 500 !important; /* Légèrement plus gras que normal */
}

/* Éléments importants et boutons */
a, button, th, label, strong, b {
    font-weight: 600 !important; /* Semi-gras */
}

/* Titres avec graisse maximale */
h1, h2, h3, .page-title, .header-title h2 {
    font-weight: 700 !important; /* Gras complet */
}

/* Styles pour les boutons plus dynamiques */
.btn, button {
    transition: all 0.2s ease !important;
}

.btn:hover, button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Styles pour les tableaux plus dynamiques */
table {
    border-radius: 8px !important;
    overflow: hidden !important;
}

table th {
    background-color: #f8f9fa !important;
}

/* Styles pour les inputs et champs de formulaire */
input, textarea, select {
    transition: all 0.2s ease !important;
    border-radius: 4px !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Effet de survol pour les éléments cliquables */
a:not(.btn), .clickable {
    transition: all 0.2s ease !important;
}

a:not(.btn):hover, .clickable:hover {
    color: #0056b3 !important;
}

/* Effet sur les images cliquables sans changer leur positionnement */
a img {
    transition: all 0.3s ease !important;
}

a:hover img {
    opacity: 0.9 !important;
}

/* Un peu d'espacement pour la lisibilité sans changer la structure */
p, li {
    line-height: 1.6 !important;
}

/* Améliorations visuelles des titres de sections */
.section-title, h2 {
    letter-spacing: 0.5px !important;
}

/* Styles pour le header-title */
.header-title {
    background-color: #1e2124 !important;
}

.header-title h2 {
    color: #fff !important;
    letter-spacing: 0.5px !important;
}