/* =============================================================================
   UTILITIES - Ajouts pour la page datasheets
   À ajouter au fichier 08-utils/utilities.css existant
   ============================================================================= */

@media (max-width: 768px) {
    .btn-group {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-group .btn {
        width: 100%;
        max-width: 250px;
    }
}

.text-center {
    text-align: center !important;
}

/* Espacement */
.mb-2 { margin-bottom: 1rem !important; }
.mb-3 { margin-bottom: 1.5rem !important; }
.mb-4 { margin-bottom: 2rem !important; }

.mt-2 { margin-top: 1rem !important; }
.mt-3 { margin-top: 1.5rem !important; }
.mt-4 { margin-top: 2rem !important; }

.p-2 { padding: 1rem !important; }
.p-3 { padding: 1.5rem !important; }
.p-4 { padding: 2rem !important; }

/* =============================================================================
   UTILITIES - Ajouts pour la page datasheets
   À ajouter au fichier 08-utils/utilities.css existant
   ============================================================================= */

@media (max-width: 768px) {
    .btn-group {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-group .btn {
        width: 100%;
        max-width: 250px;
    }
}

.text-center {
    text-align: center !important;
}

/* Espacement */
.mb-2 { margin-bottom: 1rem !important; }
.mb-3 { margin-bottom: 1.5rem !important; }
.mb-4 { margin-bottom: 2rem !important; }

.mt-2 { margin-top: 1rem !important; }
.mt-3 { margin-top: 1.5rem !important; }
.mt-4 { margin-top: 2rem !important; }

.p-2 { padding: 1rem !important; }
.p-3 { padding: 1.5rem !important; }
.p-4 { padding: 2rem !important; }