/*
 * Site public de Bulle (carte 6/12) — ce que l'ancienne application posait EN LIGNE dans ses pages publiques
 * (@filamentStyles, attributs style="", blocs <style>). Chargé après tailwind.css et styles.css.
 * Préfixe bl- (convention du module).
 */

/* Palette de Filament (ancien @filamentStyles) : la feuille Tailwind compilée lit ces variables (bg-custom-600…). */
:root {
    --danger-50: 254, 242, 242; --danger-100: 254, 226, 226; --danger-200: 254, 202, 202; --danger-300: 252, 165, 165;
    --danger-400: 248, 113, 113; --danger-500: 239, 68, 68; --danger-600: 220, 38, 38; --danger-700: 185, 28, 28;
    --danger-800: 153, 27, 27; --danger-900: 127, 29, 29; --danger-950: 69, 10, 10;
    --gray-50: 250, 250, 250; --gray-100: 244, 244, 245; --gray-200: 228, 228, 231; --gray-300: 212, 212, 216;
    --gray-400: 161, 161, 170; --gray-500: 113, 113, 122; --gray-600: 82, 82, 91; --gray-700: 63, 63, 70;
    --gray-800: 39, 39, 42; --gray-900: 24, 24, 27; --gray-950: 9, 9, 11;
    --info-50: 239, 246, 255; --info-100: 219, 234, 254; --info-200: 191, 219, 254; --info-300: 147, 197, 253;
    --info-400: 96, 165, 250; --info-500: 59, 130, 246; --info-600: 37, 99, 235; --info-700: 29, 78, 216;
    --info-800: 30, 64, 175; --info-900: 30, 58, 138; --info-950: 23, 37, 84;
    --primary-50: 242, 242, 242; --primary-100: 230, 230, 230; --primary-200: 191, 191, 191; --primary-300: 153, 153, 153;
    --primary-400: 77, 77, 77; --primary-500: 0, 0, 0; --primary-600: 0, 0, 0; --primary-700: 0, 0, 0;
    --primary-800: 0, 0, 0; --primary-900: 0, 0, 0; --primary-950: 0, 0, 0;
    --success-50: 240, 253, 244; --success-100: 220, 252, 231; --success-200: 187, 247, 208; --success-300: 134, 239, 172;
    --success-400: 74, 222, 128; --success-500: 34, 197, 94; --success-600: 22, 163, 74; --success-700: 21, 128, 61;
    --success-800: 22, 101, 52; --success-900: 20, 83, 45; --success-950: 5, 46, 22;
    --warning-50: 255, 251, 235; --warning-100: 254, 243, 199; --warning-200: 253, 230, 138; --warning-300: 252, 211, 77;
    --warning-400: 251, 191, 36; --warning-500: 245, 158, 11; --warning-600: 217, 119, 6; --warning-700: 180, 83, 9;
    --warning-800: 146, 64, 14; --warning-900: 120, 53, 15; --warning-950: 69, 26, 3;
}

/* Boutons (ex-<x-filament::button>) : la couleur passait par style="--c-400:…". */
.bl-btn-primary { --c-400: var(--primary-400); --c-500: var(--primary-500); --c-600: var(--primary-600); }
.bl-btn-secondary { --c-400: var(--secondary-400); --c-500: var(--secondary-500); --c-600: var(--secondary-600); }
.bl-btn-gray { --c-400: var(--gray-400); --c-500: var(--gray-500); --c-600: var(--gray-600); }
.bl-btn-danger { --c-400: var(--danger-400); --c-500: var(--danger-500); --c-600: var(--danger-600); }
.bl-btn-success { --c-400: var(--success-400); --c-500: var(--success-500); --c-600: var(--success-600); }
.bl-btn-warning { --c-400: var(--warning-400); --c-500: var(--warning-500); --c-600: var(--warning-600); }
.bl-btn-info { --c-400: var(--info-400); --c-500: var(--info-500); --c-600: var(--info-600); }

/* Messages flash du layout public, au-dessus des sections. */
.bl-flash { z-index: 9999; }

/* Modales des sections d'accueil. */
.bl-z-top { z-index: 9999; }
.bl-modal-scroll { max-height: calc(90vh - 120px); }
.bl-ratio-16-9 { padding-bottom: 56.25%; height: 0; }
.bl-h-300 { height: 300px; }
.bl-h-500 { height: 500px; }

/* Galerie d'exemples de l'accueil : défilement horizontal sans barre. */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }