/* Styles pour les numéros de page avec la couleur de la catégorie */

/* Style général pour tous les numéros de page */
.page-number {
    position: absolute !important;
    bottom: 1rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    padding: 5px 15px !important;
    border-radius: 15px !important;
    z-index: 100 !important;
    background-color: white !important;
}

/* Couleurs basées sur l'attribut data-category */
.page-number[data-category="materiel-pedagogique"] {
    color: #37A069 !important; /* Vert */
}

.page-number[data-category="mathematiques"] {
    color: #2C5282 !important; /* Bleu foncé */
}

.page-number[data-category="sommaire"] {
    background-color: transparent !important;
    color: white !important;
}

.page-number[data-category="francais"] {
    color: #E53E3E !important; /* Rouge */
}

.page-number[data-category="sciences"] {
    color: #3182CE !important; /* Bleu ciel */
}

.page-number[data-category="arts"] {
    color: #805AD5 !important; /* Violet */
}

.page-number[data-category="histoire-geographie"] {
    color: #DD6B20 !important; /* Orange */
}

.page-number[data-category="langues"] {
    color: #38B2AC !important; /* Turquoise */
}

/* Maintenir la compatibilité avec l'ancien système de classes */
.category-materiel-pedagogique .page-number {
    color: #37A069 !important;
}

.category-mathematiques .page-number {
    color: #2C5282 !important;
}

.category-francais .page-number {
    color: #E53E3E !important;
}

.category-sciences .page-number {
    color: #3182CE !important;
}

.category-arts .page-number {
    color: #805AD5 !important;
}

.category-histoire-geographie .page-number {
    color: #DD6B20 !important;
}

.category-langues .page-number {
    color: #38B2AC !important;
}