/**
 * Styles des Badges de Fonctions - Hyperion-Libs-SP
 *
 * Badges colorés pour afficher les fonctions des pompiers
 */

/* Container des badges */
.hyperion-fonction-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}

/* Badge de base */
.hyperion-fonction-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    transition: transform 0.2s ease;
}

.hyperion-fonction-badge:hover {
    transform: scale(1.05);
}

/* Badges par fonction */

/* SUAP - Secours d'Urgence Aux Personnes */
.hyperion-fonction-badge.hyperion-fonction-suap {
    background: #22c55e;
    color: white;
}

/* CA VSAV - Chef d'Agrès Véhicule de Secours et d'Assistance aux Victimes */
.hyperion-fonction-badge.hyperion-fonction-ca-vsav {
    background: #3b82f6;
    color: white;
}

/* SR - Secours Routier */
.hyperion-fonction-badge.hyperion-fonction-sr {
    background: #8b5cf6;
    color: white;
}

/* CA SR - Chef d'Agrès Secours Routier */
.hyperion-fonction-badge.hyperion-fonction-ca-sr {
    background: #a855f7;
    color: white;
}

/* INC - Incendie */
.hyperion-fonction-badge.hyperion-fonction-inc {
    background: #ef4444;
    color: white;
}

/* CA INC - Chef d'Agrès Incendie */
.hyperion-fonction-badge.hyperion-fonction-ca-inc {
    background: #dc2626;
    color: white;
}

/* COND - Conducteur */
.hyperion-fonction-badge.hyperion-fonction-cond {
    background: #f59e0b;
    color: white;
}

/* PL - Poids Lourd */
.hyperion-fonction-badge.hyperion-fonction-pl {
    background: #eab308;
    color: #1a1a1a;
}

/* CDG - Chef de Garde */
.hyperion-fonction-badge.hyperion-fonction-cdg {
    background: #e53e3e;
    color: white;
}

/* Prompt Secours */
.hyperion-fonction-badge.hyperion-fonction-prompt-secours {
    background: #10b981;
    color: white;
}

/* COD0 - Conducteur Ambulance */
.hyperion-fonction-badge.hyperion-fonction-cod0 {
    background: #06b6d4;
    color: white;
}

/* Badge par défaut */
.hyperion-fonction-badge.hyperion-fonction-default {
    background: #64748b;
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .hyperion-fonction-badge {
        padding: 3px 8px;
        font-size: 9px;
        margin: 1px;
    }

    .hyperion-fonction-badges {
        gap: 2px;
        margin-top: 6px;
    }
}

/* Variante compacte */
.hyperion-fonction-badges.hyperion-compact .hyperion-fonction-badge {
    padding: 2px 6px;
    font-size: 9px;
}

/* Variante centrée */
.hyperion-fonction-badges.hyperion-centered {
    justify-content: center;
}

/* Variante avec espacement */
.hyperion-fonction-badges.hyperion-spaced {
    gap: 8px;
}