/* AI Bloom Color Override - variables always win AI_BLOOM_ENGINE_FINAL_20260515_210644 */

/* Fond général */
html,
body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.96)),
    url('/public/assets/img/ai_bloom_safe/header.svg?v=AI_BLOOM_ENGINE_FINAL_20260515_210644') center top / 1600px auto no-repeat,
    var(--abg-bg) !important;
  color:var(--abg-ink) !important;
}

/* Header */
header,
.topbar,
.page-header,
.admin-header,
.content-header{
  border-color:color-mix(in srgb, var(--abg-coral) 22%, rgba(255,255,255,.92)) !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.78),rgba(255,255,255,.38)),
    url('/public/assets/img/ai_bloom_safe/header.svg?v=AI_BLOOM_ENGINE_FINAL_20260515_210644') center / cover no-repeat !important;
  box-shadow:0 18px 50px color-mix(in srgb, var(--abg-coral) 14%, rgba(15,23,42,.10)) !important;
  color:var(--abg-ink) !important;
}

/* Sidebar */
aside.sidebar,
.sidebar,
nav.sidebar,
[class*="sidebar"],
[class*="side-bar"],
[class*="sidenav"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,255,255,.78)),
    url('/public/assets/img/ai_bloom_safe/sidebar.svg?v=AI_BLOOM_ENGINE_FINAL_20260515_210644') center top / cover no-repeat !important;
  border-right-color:color-mix(in srgb, var(--abg-coral) 22%, rgba(255,255,255,.92)) !important;
  box-shadow:16px 0 44px color-mix(in srgb, var(--abg-coral) 12%, rgba(15,23,42,.10)) !important;
}

.sidebar a.active,
aside.sidebar a.active,
nav.sidebar a.active,
[class*="sidebar"] a.active,
[class*="sidenav"] a.active,
.sidebar .active > a,
[class*="sidebar"] .active > a{
  background:linear-gradient(135deg,var(--abg-coral),var(--abg-cyan)) !important;
  color:#fff !important;
  box-shadow:0 14px 30px color-mix(in srgb, var(--abg-coral) 32%, transparent) !important;
}

/* Cards */
.sb-card,
.card,
.panel,
.box,
.content-card,
.form-card,
.settings-card,
.title-ai-workflow,
.sb-final-catqty-card,
.sb-available-sizes-card,
.sb-oracal-colors-card,
.sb-variations-card,
.sb-media-studio-card,
.sb-results-library-card,
section,
fieldset{
  background:var(--abg-glass) !important;
  border-color:color-mix(in srgb, var(--abg-coral) 14%, rgba(255,255,255,.92)) !important;
  box-shadow:0 14px 38px color-mix(in srgb, var(--abg-coral) 10%, rgba(15,23,42,.07)) !important;
}

/* Buttons */
button[type="submit"],
.btn-primary,
.button-primary,
.save,
.save-btn,
input[type="submit"],
.sb-final-create-btn,
.sb-media-btn-primary,
.mini-btn{
  background:linear-gradient(135deg,var(--abg-coral),var(--abg-cyan),var(--abg-violet)) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 12px 28px color-mix(in srgb, var(--abg-coral) 26%, transparent) !important;
}

/* Focus */
input:focus,
select:focus,
textarea:focus{
  border-color:var(--abg-coral) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--abg-coral) 18%, transparent) !important;
}

/* Tabs */
.tabs a.active,
.tab.active,
.nav-tab.active,
[role="tab"][aria-selected="true"]{
  background:linear-gradient(135deg,var(--abg-coral),var(--abg-cyan),var(--abg-violet)) !important;
  color:#fff !important;
}

/* Chips */
.ai-word,
.ai-tag-word,
.sb-size-chip,
.sb-color-chip,
.sb-preset-chip,
.sb-color-preset,
.chip,
.badge,
.pill{
  background:color-mix(in srgb, var(--abg-soft) 70%, rgba(255,255,255,.82)) !important;
  border-color:color-mix(in srgb, var(--abg-coral) 18%, rgba(255,255,255,.90)) !important;
}

/* =========================================================
   Sidebar buttons softer / lighter - SIDEBAR_LIGHT_BUTTONS_20260515_211122
   Corrige les boutons trop foncés dans la barre gauche.
   ========================================================= */

aside.sidebar a,
.sidebar a,
nav.sidebar a,
[class*="sidebar"] a,
[class*="side-bar"] a,
[class*="sidenav"] a,
aside.sidebar button,
.sidebar button,
nav.sidebar button,
[class*="sidebar"] button,
[class*="side-bar"] button,
[class*="sidenav"] button{
  background:rgba(255,255,255,.48) !important;
  color:var(--abg-ink) !important;
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

aside.sidebar a:hover,
.sidebar a:hover,
nav.sidebar a:hover,
[class*="sidebar"] a:hover,
[class*="side-bar"] a:hover,
[class*="sidenav"] a:hover,
aside.sidebar button:hover,
.sidebar button:hover,
nav.sidebar button:hover,
[class*="sidebar"] button:hover,
[class*="side-bar"] button:hover,
[class*="sidenav"] button:hover{
  background:rgba(255,255,255,.78) !important;
  color:color-mix(in srgb, var(--abg-coral) 58%, var(--abg-ink)) !important;
  border-color:color-mix(in srgb, var(--abg-coral) 18%, rgba(255,255,255,.80)) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.055) !important;
}

/* Le bouton actif doit rester visible, mais plus pastel, pas foncé */
.sidebar a.active,
aside.sidebar a.active,
nav.sidebar a.active,
[class*="sidebar"] a.active,
[class*="sidenav"] a.active,
.sidebar .active > a,
aside.sidebar .active > a,
[class*="sidebar"] .active > a,
[class*="sidenav"] .active > a,
.sidebar .is-active,
[class*="sidebar"] .is-active,
[class*="sidenav"] .is-active,
.sidebar [aria-current="page"],
[class*="sidebar"] [aria-current="page"],
[class*="sidenav"] [aria-current="page"]{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--abg-coral) 16%, #ffffff),
      color-mix(in srgb, var(--abg-cyan) 12%, #ffffff)
    ) !important;
  color:color-mix(in srgb, var(--abg-coral) 64%, var(--abg-ink)) !important;
  border-color:color-mix(in srgb, var(--abg-coral) 22%, rgba(255,255,255,.90)) !important;
  box-shadow:
    inset 4px 0 0 var(--abg-coral),
    0 10px 22px rgba(15,23,42,.06) !important;
}

/* Les icônes/emoji dans le menu restent lisibles */
aside.sidebar a span,
.sidebar a span,
nav.sidebar a span,
[class*="sidebar"] a span,
[class*="sidenav"] a span{
  color:inherit !important;
}

/* Évite les vieux styles dark qui restent collés */
aside.sidebar,
.sidebar,
nav.sidebar,
[class*="sidebar"],
[class*="side-bar"],
[class*="sidenav"]{
  --sidebar-button-bg: rgba(255,255,255,.54);
  --sidebar-button-active-bg: color-mix(in srgb, var(--abg-coral) 14%, #ffffff);
}