@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Réduction de la taille des polices (sauf sidebar) */
html {
    font-size: 87.5%; /* 14px au lieu de 16px */
}
aside, aside * {
    font-size: 1rem; /* Restaure la taille d'origine pour la sidebar (14px = ancien text-sm) */
}

/* Alpine.js cloak - hide until initialized */
[x-cloak] {
    display: none !important;
}

/* Form inputs - improved styling */
.form-input {
    @apply w-full rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-slate-800 shadow-sm transition;
    @apply placeholder-slate-400;
    @apply focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 focus:outline-none;
}
.form-input:disabled {
    @apply bg-slate-50 text-slate-500 cursor-not-allowed;
}
.form-select {
    @apply w-full rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-slate-800 shadow-sm transition;
    @apply focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 focus:outline-none;
}
.form-btn-primary {
    @apply inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors shrink-0;
}
.form-btn-secondary {
    @apply inline-flex items-center justify-center gap-2 px-5 py-2.5 border border-slate-300 hover:bg-slate-50 font-medium rounded-lg transition-colors;
}

/* Ombres colorées pour les icônes - glow bien visible */
[class*="text-blue-600"] svg,
[class*="bg-blue-100"] svg,
[class*="bg-blue-50"] svg,
svg[class*="text-blue"] {
    filter: drop-shadow(0 0 6px rgb(59, 130, 246)) drop-shadow(0 0 14px rgba(59, 130, 246, 0.7));
}
[class*="text-emerald-600"] svg,
[class*="bg-emerald-100"] svg,
[class*="bg-emerald-50"] svg,
svg[class*="text-emerald"] {
    filter: drop-shadow(0 0 6px rgb(16, 185, 129)) drop-shadow(0 0 14px rgba(16, 185, 129, 0.7));
}
[class*="text-amber-600"] svg,
[class*="bg-amber-100"] svg,
[class*="bg-amber-50"] svg,
svg[class*="text-amber"] {
    filter: drop-shadow(0 0 6px rgb(245, 158, 11)) drop-shadow(0 0 14px rgba(245, 158, 11, 0.7));
}
[class*="text-red-600"] svg,
[class*="bg-red-100"] svg,
[class*="bg-red-50"] svg,
svg[class*="text-red"] {
    filter: drop-shadow(0 0 6px rgb(239, 68, 68)) drop-shadow(0 0 14px rgba(239, 68, 68, 0.7));
}
[class*="text-violet-600"] svg,
[class*="bg-violet-100"] svg,
[class*="bg-violet-50"] svg,
svg[class*="text-violet"] {
    filter: drop-shadow(0 0 6px rgb(139, 92, 246)) drop-shadow(0 0 14px rgba(139, 92, 246, 0.7));
}
[class*="text-orange-600"] svg,
[class*="bg-orange-100"] svg,
svg[class*="text-orange"] {
    filter: drop-shadow(0 0 6px rgb(234, 88, 12)) drop-shadow(0 0 14px rgba(234, 88, 12, 0.7));
}
[class*="text-slate-600"] svg,
[class*="bg-slate-100"] svg,
[class*="bg-slate-200"] svg,
svg[class*="text-slate"] {
    filter: drop-shadow(0 0 5px rgb(71, 85, 105)) drop-shadow(0 0 12px rgba(71, 85, 105, 0.6));
}
