/* 
 * Styles de secours pour les catégories d'articles
 * Ce fichier est un fallback au cas où le CSS dynamique (article-categories.css.php) ne serait pas accessible
 */

/* Style générique pour tous les badges de catégorie */
/*.category-badge {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 4px;
    margin: 2px 2px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/* Icones de catégorie */
/*
.category-icon {
    height: 16px;
    width: 16px;
    margin-right: 4px;
    vertical-align: middle;
}
*/
/* Style pour les articles avec catégorie */
.article-with-category {
    border-left: 4px solid #ddd;
    padding-left: 12px;
}

/* Container pour le badge de catégorie */
.article-category-badge {
    margin-bottom: 10px;
}

/* Couleurs par défaut pour les catégories */
.category-badge-1 {
    background-color: #3b82f6;
    color: #ffffff;
}

.category-badge-2 {
    background-color: #10b981;
    color: #ffffff;
}

.category-badge-3 {
    background-color: #f59e0b;
    color: #ffffff;
}

.category-badge-4 {
    background-color: #ef4444;
    color: #ffffff;
}

.category-badge-5 {
    background-color: #8b5cf6;
    color: #ffffff;
}

/* Articles avec catégories */
.article-category-1  {
    background: #3b82f610 !important;
}
.article-category-1  h2 a{
    color: #3b82f6 !important;
}

.article-category-2  {
  background: #10b98110 !important;
}

.article-category-2  h2 a{
  color: #10b981 !important;
}


.article-category-3  {
  background: #f59e0b10 !important;
}
.article-category-3  h2 a{
  color: #f59e0b !important;
}

.article-category-4  {
  background: #ef444410 !important;
}
.article-category-4  h2 a{
  color: #ef4444 !important;
}

.article-category-5  {
  background: #8b5cf610 !important;
}
.article-category-5  h2 a{
  color: #8b5cf6 !important;
}

/* Responsive pour petits écrans */
/*@media (max-width: 768px) {
    .category-badge {
        padding: 4px 8px;
        font-size: 11px;
    }
    }
   */