/* Uniformisation de tous les border-radius à 12px */

/* Override des classes Tailwind CSS communes */
.rounded,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-3xl {
    border-radius: 12px !important;
}

/* Sauf pour les éléments ronds qui doivent rester circulaires */
.rounded-full,
.rounded-full * {
    border-radius: 50% !important;
}

/* Override pour tous les éléments avec des classes courantes */
.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-primary,
.border,
.shadow,
.shadow-sm,
.shadow-md,
.shadow-lg,
.card,
.block,
.component {
    border-radius: 12px !important;
}

/* Sélecteurs spécifiques pour les composants de l'application */
div[class*="bg-"],
div[class*="border"],
div[class*="shadow"],
button:not(.rounded-full),
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select,
.form-control,
.btn:not(.btn-circle),
.card,
.modal,
.dropdown,
.tooltip,
.alert,
.badge:not(.badge-circle) {
    border-radius: 12px !important;
}

/* Composants spécifiques identifiés dans l'application */
[class*="category-"],
[class*="budget-"],
[class*="analysis-"],
[class*="results-"],
[class*="performance-"],
[class*="metric-"] {
    border-radius: 12px !important;
}

/* Override pour les éléments avec des styles inline */
div[style*="border-radius"] {
    border-radius: 12px !important;
}

/* Exceptions pour les éléments qui ne doivent pas être modifiés */
.no-uniform-radius,
img,
svg,
canvas,
video {
    /* Ne pas modifier ces éléments */
}

/* Style spécifique pour les boutons de test dans les fichiers de démo */
.test-button {
    border-radius: 12px !important;
}

.test-container {
    border-radius: 12px !important;
}

/* Assurer que les nouveaux composants utilisent aussi 12px */
* {
    --border-radius-default: 12px;
}