/* ==========================================================================
   BellCourse — système de design « Liquid Glass » (vague 1 : fondations)

   Tout est limité à  html[data-ui="glass"]  : en retirant l'attribut (ou en le passant à
   « classic »), le site retrouve exactement son ancien rendu. Chargé après theme.min.css,
   site.css et mobile.css.

   Principe : le verre est réservé à la navigation et aux panneaux clés ; le contenu
   (cartes, formulaires, tableaux) reste sur des surfaces claires et lisibles.
   Les couleurs passent par des jetons --bc-* ; le thème Finder (--fi-*) et MudBlazor
   (--mud-*) en dérivent, ce qui re-thème l'existant sans toucher au balisage.
   ========================================================================== */

/* Police auto-hébergée : Plus Jakarta Sans (variable, 200-800), licence SIL OFL 1.1 (wwwroot/fonts/plus-jakarta-sans/OFL.txt).
   Sous-ensembles latin et latin étendu : le navigateur ne télécharge que ce que la page utilise. */
@font-face {
  font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Jetons ---------- */
html[data-ui="glass"] {
  --bc-brand-50: #fff3ef; --bc-brand-100: #ffe2d9; --bc-brand-200: #ffc2af; --bc-brand-300: #ff9b80; --bc-brand-400: #fe7552;
  --bc-brand-500: #fd5631; --bc-brand-600: #e8431f; --bc-brand-700: #c23516; --bc-brand-800: #9a2c15;
  --bc-brand-text: #c23516;             /* texte de marque sur fond clair : contraste AA */
  --bc-amber: #ffb347;

  --bc-bg: #fcfaf8; --bc-bg-2: #f5f0eb; --bc-surface: #ffffff; --bc-surface-2: #fffaf7;
  --bc-ink: #1d1512; --bc-ink-2: #5b4d46; --bc-ink-3: #766860;
  --bc-line: rgba(60, 35, 22, .10);
  --bc-ok: #0a7a52; --bc-ok-soft: #e6f7f0; --bc-warn: #8a5200; --bc-warn-soft: #fff4de;
  --bc-bad: #b9281f; --bc-bad-soft: #fdeceb; --bc-info: #2f49b8; --bc-info-soft: #eaeefe;

  --bc-glass-bg: rgba(255, 255, 255, .62); --bc-glass-bg-strong: rgba(255, 255, 255, .78);
  --bc-glass-border: rgba(255, 255, 255, .75); --bc-glass-edge: rgba(255, 255, 255, .95);
  --bc-glass-shadow: 0 8px 26px rgba(110, 48, 20, .10), 0 2px 5px rgba(110, 48, 20, .06);
  --bc-glass-blur: blur(20px) saturate(1.5);
  --bc-spec: linear-gradient(135deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, .36) 100%);

  --bc-r-s: 12px; --bc-r-m: 16px; --bc-r-l: 22px; --bc-r-xl: 30px;
  --bc-ease: cubic-bezier(.22, .8, .3, 1); --bc-spring: cubic-bezier(.32, 1.35, .58, 1);
  --bc-shadow-card: 0 1px 2px rgba(60, 35, 22, .05), 0 6px 18px rgba(60, 35, 22, .06);
  --bc-shadow-pop: 0 14px 32px rgba(60, 35, 22, .10);
  --bc-font: 'Plus Jakarta Sans', 'Noto Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Thème Finder (Bootstrap 5) */
  --fi-primary: var(--bc-brand-500); --fi-primary-rgb: 253, 86, 49;
  --fi-link-color: var(--bc-brand-text); --fi-link-hover-color: var(--bc-brand-800);
  --fi-body-color: var(--bc-ink-2); --fi-body-color-rgb: 91, 77, 70;
  --fi-body-bg: var(--bc-bg); --fi-body-bg-rgb: 252, 250, 248;
  --fi-secondary: #f5f0eb; --fi-secondary-rgb: 245, 240, 235;
  --fi-border-color: var(--bc-line);
  --fi-font-sans-serif: var(--bc-font); --fi-body-font-family: var(--bc-font);
  --fi-heading-color: var(--bc-ink);
  --fi-border-radius: var(--bc-r-s); --fi-border-radius-sm: 10px; --fi-border-radius-lg: var(--bc-r-m);
  --fi-border-radius-xl: var(--bc-r-l); --fi-border-radius-2xl: var(--bc-r-xl);

  /* MudBlazor : surcharge des variables posées par MudThemeProvider sur :root */
  --mud-palette-primary: #fd5631; --mud-palette-primary-rgb: 253, 86, 49;
  --mud-palette-primary-darken: #e8431f; --mud-palette-primary-lighten: #fe7552;
  --mud-palette-primary-hover: rgba(253, 86, 49, .08);
  --mud-palette-text-primary: #1d1512; --mud-palette-text-secondary: #5b4d46;
  --mud-palette-background: #fcfaf8; --mud-palette-surface: #ffffff;
  --mud-palette-lines-default: rgba(60, 35, 22, .10); --mud-palette-divider: rgba(60, 35, 22, .10);
  --mud-palette-table-lines: rgba(60, 35, 22, .08);
  --mud-typography-default-family: var(--bc-font);
  --mud-default-borderradius: 14px;
}

/* ---------- Base ---------- */
html[data-ui="glass"] { background: var(--bc-bg); scroll-behavior: smooth; }
html[data-ui="glass"] body {
  font-family: var(--bc-font); color: var(--bc-ink-2); background: transparent;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
html[data-ui="glass"] h1, html[data-ui="glass"] h2, html[data-ui="glass"] h3, html[data-ui="glass"] h4,
html[data-ui="glass"] h5, html[data-ui="glass"] h6,
html[data-ui="glass"] .h1, html[data-ui="glass"] .h2, html[data-ui="glass"] .h3, html[data-ui="glass"] .h4,
html[data-ui="glass"] .h5, html[data-ui="glass"] .h6, html[data-ui="glass"] .display-4, html[data-ui="glass"] .display-5 {
  font-family: var(--bc-font); color: var(--bc-ink); font-weight: 800; letter-spacing: -.025em; line-height: 1.15;
}
html[data-ui="glass"] .mud-typography { font-family: var(--bc-font); }
html[data-ui="glass"] .bg-secondary { background-color: var(--bc-bg-2) !important; }
html[data-ui="glass"] .bg-light { background-color: var(--bc-surface) !important; }
html[data-ui="glass"] header.navbar.bg-light { background-color: var(--bc-glass-bg-strong) !important; }
html[data-ui="glass"] .page-wrapper { background: transparent; }
html[data-ui="glass"] ::selection { background: var(--bc-brand-200); color: var(--bc-ink); }
html[data-ui="glass"] :focus-visible { outline: 3px solid rgba(253, 86, 49, .45); outline-offset: 2px; }

/* ---------- Décor : halos de marque derrière le verre ---------- */
.bc-aurora { display: none; }
html[data-ui="glass"] .bc-aurora {
  display: block; position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;
  background:
    radial-gradient(1200px 700px at 85% -10%, rgba(253, 86, 49, .15), transparent 60%),
    radial-gradient(900px 600px at -10% 20%, rgba(255, 179, 71, .15), transparent 60%),
    radial-gradient(900px 700px at 60% 110%, rgba(255, 138, 101, .14), transparent 60%), var(--bc-bg);
}
html[data-ui="glass"] .bc-aurora i { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .38; animation: bc-float 30s ease-in-out infinite; }
html[data-ui="glass"] .bc-aurora i:nth-child(1) { width: 420px; height: 420px; left: 62%; top: 8%; background: var(--bc-brand-400); }
html[data-ui="glass"] .bc-aurora i:nth-child(2) { width: 360px; height: 360px; left: 4%; top: 42%; background: var(--bc-amber); animation-delay: -10s; animation-duration: 38s; }
html[data-ui="glass"] .bc-aurora i:nth-child(3) { width: 300px; height: 300px; left: 48%; top: 70%; background: #ff8a65; animation-delay: -14s; }
@keyframes bc-float { 50% { transform: translate(32px, -24px) scale(1.06); } }

/* ---------- Matière « verre » (utilitaire) ---------- */
html[data-ui="glass"] .bc-glass,
html[data-ui="glass"] .dropdown-menu,
html[data-ui="glass"] .mud-popover-paper,
html[data-ui="glass"] .bc-bottom-nav {
  background: var(--bc-glass-bg-strong);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border: 1px solid var(--bc-glass-border);
  box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .bc-glass { position: relative; border-radius: var(--bc-r-l); isolation: isolate; }
html[data-ui="glass"] .bc-glass::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--bc-spec); pointer-events: none; z-index: -1;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-ui="glass"] .bc-glass, html[data-ui="glass"] .dropdown-menu, html[data-ui="glass"] .mud-popover-paper,
  html[data-ui="glass"] .bc-bottom-nav, html[data-ui="glass"] header.navbar { background: #fff; }
}
@media (prefers-reduced-transparency: reduce) {
  html[data-ui="glass"] .bc-glass, html[data-ui="glass"] .dropdown-menu, html[data-ui="glass"] .mud-popover-paper,
  html[data-ui="glass"] .bc-bottom-nav, html[data-ui="glass"] header.navbar {
    background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  html[data-ui="glass"] .bc-aurora i { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="glass"] *, html[data-ui="glass"] *::before, html[data-ui="glass"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- Navigation flottante ---------- */
html[data-ui="glass"] header.navbar {
  top: 12px; left: 50%; right: auto; bottom: auto; transform: translateX(-50%);
  width: min(1180px, calc(100% - 1.5rem)); padding: .5rem .6rem;
  border-radius: 999px; border: 1px solid var(--bc-glass-border);
  background: var(--bc-glass-bg-strong) !important;
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge);
  transition: box-shadow .3s var(--bc-ease), background .3s var(--bc-ease);
}
html[data-ui="glass"] header.navbar.navbar-stuck { box-shadow: 0 10px 30px rgba(110, 48, 20, .14), inset 0 1px 0 var(--bc-glass-edge); }
html[data-ui="glass"] header.navbar > .container { max-width: none; padding-left: .6rem; padding-right: .4rem; }
html[data-ui="glass"] header.navbar .navbar-brand { margin-right: .5rem; padding: 0; }
html[data-ui="glass"] header.navbar .nav-link {
  padding: .5rem .95rem !important; border-radius: 999px; font-weight: 600; font-size: .92rem; color: var(--bc-ink-2);
  transition: background .25s var(--bc-ease), color .25s var(--bc-ease);
}
html[data-ui="glass"] header.navbar .nav-link:hover,
html[data-ui="glass"] header.navbar .nav-link.show { background: var(--bc-line); color: var(--bc-ink); }
html[data-ui="glass"] header.navbar .nav-link.active { background: var(--bc-glass-bg-strong); color: var(--bc-ink); box-shadow: inset 0 1px 0 var(--bc-glass-edge), 0 1px 4px rgba(80, 40, 20, .08); }
html[data-ui="glass"] header.navbar > .container > .position-absolute { display: none !important; } /* ancien séparateur vertical */
html[data-ui="glass"] .navbar-toggler-icon { filter: none; }
@media (max-width: 991.98px) {
  html[data-ui="glass"] header.navbar { top: 8px; width: calc(100% - 1rem); padding: .4rem .5rem; }
}

/* ---------- Logo ---------- */
.bc-logo-glass { display: none; }
html[data-ui="glass"] .bc-logo-classic { display: none !important; }
html[data-ui="glass"] .bc-logo-glass { display: inline-flex; align-items: center; gap: .55rem; }
html[data-ui="glass"] .bc-logo-glass img { width: 36px; height: 36px; display: block; }
html[data-ui="glass"] .bc-wordmark { font-weight: 800; font-size: 1.2rem; letter-spacing: -.03em; color: var(--bc-ink); line-height: 1; }
html[data-ui="glass"] .bc-wordmark b { color: var(--bc-brand-500); font-weight: 800; }
@media (max-width: 767.98px) {
  html[data-ui="glass"] header .navbar-brand .bc-logo-glass img { width: 32px; height: 32px; }
  html[data-ui="glass"] header .navbar-brand .bc-wordmark { font-size: 1.1rem; }
}

/* ---------- Boutons ---------- */
html[data-ui="glass"] .btn, html[data-ui="glass"] .mud-button-root {
  font-family: var(--bc-font); font-weight: 700; border-radius: 999px; letter-spacing: 0;
  transition: transform .3s var(--bc-spring), box-shadow .3s var(--bc-ease), background-color .2s, border-color .2s, color .2s;
}
html[data-ui="glass"] .btn:active, html[data-ui="glass"] .mud-button-root:active { transform: scale(.97); }
html[data-ui="glass"] .btn-primary, html[data-ui="glass"] .mud-button-filled.mud-button-filled-primary {
  color: #fff; border-color: transparent;
  background: linear-gradient(180deg, #ea4a24, #c93a17);
  box-shadow: 0 6px 16px rgba(201, 58, 23, .30), inset 0 1px 0 rgba(255, 255, 255, .30), inset 0 -2px 0 rgba(0, 0, 0, .06);
}
html[data-ui="glass"] .btn-primary:hover, html[data-ui="glass"] .btn-primary:focus,
html[data-ui="glass"] .mud-button-filled.mud-button-filled-primary:hover {
  color: #fff; transform: translateY(-2px);
  background: linear-gradient(180deg, #ea4a24, #c93a17);
  box-shadow: 0 10px 22px rgba(201, 58, 23, .38), inset 0 1px 0 rgba(255, 255, 255, .36);
}
html[data-ui="glass"] .btn-primary:disabled, html[data-ui="glass"] .btn-primary.disabled { opacity: .55; box-shadow: none; transform: none; }
html[data-ui="glass"] .btn-outline-primary { color: var(--bc-brand-text); border-color: rgba(253, 86, 49, .45); background: transparent; }
html[data-ui="glass"] .btn-outline-primary:hover { color: #fff; background: var(--bc-brand-500); border-color: var(--bc-brand-500); transform: translateY(-1px); }
html[data-ui="glass"] .btn-secondary, html[data-ui="glass"] .btn-light, html[data-ui="glass"] .btn-outline-secondary {
  color: var(--bc-ink); background: var(--bc-glass-bg-strong); border: 1px solid var(--bc-glass-border);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur); box-shadow: inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .btn-secondary:hover, html[data-ui="glass"] .btn-light:hover, html[data-ui="glass"] .btn-outline-secondary:hover {
  color: var(--bc-ink); background: #fff; transform: translateY(-1px);
}
html[data-ui="glass"] .btn-link { color: var(--bc-brand-text); font-weight: 700; }
html[data-ui="glass"] .btn-icon { border-radius: 50%; }
html[data-ui="glass"] .mud-button-outlined.mud-button-outlined-primary { border-color: rgba(253, 86, 49, .45); color: var(--bc-brand-text); }
html[data-ui="glass"] .mud-fab { box-shadow: 0 8px 20px rgba(253, 86, 49, .35); }

/* ---------- Champs ---------- */
html[data-ui="glass"] .form-control, html[data-ui="glass"] .form-select {
  font-family: var(--bc-font); font-weight: 500; color: var(--bc-ink); background-color: var(--bc-surface);
  border: 1px solid var(--bc-line); border-radius: var(--bc-r-m); min-height: 46px;
  transition: border-color .2s, box-shadow .2s;
}
html[data-ui="glass"] .form-control:focus, html[data-ui="glass"] .form-select:focus {
  border-color: var(--bc-brand-400); box-shadow: 0 0 0 4px rgba(253, 86, 49, .15); background-color: #fff;
}
html[data-ui="glass"] .form-control::placeholder { color: var(--bc-ink-3); }
html[data-ui="glass"] .form-label { font-weight: 700; color: var(--bc-ink); font-size: .9rem; }
html[data-ui="glass"] .form-check-input:checked { background-color: var(--bc-brand-500); border-color: var(--bc-brand-500); }
html[data-ui="glass"] .mud-input-outlined .mud-input-outlined-border { border-radius: var(--bc-r-m); border-color: var(--bc-line); }
html[data-ui="glass"] .mud-input-outlined:hover .mud-input-outlined-border { border-color: rgba(253, 86, 49, .45); }
html[data-ui="glass"] .mud-input-outlined.mud-focused .mud-input-outlined-border { border-color: var(--bc-brand-500); border-width: 1.5px; }
html[data-ui="glass"] .mud-input > input, html[data-ui="glass"] .mud-input-slot { font-family: var(--bc-font); font-weight: 500; }

/* ---------- Cartes & surfaces de contenu ---------- */
html[data-ui="glass"] .card {
  background: var(--bc-surface); border: 1px solid var(--bc-line); border-radius: var(--bc-r-l); box-shadow: var(--bc-shadow-card);
}
html[data-ui="glass"] .card-hover { transition: transform .35s var(--bc-spring), box-shadow .35s var(--bc-ease); }
html[data-ui="glass"] .card-hover:hover { transform: translateY(-3px); box-shadow: var(--bc-shadow-pop); }
html[data-ui="glass"] .mud-paper { border-radius: var(--bc-r-l); }
html[data-ui="glass"] .mud-paper.mud-elevation-1, html[data-ui="glass"] .mud-paper.mud-elevation-2, html[data-ui="glass"] .mud-paper.mud-elevation-3 {
  box-shadow: var(--bc-shadow-card); border: 1px solid var(--bc-line);
}
html[data-ui="glass"] .mud-card { border-radius: var(--bc-r-l); }
html[data-ui="glass"] .shadow, html[data-ui="glass"] .shadow-lg, html[data-ui="glass"] .shadow-sm { box-shadow: var(--bc-shadow-card) !important; }
html[data-ui="glass"] .rounded-3 { border-radius: var(--bc-r-m) !important; }
html[data-ui="glass"] .border { border-color: var(--bc-line) !important; }

/* ---------- Badges, alertes ---------- */
html[data-ui="glass"] .badge { border-radius: 999px; font-weight: 700; letter-spacing: .01em; }
html[data-ui="glass"] .alert { border-radius: var(--bc-r-m); border: 1px solid var(--bc-line); }
html[data-ui="glass"] .mud-chip { border-radius: 999px; font-weight: 600; }
html[data-ui="glass"] .mud-alert { border-radius: var(--bc-r-m); }

/* ---------- Menus déroulants, fenêtres ---------- */
html[data-ui="glass"] .dropdown-menu { border-radius: var(--bc-r-l); padding: .5rem; margin-top: .5rem; }
html[data-ui="glass"] .dropdown-item { border-radius: var(--bc-r-s); font-weight: 600; padding: .55rem .8rem; color: var(--bc-ink-2); }
html[data-ui="glass"] .dropdown-item:hover, html[data-ui="glass"] .dropdown-item:focus { background: var(--bc-brand-50); color: var(--bc-ink); }
html[data-ui="glass"] .dropdown-divider { border-color: var(--bc-line); }
html[data-ui="glass"] .modal-content {
  background: var(--bc-glass-bg-strong); -webkit-backdrop-filter: blur(32px) saturate(1.4); backdrop-filter: blur(32px) saturate(1.4);
  border: 1px solid var(--bc-glass-border); border-radius: var(--bc-r-xl);
  box-shadow: 0 24px 60px rgba(60, 25, 10, .28), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .modal-backdrop.show { opacity: .35; }
html[data-ui="glass"] .modal-header, html[data-ui="glass"] .modal-footer { border-color: var(--bc-line); }
html[data-ui="glass"] .mud-dialog {
  border-radius: var(--bc-r-xl); background: #fff; /* surface pleine : les étiquettes de champs Mud (fond blanc) ne doivent pas se détacher */
  -webkit-backdrop-filter: blur(32px) saturate(1.4); backdrop-filter: blur(32px) saturate(1.4);
  border: 1px solid var(--bc-glass-border); box-shadow: 0 24px 60px rgba(60, 25, 10, .28), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .mud-overlay-dialog .mud-overlay-scrim { background: rgba(30, 15, 8, .35); }
html[data-ui="glass"] .mud-snackbar { border-radius: var(--bc-r-m); box-shadow: var(--bc-glass-shadow); }

/* ---------- Onglets, tableaux, pagination ---------- */
html[data-ui="glass"] .mud-tabs { border-radius: var(--bc-r-l); }
html[data-ui="glass"] .mud-tabs-toolbar { background: var(--bc-bg-2); border-radius: var(--bc-r-l) var(--bc-r-l) 0 0; }
html[data-ui="glass"] .mud-tab { font-weight: 700; text-transform: none; font-family: var(--bc-font); }
html[data-ui="glass"] .mud-tab-slider { height: 3px; border-radius: 3px; background: var(--bc-brand-500); }
html[data-ui="glass"] .mud-tab.mud-tab-active { color: var(--bc-brand-text); }
html[data-ui="glass"] .mud-table { border-radius: var(--bc-r-l); overflow: hidden; border: 1px solid var(--bc-line); box-shadow: var(--bc-shadow-card); }
html[data-ui="glass"] .mud-table-head .mud-table-cell { font-weight: 700; color: var(--bc-ink-3); text-transform: uppercase; font-size: .72rem; letter-spacing: .06em; background: var(--bc-surface-2); }
html[data-ui="glass"] .mud-table-hover .mud-table-body .mud-table-row:hover { background: var(--bc-brand-50); }
html[data-ui="glass"] .nav-tabs .nav-link.active { color: var(--bc-brand-text); border-color: var(--bc-brand-500); }
html[data-ui="glass"] .page-link { border-radius: var(--bc-r-s); }
html[data-ui="glass"] .mud-pagination-item-selected .mud-button-root { background: var(--bc-brand-500) !important; }

/* ---------- Barre du bas mobile ---------- */
@media (max-width: 991.98px) {
  html[data-ui="glass"] .bc-bottom-nav {
    left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    border-radius: 28px; border-top: 1px solid var(--bc-glass-border); padding: .35rem .4rem;
  }
  html[data-ui="glass"] .bc-bottom-nav a.active, html[data-ui="glass"] .bc-bottom-nav a.bc-active { color: var(--bc-brand-text); }
}

/* ---------- Pied de page ---------- */
html[data-ui="glass"] footer.footer { background: transparent !important; }
html[data-ui="glass"] footer.footer > .container {
  background: var(--bc-glass-bg); border: 1px solid var(--bc-glass-border); border-radius: var(--bc-r-xl);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge); padding: 2rem 1.6rem !important; margin-bottom: 1.2rem;
}

/* ---------- Divers ---------- */
html[data-ui="glass"] .page-loading { background: var(--bc-bg); }
html[data-ui="glass"] .spinner { border-color: var(--bc-brand-500); border-right-color: transparent; }
html[data-ui="glass"] .text-primary { color: var(--bc-brand-text) !important; }
html[data-ui="glass"] .text-dark { color: var(--bc-ink) !important; }
html[data-ui="glass"] .text-muted { color: var(--bc-ink-3) !important; }
html[data-ui="glass"] .breadcrumb-item a { color: var(--bc-ink-3); }
html[data-ui="glass"] .breadcrumb-item.active { color: var(--bc-ink); font-weight: 600; }

/* ---------- Bandeau cookies : panneau de verre flottant ---------- */
html[data-ui="glass"] .cookie-consent-banner {
  left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto;
  max-width: 980px; margin-inline: auto; padding: 1rem 1.2rem !important; border-radius: var(--bc-r-l);
  color: var(--bc-ink-2) !important; background: var(--bc-glass-bg-strong) !important;
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border: 1px solid var(--bc-glass-border); box-shadow: 0 16px 40px rgba(60, 25, 10, .18), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .cookie-consent-banner .container { max-width: none; padding: 0; }
html[data-ui="glass"] .cookie-consent-banner a { color: var(--bc-brand-text) !important; }
html[data-ui="glass"] .cookie-consent-banner .btn-outline-light { color: var(--bc-ink); border-color: var(--bc-line); background: #fff; }
@media (max-width: 767.98px) {
  html[data-ui="glass"] .cookie-consent-banner { left: 8px !important; right: 8px !important; bottom: 8px !important; padding: .85rem 1rem !important; }
  html[data-ui="glass"] body:has(.bc-bottom-nav) .cookie-consent-banner { bottom: calc(var(--bc-bottom-nav-h) + var(--bc-safe-bottom) + 30px) !important; }
}

/* ==========================================================================
   Vague 2 — coquille : menus, barre du bas, menu du compte, fenêtres
   ========================================================================== */

/* Menus riches en texte : verre plus dense pour rester lisibles sur n'importe quel fond */
html[data-ui="glass"] { --bc-glass-bg-menu: rgba(255, 255, 255, .92); }
html[data-ui="glass"] .dropdown-menu, html[data-ui="glass"] .mud-popover-paper {
  background: var(--bc-glass-bg-menu);
}
html[data-ui="glass"] .dropdown-menu .dropdown-header { font-weight: 700; text-transform: uppercase; font-size: .7rem; letter-spacing: .07em; color: var(--bc-ink-3); }
html[data-ui="glass"] .dropdown-item i { color: var(--bc-ink-3); opacity: 1 !important; transition: color .2s; }
html[data-ui="glass"] .dropdown-item:hover i { color: var(--bc-brand-500); }
html[data-ui="glass"] .dropdown-item.active, html[data-ui="glass"] .dropdown-item:active { background: var(--bc-brand-50); color: var(--bc-brand-text); }
html[data-ui="glass"] .mud-list-item { border-radius: var(--bc-r-s); margin: 2px 6px; width: auto; font-weight: 500; }
html[data-ui="glass"] .mud-list-item:hover, html[data-ui="glass"] .mud-list-item-clickable:hover { background: var(--bc-brand-50); }
html[data-ui="glass"] .mud-list-item.mud-selected-item { background: var(--bc-brand-100); color: var(--bc-brand-text); }
html[data-ui="glass"] .mud-tooltip { border-radius: 10px; font-weight: 600; background: var(--bc-ink); }

/* Menu du compte et cloche : positionnement sous la pilule, coins généreux */
html[data-ui="glass"] header .dropdown-menu { margin-top: 12px; }
html[data-ui="glass"] header .bc-account-menu { min-width: 17rem; padding: .6rem; }
html[data-ui="glass"] header .bc-notif-menu { border-radius: var(--bc-r-l); overflow: hidden; }
html[data-ui="glass"] .bc-notif-item--new { background: rgba(253, 86, 49, .06); }

/* Barre du bas mobile : pilule flottante, onglet actif en bulle, bouton central de marque */
@media (max-width: 991.98px) {
  html[data-ui="glass"] .bc-bottom-nav {
    height: auto; min-height: 62px; padding: .35rem .4rem; gap: .1rem;
    padding-bottom: .35rem; box-shadow: 0 14px 34px rgba(80, 30, 10, .18), inset 0 1px 0 var(--bc-glass-edge);
  }
  html[data-ui="glass"] .bc-bottom-nav a {
    border-radius: 20px; padding: .4rem .15rem; color: var(--bc-ink-3); font-size: .64rem; font-weight: 700; white-space: nowrap;
    transition: background .25s var(--bc-ease), color .25s var(--bc-ease), transform .3s var(--bc-spring);
  }
  html[data-ui="glass"] .bc-bottom-nav a i { font-size: 1.3rem; }
  html[data-ui="glass"] .bc-bottom-nav a.active {
    color: var(--bc-brand-text); background: var(--bc-glass-bg-strong); box-shadow: inset 0 1px 0 var(--bc-glass-edge), 0 2px 8px rgba(80, 40, 20, .10);
  }
  html[data-ui="glass"] .bc-bottom-nav a:active { transform: scale(.94); }
  html[data-ui="glass"] .bc-bottom-nav a.bc-bottom-nav-cta, html[data-ui="glass"] .bc-bottom-nav a.bc-bottom-nav-cta.active { background: transparent; box-shadow: none; color: var(--bc-brand-text); }
  html[data-ui="glass"] .bc-bottom-nav a.bc-bottom-nav-cta i {
    width: 52px; height: 52px; transform: translateY(-14px);
    background: linear-gradient(180deg, var(--bc-brand-400), var(--bc-brand-500) 55%, var(--bc-brand-600));
    border: 3px solid var(--bc-glass-edge); box-shadow: 0 8px 20px rgba(253, 86, 49, .42), inset 0 1px 0 rgba(255, 255, 255, .45);
  }
  html[data-ui="glass"] .bc-bottom-nav a.bc-bottom-nav-cta span { transform: translateY(-12px); }
  html[data-ui="glass"] .bc-bottom-nav .bc-badge { background: var(--bc-brand-500); }
  html[data-ui="glass"] .mud-scroll-to-top, html[data-ui="glass"] .mud-scroll-to-top .mud-fab { bottom: calc(var(--bc-bottom-nav-h, 60px) + var(--bc-safe-bottom, 0px) + 24px); }
}
@media (max-width: 380px) {
  html[data-ui="glass"] .bc-bottom-nav a { font-size: .6rem; }
}

/* Menu latéral de l'espace utilisateur */
html[data-ui="glass"] .card:has(> .collapse .card-nav), html[data-ui="glass"] .card:has(.card-nav) {
  background: var(--bc-glass-bg-strong); -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border: 1px solid var(--bc-glass-border); box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge); border-radius: var(--bc-r-xl);
}
html[data-ui="glass"] .card-nav { display: grid; gap: 2px; }
html[data-ui="glass"] .card-nav-link {
  display: flex; align-items: center; padding: .6rem .85rem; border-radius: var(--bc-r-s); border: 0;
  font-weight: 600; font-size: .92rem; color: var(--bc-ink-2);
  transition: background .2s var(--bc-ease), color .2s var(--bc-ease), transform .25s var(--bc-spring);
}
html[data-ui="glass"] .card-nav-link i { color: var(--bc-ink-3); opacity: 1 !important; font-size: 1.1rem; transition: color .2s; }
html[data-ui="glass"] .card-nav-link:hover { background: var(--bc-brand-50); color: var(--bc-ink); transform: translateX(2px); }
html[data-ui="glass"] .card-nav-link:hover i { color: var(--bc-brand-500); }
html[data-ui="glass"] .card-nav-link.active {
  background: linear-gradient(90deg, var(--bc-brand-100), var(--bc-brand-50)); color: var(--bc-brand-text);
  box-shadow: inset 3px 0 0 var(--bc-brand-500);
}
html[data-ui="glass"] .card-nav-link.active i { color: var(--bc-brand-500); }
html[data-ui="glass"] .card-nav-link .mud-badge { margin-left: auto; }
html[data-ui="glass"] .star-rating-icon.active { color: var(--bc-amber); }

/* Fil d'Ariane, pagination, défilement */
html[data-ui="glass"] .breadcrumb { font-size: .85rem; font-weight: 500; }
html[data-ui="glass"] .breadcrumb-item + .breadcrumb-item::before { color: var(--bc-ink-3); }
html[data-ui="glass"] .mud-scroll-to-top .mud-fab { background: var(--bc-glass-bg-strong); color: var(--bc-brand-500); border: 1px solid var(--bc-glass-border);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur); box-shadow: var(--bc-glass-shadow); }

/* Fenêtres Bootstrap (connexion, inscription, calculatrice, sites de référence...) */
html[data-ui="glass"] .modal-dialog { margin-top: 5.5rem; }
html[data-ui="glass"] .modal-title { font-weight: 800; color: var(--bc-ink); }
html[data-ui="glass"] .modal-header { padding: 1.2rem 1.4rem .8rem; }
html[data-ui="glass"] .modal-body { padding: 1rem 1.4rem; }
html[data-ui="glass"] .modal-footer { padding: .8rem 1.4rem 1.2rem; }
html[data-ui="glass"] .btn-close { border-radius: 50%; background-color: var(--bc-line); opacity: 1; padding: .55rem; }
html[data-ui="glass"] .btn-close:hover { background-color: rgba(60, 35, 22, .18); }

/* Fenêtres Mud (confirmations, formulaires) */
html[data-ui="glass"] .mud-dialog-title { font-weight: 800; color: var(--bc-ink); }
html[data-ui="glass"] .mud-dialog .mud-dialog-actions { padding: .8rem 1.2rem 1.2rem; gap: .5rem; }
html[data-ui="glass"] .mud-message-box .mud-dialog-content { color: var(--bc-ink-2); }

/* Toasts */
html[data-ui="glass"] .mud-snackbar {
  background: var(--bc-glass-bg-menu); color: var(--bc-ink); border: 1px solid var(--bc-glass-border);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur); border-radius: var(--bc-r-m);
  box-shadow: 0 14px 34px rgba(60, 25, 10, .18), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .mud-snackbar.mud-alert-filled-success { background: var(--bc-ok-soft); color: #0b6b49; }
html[data-ui="glass"] .mud-snackbar.mud-alert-filled-error { background: var(--bc-bad-soft); color: #a3221b; }
html[data-ui="glass"] .mud-snackbar.mud-alert-filled-warning { background: var(--bc-warn-soft); color: #8a5200; }
html[data-ui="glass"] .mud-snackbar.mud-alert-filled-info { background: var(--bc-info-soft); color: #2a3f9e; }

/* Pied de page : liens et blocs */
html[data-ui="glass"] footer.footer .nav-link, html[data-ui="glass"] footer.footer a { color: var(--bc-ink-2); font-weight: 500; transition: color .2s; }
html[data-ui="glass"] footer.footer .nav-link:hover, html[data-ui="glass"] footer.footer a:hover { color: var(--bc-brand-text); }
html[data-ui="glass"] footer.footer h4, html[data-ui="glass"] footer.footer h5, html[data-ui="glass"] footer.footer .h5 { color: var(--bc-ink); font-size: 1rem; }
html[data-ui="glass"] footer.footer .btn-icon { background: #fff; border: 1px solid var(--bc-line); color: var(--bc-ink-2); }
html[data-ui="glass"] footer.footer .btn-icon:hover { background: var(--bc-brand-500); color: #fff; border-color: var(--bc-brand-500); }

/* Le décor de marque doit rester visible derrière le contenu */
html[data-ui="glass"] .bc-dash { background-color: transparent; }

/* La barre du bas flotte (10 px de marge) : le contenu garde la place nécessaire en bas de page */
@media (max-width: 991.98px) {
  html[data-ui="glass"] body:has(.bc-bottom-nav) main.page-wrapper { padding-bottom: calc(var(--bc-bottom-nav-h) + var(--bc-safe-bottom) + 28px); }
}

/* ==========================================================================
   Vague 3 — pages publiques (accueil, catalogue, aide, contact, authentification)
   ========================================================================== */
html[data-ui="glass"] .bc-eyebrow {
  display: inline-flex; align-items: center; gap: .5rem; padding: .4rem .9rem; border-radius: 999px;
  font-size: .8rem; font-weight: 700; color: var(--bc-brand-text); background: var(--bc-brand-50); border: 1px solid var(--bc-brand-100);
}
html[data-ui="glass"] .bc-grad-text {
  background: linear-gradient(100deg, var(--bc-brand-500), #ff9a4d); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.bc-eyebrow, .bc-trust { display: none; }
html[data-ui="glass"] .bc-trust { display: flex; flex-wrap: wrap; gap: .4rem 1.3rem; margin: 1.2rem 0 0; padding: 0; font-size: .88rem; font-weight: 600; color: var(--bc-ink-2); }
html[data-ui="glass"] .bc-trust li { display: inline-flex; align-items: center; gap: .45rem; }
html[data-ui="glass"] .bc-trust i { color: var(--bc-brand-500); font-size: 1.1rem; }
@media (max-width: 767.98px) { html[data-ui="glass"] .bc-trust { justify-content: center; } }
html[data-ui="glass"] .display-5 { font-size: clamp(2rem, 4.4vw, 3.4rem); }
html[data-ui="glass"] .lead { color: var(--bc-ink-2); font-weight: 500; }

/* Barre de recherche de l'accueil : verre */
html[data-ui="glass"] form.bc-hero-search {
  padding: .6rem .9rem; border-radius: var(--bc-r-xl); background: var(--bc-glass-bg-strong);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border: 1px solid var(--bc-glass-border); box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] form.bc-hero-search .mud-input-control { margin-top: 0; }
html[data-ui="glass"] form.bc-hero-search .btn, html[data-ui="glass"] form.bc-hero-search .mud-button-root.btn-primary { min-height: 48px; }
html[data-ui="glass"] .border-end-sm, html[data-ui="glass"] .border-end-md { border-color: var(--bc-line) !important; }
html[data-ui="glass"] .mud-slider .mud-slider-filled { background: var(--bc-brand-500); }

/* Catégories et services */
html[data-ui="glass"] .icon-box.card { transition: transform .35s var(--bc-spring), box-shadow .35s var(--bc-ease); }
html[data-ui="glass"] .icon-box.card:hover { transform: translateY(-4px); box-shadow: var(--bc-shadow-pop); }
html[data-ui="glass"] .icon-box-media { transition: transform .4s var(--bc-spring), background .2s; }
html[data-ui="glass"] .icon-box:hover .icon-box-media { transform: scale(1.12) rotate(-6deg); }
html[data-ui="glass"] .bg-faded-primary { background-color: var(--bc-brand-50) !important; }
html[data-ui="glass"] .icon-box-title { font-weight: 700; color: var(--bc-ink); }
html[data-ui="glass"] .card-title.h4, html[data-ui="glass"] .card .card-title { font-weight: 800; color: var(--bc-ink); }
html[data-ui="glass"] section .card.card-hover.border-0 { border: 1px solid var(--bc-line) !important; }

/* Comment ça marche : étapes */
html[data-ui="glass"] .steps .step-number {
  background: linear-gradient(135deg, var(--bc-brand-300), var(--bc-brand-500)); color: #fff; border: 0; font-weight: 800;
  box-shadow: 0 6px 16px rgba(253, 86, 49, .30);
}
html[data-ui="glass"] .steps .step-progress::before, html[data-ui="glass"] .steps .step-progress::after { background-color: var(--bc-brand-200); }
html[data-ui="glass"] .steps .step.active .step-progress::before, html[data-ui="glass"] .steps .step.active .step-progress::after { background-color: var(--bc-brand-300); }
html[data-ui="glass"] .step-label h3 { font-weight: 800; color: var(--bc-ink); }

/* Sites de référence : bandeau transparent, pastilles blanches */
html[data-ui="glass"] section.bg-white { background: transparent !important; }
html[data-ui="glass"] .icon-box.card.bg-secondary.rounded-pill {
  background: var(--bc-surface) !important; border: 1px solid var(--bc-line) !important; box-shadow: var(--bc-shadow-card);
}
html[data-ui="glass"] .icon-box.card.bg-secondary.rounded-pill:hover { box-shadow: var(--bc-shadow-pop); transform: translateY(-2px); }

/* Panneau d'appel à l'action (calculatrice) */
html[data-ui="glass"] .bc-cta-panel {
  margin: 0; padding: clamp(1.4rem, 4vw, 2.6rem) 1rem; border-radius: var(--bc-r-xl); background: var(--bc-glass-bg);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border: 1px solid var(--bc-glass-border); box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge);
}

/* Illustrations JPEG à fond blanc : fondues dans le décor */
html[data-ui="glass"] img[src$=".jpg"][src*="illustrations"], html[data-ui="glass"] img[src$="find2.jpg"] { mix-blend-mode: multiply; border-radius: var(--bc-r-l); }

/* La pilule d'en-tête (flottante, plus haute que l'ancienne barre) : le contenu démarre plus bas */
@media (max-width: 991.98px) {
  html[data-ui="glass"] main .container.pt-5 { margin-top: 6.1rem !important; }
}

/* Texte justifié : lisible seulement sur grand écran (les trous de mots sont marqués sur mobile) */
@media (max-width: 767.98px) {
  html[data-ui="glass"] [style*="text-align: justify"], html[data-ui="glass"] [style*="text-align:justify"] { text-align: left !important; }
}

/* Champs de recherche (Finder « form-group ») : barre de verre, champ et bouton en pilules séparées */
html[data-ui="glass"] form.form-group:not(.bc-hero-search) {
  padding: .5rem; border-radius: var(--bc-r-xl); background: var(--bc-glass-bg-strong); border: 1px solid var(--bc-glass-border);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  box-shadow: var(--bc-glass-shadow), inset 0 1px 0 var(--bc-glass-edge);
}
html[data-ui="glass"] .form-group .input-group { gap: .5rem; flex-wrap: nowrap; }
html[data-ui="glass"] .form-group .input-group > .form-control { border-radius: 999px !important; margin-left: 0; padding-left: 1.2rem; }
html[data-ui="glass"] .form-group .input-group > .btn { border-radius: 999px !important; margin-left: 0 !important; }
html[data-ui="glass"] form.form-group:not(.bc-hero-search) { display: flex; align-items: center; gap: .5rem; }
html[data-ui="glass"] form.form-group:not(.bc-hero-search) > .input-group { flex: 1 1 0; min-width: 0; width: auto; }
html[data-ui="glass"] form.form-group:not(.bc-hero-search) > .btn { flex: 0 0 auto; width: auto !important; margin: 0 !important; border-radius: 999px !important; }

/* ==========================================================================
   Vague 4 — espace utilisateur
   ========================================================================== */

/* Pastilles de statut : teintes douces (lisibles sur photo comme sur fond clair) */
html[data-ui="glass"] .badge.bg-success { background-color: var(--bc-ok-soft) !important; color: var(--bc-ok) !important; }
html[data-ui="glass"] .badge.bg-info { background-color: var(--bc-info-soft) !important; color: var(--bc-info) !important; }
html[data-ui="glass"] .badge.bg-warning { background-color: var(--bc-warn-soft) !important; color: var(--bc-warn) !important; }
html[data-ui="glass"] .badge.bg-danger { background-color: var(--bc-bad-soft) !important; color: var(--bc-bad) !important; }
html[data-ui="glass"] .badge.bg-primary { background-color: var(--bc-brand-100) !important; color: var(--bc-brand-text) !important; }
html[data-ui="glass"] .badge.bg-secondary, html[data-ui="glass"] .badge.bg-dark { background-color: var(--bc-bg-2) !important; color: var(--bc-ink-2) !important; }
html[data-ui="glass"] .card-img-top .badge { box-shadow: 0 2px 8px rgba(60, 25, 10, .18); border: 1px solid rgba(255, 255, 255, .7); }
html[data-ui="glass"] .badge.fs-sm { padding: .4rem .75rem; }

/* Puces Mud (portefeuille, état...) */
html[data-ui="glass"] .mud-chip.mud-chip-filled { font-weight: 700; }
html[data-ui="glass"] .mud-chip-filled.mud-chip-color-primary { background-color: var(--bc-brand-100); color: var(--bc-brand-text); }
html[data-ui="glass"] .mud-chip-filled.mud-chip-color-info { background-color: var(--bc-info-soft); color: var(--bc-info); }
html[data-ui="glass"] .mud-chip-filled.mud-chip-color-success { background-color: var(--bc-ok-soft); color: var(--bc-ok); }
html[data-ui="glass"] .mud-chip-filled.mud-chip-color-warning { background-color: var(--bc-warn-soft); color: var(--bc-warn); }
html[data-ui="glass"] .mud-chip-filled.mud-chip-color-error { background-color: var(--bc-bad-soft); color: var(--bc-bad); }
html[data-ui="glass"] .mud-chip-filled .mud-icon-root { color: inherit; }

/* Cartes d'annonces (commandes, prises en charge, catalogue) */
html[data-ui="glass"] .card-horizontal { overflow: hidden; border: 1px solid var(--bc-line) !important; }
html[data-ui="glass"] .card-horizontal .card-img-top { background-color: var(--bc-bg-2); }
html[data-ui="glass"] .card-horizontal .card-img-top img { object-fit: cover; }
html[data-ui="glass"] .card-horizontal .card-body h3 a { color: var(--bc-ink); font-weight: 800; }
html[data-ui="glass"] .card-horizontal .card-body h3 a:hover { color: var(--bc-brand-text); }
html[data-ui="glass"] .collapse-label { color: var(--bc-brand-text); }
html[data-ui="glass"] .fi-star-filled.active, html[data-ui="glass"] .star-rating-icon.active { color: var(--bc-amber); }

/* Barre de recherche des listes */
html[data-ui="glass"] .mud-input-slot, html[data-ui="glass"] .mud-input-control > .mud-input-control-input-container > .mud-input-text { font-family: var(--bc-font); }
html[data-ui="glass"] .mud-input.mud-input-underline:after { border-bottom-color: var(--bc-brand-500); }
html[data-ui="glass"] .mud-input-label.mud-input-label-animated.mud-focused, html[data-ui="glass"] .mud-focused .mud-input-label { color: var(--bc-brand-text); }

/* Sections de formulaire (profil, paiement, dépôt, retrait) : surface claire pour la saisie */
html[data-ui="glass"] .border.rounded-3, html[data-ui="glass"] .border.rounded-xxl-3 { background: var(--bc-surface); border-color: var(--bc-line) !important; box-shadow: var(--bc-shadow-card); }
html[data-ui="glass"] .card-body .border-bottom { border-color: var(--bc-line) !important; }
html[data-ui="glass"] textarea.form-control { border-radius: var(--bc-r-m); min-height: 96px; }
html[data-ui="glass"] .form-text, html[data-ui="glass"] .mud-input-helper-text { color: var(--bc-ink-3); }

/* Tableaux de bord : tuiles de statistiques (Mud) */
html[data-ui="glass"] .stat-card, html[data-ui="glass"] .chart-paper { border: 1px solid var(--bc-line); box-shadow: var(--bc-shadow-card) !important; border-radius: var(--bc-r-l) !important; transition: transform .3s var(--bc-spring), box-shadow .3s var(--bc-ease); }
html[data-ui="glass"] .stat-card:hover { transform: translateY(-2px); box-shadow: var(--bc-shadow-pop) !important; }

/* Messagerie (Chat et ChatBox) : bulles aux couleurs de la marque */
html[data-ui="glass"] .modern-chat-container { background: transparent; border-radius: var(--bc-r-xl); }
html[data-ui="glass"] .chat-container { border-radius: var(--bc-r-xl); border: 1px solid var(--bc-line); box-shadow: var(--bc-shadow-card); }
html[data-ui="glass"] .chat-sidebar { border-right-color: var(--bc-line); }
html[data-ui="glass"] .chat-list-item { border-bottom-color: var(--bc-line); }
html[data-ui="glass"] .chat-list-item:hover { background-color: var(--bc-surface-2); }
html[data-ui="glass"] .chat-list-item.active { background-color: var(--bc-brand-50); border-left-color: var(--bc-brand-500); }
html[data-ui="glass"] .unread-badge { background-color: var(--bc-brand-500); }
html[data-ui="glass"] .chat-messages-area, html[data-ui="glass"] .messages-area { background: transparent; }
html[data-ui="glass"] .message-received .message-content { background: var(--bc-surface); box-shadow: var(--bc-shadow-card); border: 1px solid var(--bc-line); }
html[data-ui="glass"] .message-sent .message-content {
  background: linear-gradient(180deg, var(--bc-brand-400), var(--bc-brand-500) 60%, var(--bc-brand-600)); color: #fff;
  box-shadow: 0 6px 16px rgba(253, 86, 49, .28), inset 0 1px 0 rgba(255, 255, 255, .3);
}
html[data-ui="glass"] .chat-type-selector, html[data-ui="glass"] .chat-header {
  background: var(--bc-glass-bg-strong); -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border-bottom: 1px solid var(--bc-glass-border);
}
html[data-ui="glass"] .type-button { border-radius: 999px; background: var(--bc-surface); color: var(--bc-ink-2); font-family: var(--bc-font); font-weight: 700; }
html[data-ui="glass"] .type-button:hover { background: var(--bc-brand-50); color: var(--bc-brand-text); }
html[data-ui="glass"] .type-button.active { background: var(--bc-brand-500); color: #fff; box-shadow: 0 4px 12px rgba(253, 86, 49, .3); }
html[data-ui="glass"] .back-button { color: var(--bc-brand-text); }
html[data-ui="glass"] .chat-input-area { background: var(--bc-glass-bg-strong); -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur); border-top: 1px solid var(--bc-glass-border); }

/* ==========================================================================
   Vague 5 — accessibilité, thème sombre, administration
   ========================================================================== */

/* Lien d'évitement (clavier) */
.bc-skip {
  position: fixed; left: 12px; top: -64px; z-index: 3000; padding: .65rem 1.1rem; border-radius: 999px; font-weight: 700;
  background: #1d1512; color: #fff; text-decoration: none; transition: top .2s;
}
.bc-skip:focus { top: 12px; color: #fff; }
html:not([data-ui="glass"]) .bc-skip { display: none; }

/* Interrupteur de thème : bouton de l'en-tête et entrée de menu (rendu glass uniquement) */
.bc-theme-btn { display: none !important; }
html[data-ui="glass"] .bc-theme-btn {
  display: none !important; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 .35rem;
  border: 1px solid var(--bc-glass-border); border-radius: 50%; background: var(--bc-glass-bg-strong); color: var(--bc-ink-2);
  box-shadow: inset 0 1px 0 var(--bc-glass-edge); transition: transform .3s var(--bc-spring), color .2s;
}
@media (min-width: 992px) { html[data-ui="glass"] .bc-theme-btn { display: inline-flex !important; } }
html[data-ui="glass"] .bc-theme-btn:hover { color: var(--bc-brand-500); transform: rotate(-12deg) scale(1.06); }
.bc-theme-item { display: none !important; }
html[data-ui="glass"] .bc-theme-item { display: block !important; }
html[data-ui="glass"] .bc-theme-icon, html[data-ui="glass"] .bc-theme-btn .bc-theme-icon {
  display: inline-block; width: 1.15em; height: 1.15em; vertical-align: -.2em; margin-right: .5rem; background: currentColor;
  -webkit-mask: var(--bc-ico-moon) center / contain no-repeat; mask: var(--bc-ico-moon) center / contain no-repeat;
}
html[data-ui="glass"] .bc-theme-btn .bc-theme-icon { margin: 0; width: 1.25rem; height: 1.25rem; }
html[data-ui="glass"][data-theme="dark"] .bc-theme-icon { -webkit-mask-image: var(--bc-ico-sun); mask-image: var(--bc-ico-sun); }
html[data-ui="glass"] .bc-theme-label::before { content: "Mode sombre"; }
html[data-ui="glass"][data-theme="dark"] .bc-theme-label::before { content: "Mode clair"; }
html[data-ui="glass"] {
  --bc-ico-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 0 1 9.5 4 8 8 0 1 0 20 14.5z'/%3E%3C/svg%3E");
  --bc-ico-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M2 12h2M20 12h2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E");
}

/* Focus clavier plus visible sur les éléments de verre */
html[data-ui="glass"] .btn:focus-visible, html[data-ui="glass"] .nav-link:focus-visible, html[data-ui="glass"] .dropdown-item:focus-visible,
html[data-ui="glass"] .card-nav-link:focus-visible, html[data-ui="glass"] .bc-bottom-nav a:focus-visible, html[data-ui="glass"] .mud-button-root:focus-visible {
  outline: 3px solid var(--bc-brand-500); outline-offset: 2px; box-shadow: 0 0 0 6px rgba(253, 86, 49, .2);
}
@media (prefers-contrast: more) {
  html[data-ui="glass"] { --bc-line: rgba(30, 15, 8, .35); --bc-glass-border: rgba(30, 15, 8, .35); }
  html[data-ui="glass"] .bc-glass, html[data-ui="glass"] .dropdown-menu, html[data-ui="glass"] header.navbar, html[data-ui="glass"] .bc-bottom-nav {
    background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}

/* ---------- Administration (MainLayout : MudLayout, AppBar, Drawer, NavMenu) ---------- */
html[data-ui="glass"] .mud-appbar {
  background: var(--bc-glass-bg-strong) !important; color: var(--bc-ink) !important;
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border-bottom: 1px solid var(--bc-glass-border); box-shadow: var(--bc-glass-shadow);
}
html[data-ui="glass"] .mud-appbar .mud-icon-button { color: var(--bc-ink-2); }
html[data-ui="glass"] .mud-drawer {
  background: var(--bc-glass-bg-menu) !important; color: var(--bc-ink-2);
  -webkit-backdrop-filter: var(--bc-glass-blur); backdrop-filter: var(--bc-glass-blur);
  border-right: 1px solid var(--bc-glass-border); box-shadow: var(--bc-glass-shadow);
}
html[data-ui="glass"] .mud-drawer-header { padding: 1.1rem 1rem; }
html[data-ui="glass"] .mud-main-content { background: transparent; }
html[data-ui="glass"] .mud-nav-link {
  margin: 2px .6rem; border-radius: var(--bc-r-s); font-weight: 600; color: var(--bc-ink-2);
  transition: background .2s var(--bc-ease), color .2s var(--bc-ease), transform .25s var(--bc-spring);
}
html[data-ui="glass"] .mud-nav-link:hover { background: var(--bc-brand-50); color: var(--bc-ink); transform: translateX(2px); }
html[data-ui="glass"] .mud-nav-link .mud-nav-link-icon { color: var(--bc-ink-3); }
html[data-ui="glass"] .mud-nav-link.active:not(.mud-nav-link-disabled) {
  background: linear-gradient(90deg, var(--bc-brand-100), var(--bc-brand-50)); color: var(--bc-brand-text); box-shadow: inset 3px 0 0 var(--bc-brand-500);
}
html[data-ui="glass"] .mud-nav-link.active .mud-nav-link-icon { color: var(--bc-brand-500); }
html[data-ui="glass"] .mud-nav-group .mud-nav-link { margin-left: .6rem; }
html[data-ui="glass"] .mud-table-toolbar { background: var(--bc-surface-2); }
html[data-ui="glass"] .mud-data-grid { border-radius: var(--bc-r-l); overflow: hidden; }
html[data-ui="glass"] .mud-table-pagination-toolbar { border-top: 1px solid var(--bc-line); }
html[data-ui="glass"] .mud-icon-button:hover { background: var(--bc-brand-50); }
html[data-ui="glass"] .mud-switch-track { background-color: var(--bc-ink-3); }
html[data-ui="glass"] .mud-checkbox .mud-icon-root.mud-checked, html[data-ui="glass"] .mud-radio .mud-checked { color: var(--bc-brand-500); }

/* ==========================================================================
   Thème sombre (rendu glass uniquement) : mêmes jetons, autres valeurs
   ========================================================================== */
html[data-ui="glass"][data-theme="dark"] {
  color-scheme: dark;
  --bc-brand-50: rgba(253, 86, 49, .12); --bc-brand-100: rgba(253, 86, 49, .20); --bc-brand-200: rgba(253, 86, 49, .30);
  --bc-brand-text: #ff8a65;
  --bc-bg: #130d0b; --bc-bg-2: #1b1311; --bc-surface: #1e1613; --bc-surface-2: #251b17;
  --bc-ink: #fbf1ec; --bc-ink-2: #cdb9b0; --bc-ink-3: #a89489;
  --bc-line: rgba(255, 230, 220, .12);
  --bc-ok: #4ade9f; --bc-ok-soft: #0f2e24; --bc-warn: #ffb347; --bc-warn-soft: #35260a;
  --bc-bad: #ff8a85; --bc-bad-soft: #381614; --bc-info: #8fa7ff; --bc-info-soft: #18214a;
  --bc-glass-bg: rgba(38, 26, 22, .58); --bc-glass-bg-strong: rgba(38, 26, 22, .76); --bc-glass-bg-menu: rgba(30, 22, 19, .95);
  --bc-glass-border: rgba(255, 235, 225, .16); --bc-glass-edge: rgba(255, 235, 225, .30);
  --bc-glass-shadow: 0 12px 32px rgba(0, 0, 0, .40), 0 2px 6px rgba(0, 0, 0, .28);
  --bc-spec: linear-gradient(135deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, .07) 100%);
  --bc-shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .35);
  --bc-shadow-pop: 0 14px 32px rgba(0, 0, 0, .5);

  --fi-body-color: var(--bc-ink-2); --fi-body-color-rgb: 205, 185, 176;
  --fi-body-bg: var(--bc-bg); --fi-body-bg-rgb: 19, 13, 11;
  --fi-secondary: #1b1311; --fi-secondary-rgb: 27, 19, 17; --fi-light: #1e1613; --fi-light-rgb: 30, 22, 19;
  --fi-heading-color: var(--bc-ink); --fi-link-color: var(--bc-brand-text); --fi-border-color: var(--bc-line);

  --mud-palette-text-primary: #fbf1ec; --mud-palette-text-secondary: #cdb9b0; --mud-palette-text-disabled: rgba(251, 241, 236, .38);
  --mud-palette-background: #130d0b; --mud-palette-surface: #1e1613; --mud-palette-background-gray: #1b1311;
  --mud-palette-drawer-background: #1e1613; --mud-palette-drawer-text: #cdb9b0; --mud-palette-appbar-background: #1e1613; --mud-palette-appbar-text: #fbf1ec;
  --mud-palette-lines-default: rgba(255, 230, 220, .12); --mud-palette-lines-inputs: rgba(255, 230, 220, .28); --mud-palette-divider: rgba(255, 230, 220, .12);
  --mud-palette-table-lines: rgba(255, 230, 220, .10); --mud-palette-table-striped: rgba(255, 230, 220, .03); --mud-palette-table-hover: rgba(253, 86, 49, .10);
  --mud-palette-action-default: #cdb9b0; --mud-palette-action-disabled: rgba(251, 241, 236, .26); --mud-palette-action-disabled-background: rgba(251, 241, 236, .12);
  --mud-palette-overlay-dark: rgba(0, 0, 0, .6); --mud-palette-gray-light: #251b17; --mud-palette-gray-lighter: #2b201b; --mud-palette-gray-default: #a89489;
}
html[data-ui="glass"][data-theme="dark"] .bc-aurora {
  background: radial-gradient(1200px 700px at 85% -10%, rgba(253, 86, 49, .14), transparent 60%),
              radial-gradient(900px 600px at -10% 30%, rgba(255, 138, 101, .07), transparent 60%), var(--bc-bg);
}
html[data-ui="glass"][data-theme="dark"] .bc-aurora i { opacity: .20; }
html[data-ui="glass"][data-theme="dark"] .bg-white, html[data-ui="glass"][data-theme="dark"] .bg-light { background-color: var(--bc-surface) !important; }
html[data-ui="glass"][data-theme="dark"] .bg-secondary { background-color: var(--bc-bg-2) !important; }
html[data-ui="glass"][data-theme="dark"] .text-dark, html[data-ui="glass"][data-theme="dark"] .text-body { color: var(--bc-ink) !important; }
html[data-ui="glass"][data-theme="dark"] hr, html[data-ui="glass"][data-theme="dark"] .border-top, html[data-ui="glass"][data-theme="dark"] .border-bottom,
html[data-ui="glass"][data-theme="dark"] .border-end, html[data-ui="glass"][data-theme="dark"] .border-start { border-color: var(--bc-line) !important; }
html[data-ui="glass"][data-theme="dark"] .form-control, html[data-ui="glass"][data-theme="dark"] .form-select { background-color: var(--bc-surface-2); color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .form-control:focus, html[data-ui="glass"][data-theme="dark"] .form-select:focus { background-color: var(--bc-surface-2); }
html[data-ui="glass"][data-theme="dark"] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23cdb9b0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
html[data-ui="glass"][data-theme="dark"] .btn-secondary, html[data-ui="glass"][data-theme="dark"] .btn-light, html[data-ui="glass"][data-theme="dark"] .btn-outline-secondary { color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .btn-secondary:hover, html[data-ui="glass"][data-theme="dark"] .btn-light:hover, html[data-ui="glass"][data-theme="dark"] .btn-outline-secondary:hover { background: var(--bc-surface-2); color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .dropdown-item:hover, html[data-ui="glass"][data-theme="dark"] .dropdown-item:focus { background: var(--bc-brand-100); color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .modal-content, html[data-ui="glass"][data-theme="dark"] .mud-dialog { background: rgba(30, 22, 19, .96); }
html[data-ui="glass"][data-theme="dark"] .card-nav-link:hover { background: var(--bc-brand-100); }
html[data-ui="glass"][data-theme="dark"] .icon-box.card.bg-secondary.rounded-pill { background: var(--bc-surface) !important; }
html[data-ui="glass"][data-theme="dark"] .btn-close { filter: invert(1); }
html[data-ui="glass"][data-theme="dark"] .navbar-toggler-icon { filter: invert(1); }
html[data-ui="glass"][data-theme="dark"] .btn-outline-primary { color: var(--bc-brand-text); }
html[data-ui="glass"][data-theme="dark"] .page-loading { background: var(--bc-bg); }
/* Contenus écrits avec des fonds blancs en dur (tableaux de bord Mud, messagerie) */
html[data-ui="glass"][data-theme="dark"] [style*="background: white"], html[data-ui="glass"][data-theme="dark"] [style*="background-color: white"],
html[data-ui="glass"][data-theme="dark"] [style*="background: #fff"], html[data-ui="glass"][data-theme="dark"] [style*="background-color: #fff"] { background: var(--bc-surface) !important; }
html[data-ui="glass"][data-theme="dark"] .chat-container, html[data-ui="glass"][data-theme="dark"] .chat-sidebar, html[data-ui="glass"][data-theme="dark"] .message-received .message-content { background: var(--bc-surface); color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .modern-chat-container, html[data-ui="glass"][data-theme="dark"] .chat-messages-area { background: transparent; }
html[data-ui="glass"][data-theme="dark"] .chat-list-item:hover { background-color: var(--bc-surface-2); }
html[data-ui="glass"][data-theme="dark"] .type-button { background: var(--bc-surface-2); }
/* Illustrations JPEG à fond blanc : adoucies plutôt que fondues */
html[data-ui="glass"][data-theme="dark"] img[src$=".jpg"][src*="illustrations"], html[data-ui="glass"][data-theme="dark"] img[src$="find2.jpg"] { mix-blend-mode: normal; filter: brightness(.82) contrast(1.05); }
html[data-ui="glass"][data-theme="dark"] .bc-logo-classic { display: none !important; }
html[data-ui="glass"][data-theme="dark"] .mud-chip.mud-chip-filled { color: inherit; }
html[data-ui="glass"][data-theme="dark"] .cookie-consent-banner .btn-outline-light { background: var(--bc-surface-2); color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .bc-notif, html[data-ui="glass"][data-theme="dark"] .bc-modal { background: var(--bc-surface); }
html[data-ui="glass"][data-theme="dark"] .bc-notif .bc-n .bc-n-greeting, html[data-ui="glass"][data-theme="dark"] .bc-notif-title, html[data-ui="glass"][data-theme="dark"] .bc-modal-title { color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .bc-n { color: var(--bc-ink-2); }
html[data-ui="glass"][data-theme="dark"] .bc-n .bc-n-details dd { color: var(--bc-ink); }
html[data-ui="glass"][data-theme="dark"] .bc-n--success { --bc-n-soft: #0f2e24; } html[data-ui="glass"][data-theme="dark"] .bc-n--warning { --bc-n-soft: #35260a; }
html[data-ui="glass"][data-theme="dark"] .bc-n--danger { --bc-n-soft: #381614; } html[data-ui="glass"][data-theme="dark"] .bc-n { --bc-n-soft: rgba(253, 86, 49, .14); }

/* Champs Mud « outlined » : la moitié basse de l'étiquette reprend la surface du champ, la moitié haute reste transparente
   (sinon un cartouche de couleur différente apparaît sur le décor, en clair comme en sombre) */
html[data-ui="glass"] .mud-input-control .mud-input-label-outlined.mud-input-label-inputcontrol {
  background: linear-gradient(to bottom, transparent 45%, var(--bc-surface) 45%) !important;
}
html[data-ui="glass"] .mud-input-outlined { background-color: var(--bc-surface); border-radius: var(--bc-r-m); }

/* Thème sombre : textes et fonds écrits en dur dans les pages (tableau de bord, graphiques) */
html[data-ui="glass"][data-theme="dark"] [style*="color: #1f2937"], html[data-ui="glass"][data-theme="dark"] [style*="color:#1f2937"],
html[data-ui="glass"][data-theme="dark"] [style*="color: #1e293b"], html[data-ui="glass"][data-theme="dark"] [style*="color:#1e293b"],
html[data-ui="glass"][data-theme="dark"] [style*="color: #111827"], html[data-ui="glass"][data-theme="dark"] [style*="color:#111827"],
html[data-ui="glass"][data-theme="dark"] [style*="color: #374151"], html[data-ui="glass"][data-theme="dark"] [style*="color:#374151"] { color: var(--bc-ink) !important; }
html[data-ui="glass"][data-theme="dark"] [style*="background:white"], html[data-ui="glass"][data-theme="dark"] [style*="background:#fff"],
html[data-ui="glass"][data-theme="dark"] [style*="background-color:white"], html[data-ui="glass"][data-theme="dark"] [style*="background-color:#fff"] { background: var(--bc-surface) !important; }
html[data-ui="glass"][data-theme="dark"] .chart-paper svg text, html[data-ui="glass"][data-theme="dark"] .mud-chart svg text { fill: var(--bc-ink-2); }
html[data-ui="glass"][data-theme="dark"] .mud-chart-legend, html[data-ui="glass"][data-theme="dark"] .mud-chart-legend-item { color: var(--bc-ink-2); }
html[data-ui="glass"][data-theme="dark"] .mud-chart .mud-chart-grid-line, html[data-ui="glass"][data-theme="dark"] .mud-chart line { stroke: var(--bc-line); }
html[data-ui="glass"][data-theme="dark"] .chart-container { background: transparent !important; }

/* ==========================================================================
   Menu de la maquette : liens à plat dans la pilule, « Connexion » + « Commencer » pour les visiteurs
   ========================================================================== */
.bc-only-glass, .bc-nav-links { display: none !important; }
html[data-ui="glass"] .bc-only-classic { display: none !important; }
html[data-ui="glass"] .bc-only-glass { display: inline-flex !important; align-items: center; }
html[data-ui="glass"] .bc-nav-classic { display: none !important; }       /* ancien menu Particulier / Voyageur */
html[data-ui="glass"] .bc-nav-links { display: none !important; }
@media (min-width: 992px) {
  html[data-ui="glass"] .bc-nav-links { display: flex !important; gap: .25rem; margin-left: auto; margin-right: .6rem; }
}
@media (max-width: 991.98px) { html[data-ui="glass"] .bc-cta-start { display: none !important; } }
html[data-ui="glass"] .bc-nav-link {
  padding: .55rem .95rem; border-radius: 999px; font-weight: 600; font-size: .92rem; color: var(--bc-ink-2); text-decoration: none;
  transition: background .25s var(--bc-ease), color .25s var(--bc-ease);
}
html[data-ui="glass"] .bc-nav-link:hover { background: var(--bc-line); color: var(--bc-ink); }
html[data-ui="glass"] .bc-nav-link.active {
  background: var(--bc-glass-bg-strong); color: var(--bc-ink); box-shadow: inset 0 1px 0 var(--bc-glass-edge), 0 1px 4px rgba(80, 40, 20, .08);
}
html[data-ui="glass"] header.navbar .btn-sm.text-primary { color: var(--bc-ink-2) !important; font-weight: 600; }
html[data-ui="glass"] header.navbar .btn-sm.text-primary:hover { background: var(--bc-line); }

/* ---------- Bandeaux d'information (invitation à se connecter, profil incomplet...) ---------- */
.bc-callout { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.1rem; margin: 0 0 1.1rem; padding: 1rem 1.2rem; border-radius: var(--bc-r-l, 16px);
  background: var(--bc-warn-soft, #fff4de); border: 1px solid rgba(199, 119, 0, .28); border-left: 5px solid var(--bc-warn, #c77700); color: var(--bc-ink, #1d1512);
  box-shadow: var(--bc-shadow-card, 0 1px 3px rgba(0, 0, 0, .08)); }
.bc-callout > i { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--bc-warn, #c77700); font-size: 1.25rem; }
.bc-callout-text { flex: 1 1 220px; display: grid; gap: .1rem; }
.bc-callout-text strong { font-weight: 800; }
.bc-callout-text span { color: var(--bc-ink-2, #5b4d46); font-size: .9rem; }
.bc-callout-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
html[data-ui="glass"][data-theme="dark"] .bc-callout > i { background: var(--bc-surface); }

/* Alertes Mud : texte lisible (la variante « texte » était presque invisible sur fond clair) */
html[data-ui="glass"] .mud-alert-text-warning, html[data-ui="glass"] .mud-alert-text-error, html[data-ui="glass"] .mud-alert-text-info, html[data-ui="glass"] .mud-alert-text-success { border: 1px solid var(--bc-line); font-weight: 600; }
html[data-ui="glass"] .mud-alert-text-warning { background: var(--bc-warn-soft); color: var(--bc-warn); }
html[data-ui="glass"] .mud-alert-text-error { background: var(--bc-bad-soft); color: var(--bc-bad); }
html[data-ui="glass"] .mud-alert-text-info { background: var(--bc-info-soft); color: var(--bc-info); }
html[data-ui="glass"] .mud-alert-text-success { background: var(--bc-ok-soft); color: var(--bc-ok); }
html[data-ui="glass"] .mud-alert a { color: inherit; text-decoration: underline; }