@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

/* =========================================
   HOG - BADGES DE STATUT (GLOBAL)
   ========================================= */

/* 1. Badges standards (Sans icône) */
.hog-badge-open {
    padding: 4px 10px; font-family: 'Oswald', Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: #eaf3de; color: #3b6d11; border: 0.5px solid #97c459; display: inline-block; flex-shrink: 0;
}
.hog-badge-mbr {
    padding: 4px 10px; font-family: 'Oswald', Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: #faeeda; color: #633806; border: 0.5px solid #EF9F27; display: inline-block; flex-shrink: 0;
}
.hog-badge-rally {
    padding: 4px 10px; font-family: 'Oswald', Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: #e6f1fb; color: #0c447c; border: 0.5px solid #85b7eb; display: inline-block; flex-shrink: 0;
}

/* =========================================
   BADGES DE STATUTS RESPONSIVE
   ========================================= */

/* 1. TAILLE PAR DÉFAUT (Pour Ordinateurs & Tablettes) 
   -> Vignette grande et très lisible (28px) */
.hog-badge-pre, .hog-badge-insc, .hog-badge-clos {
    font-family: 'Oswald', Arial, sans-serif; 
    font-size: 11px; /* Texte plus grand */
    font-weight: 700; 
    letter-spacing: 0.08em; 
    text-transform: uppercase; 
    flex-shrink: 0; 
    display: inline-block;
    
    /* Espace adapté pour une icône de 28px */
    padding: 6px 12px 6px 42px !important; 
    
    /* Réglage de base de l'image */
    background-repeat: no-repeat; 
    background-position: 8px center; 
    background-size: 28px 28px; 
}

/* Couleurs et images spécifiques */
.hog-badge-pre {
    background-color: #faeeda; color: #d96a2b; border: 0.5px solid #EF9F27;
    background-image: url('https://chapter-iles-d-or-toulon-france.com/wp-content/uploads/2026/04/pre-record.png');
}
.hog-badge-insc {
    background-color: #eaf3de; color: #3b6d11; border: 0.5px solid #97c459;
    background-image: url('https://chapter-iles-d-or-toulon-france.com/wp-content/uploads/2026/04/pre-record.png'); 
}
.hog-badge-clos {
    background-color: #eceae4; color: #2c2c28; border: 0.5px solid #888780;
    background-image: url('https://chapter-iles-d-or-toulon-france.com/wp-content/uploads/2026/04/pre-record.png'); 
}

/* =========================================
   2. TAILLE MOBILE (Écrans < 768px)
   -> S'enclenche tout seul pour gagner de la place */
@media (max-width: 768px) {
    .hog-badge-pre, .hog-badge-insc, .hog-badge-clos {
        font-size: 9px; /* Texte plus compact */
        padding: 4px 10px 4px 28px !important; /* On réduit les marges */
        background-size: 18px 18px; /* Vignette plus discrète */
        background-position: 6px center; /* On la rapproche du bord */
    }
}