/**
 * UI institutionnelle ETS AAD
 * Neutralise l'aspect "template IA" : dégradés décoratifs, glassmorphism,
 * animations infinies, heroes plein écran, ombres lourdes.
 * Dernière couche globale (après title-visibility.css).
 */

/* —— 1. Glassmorphism décoratif —— */
.card-modern.glass,
.topbar,
.sidebar-overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.card-modern.glass {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
}

.sidebar-overlay {
  background: rgba(0, 0, 0, 0.45) !important;
}

.main-content [style*="backdrop-filter"]:not(.modal):not(.modal-backdrop):not(.modal-dialog) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* —— 2. Heroes → mastheads clairs —— */
.main-content .hero-section-ultra,
.main-content .hero-section-order,
.main-content .hero-section-detail,
.main-content .hero-hl,
.main-content .promo-workflow-hero,
.main-content .attendance-hero,
.main-content .forecast-hero-ultra,
.main-content .order-form-header,
.main-content .page-header-promo,
.main-content .surface-hl-dark:not(.sidebar):not(.top-header) {
  background: var(--bg-card) !important;
  background-image: none !important;
  color: var(--text-primary) !important;
  min-height: auto !important;
  padding: clamp(1rem, 2.5vw, 1.5rem) clamp(1rem, 3vw, 2rem) !important;
  margin-bottom: 1.5rem !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
}

.main-content [class*="-hero"]::before,
.main-content [class*="-hero"]::after,
.main-content .fn-hero::before,
.main-content .ol-hero::before,
.main-content .hero-section-order::before,
.main-content .hero-section-detail::before {
  background: var(--hl-orange) !important;
  background-image: none !important;
}

.main-content .fn-hero,
.main-content .ol-hero,
.main-content [class$="-hero"]:not(.dash-masthead) {
  background: var(--bg-card) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

.main-content .hero-title-ultra,
.main-content .hero-section-ultra h1,
.main-content .hero-section-ultra h2,
.main-content .hero-section-order h1,
.main-content .hero-section-order .hero-title-order,
.main-content .hero-section-detail h1,
.main-content .page-header-promo h1,
.main-content .forecast-hero-ultra h1,
.main-content .forecast-hero-ultra h2 {
  color: var(--hl-blue) !important;
  font-weight: 700 !important;
  font-size: clamp(1.35rem, 2.8vw, 1.875rem) !important;
  text-shadow: none !important;
  letter-spacing: -0.02em;
}

.main-content .hero-section-ultra p,
.main-content .hero-section-order p,
.main-content .hero-section-detail p,
.main-content .page-header-promo p,
.main-content .forecast-hero-ultra p {
  color: var(--text-muted) !important;
}

.page-header-promo .icon-promo {
  color: var(--hl-orange) !important;
}

.page-header-promo .btn,
.page-header-promo .btn-promo {
  background: var(--bg-card) !important;
  color: var(--hl-blue) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

/* —— 3. Animations décoratives —— */
.animate-float,
.animate-glow,
.animate-pulse:not(.spinner):not([class*="spinner"]):not(.loading-spinner),
.animate-bounce-in,
.animate-bounce,
.animate-shake,
.shimmer-effect,
.glow-effect,
.float-animation,
[class*="shimmer"] {
  animation: none !important;
}

.animate-on-scroll {
  opacity: 1 !important;
  transform: none !important;
}

/* —— 4. Hover sobre —— */
.hover-lift:hover,
.hover-scale:hover,
.stat-card-hl:hover,
.card-hl:hover,
.card:hover,
.card-modern:hover,
.card-enhanced:hover,
.card-premium:hover,
.dash-mod-card:hover,
.page-header-promo .btn:hover,
.page-header-promo .btn-promo:hover,
.nav-item:hover,
.nav-item-modern:hover {
  transform: none !important;
}

.card-hl:hover,
.card:hover,
.card-modern:hover,
.stat-card-hl:hover {
  box-shadow: var(--shadow-sm) !important;
}

/* —— 5. Texte sans dégradé —— */
.text-gradient {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--hl-blue) !important;
}

/* —— 6. KPI / stats neutres —— */
.stat-card-total,
.stat-card-transfer,
.stat-card-reception,
.stat-card-adjustment,
.stat-card-inventory {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border) !important;
}

.stat-card-total .stat-card-value,
.stat-card-total .stat-card-label,
.stat-card-transfer .stat-card-value,
.stat-card-transfer .stat-card-label,
.stat-card-reception .stat-card-value,
.stat-card-reception .stat-card-label,
.stat-card-adjustment .stat-card-value,
.stat-card-adjustment .stat-card-label,
.stat-card-inventory .stat-card-value,
.stat-card-inventory .stat-card-label {
  color: var(--text-primary) !important;
}

.warehouse-dashboard .warehouse-summary-card::before {
  display: none !important;
}

/* —— 7. Typographie posée —— */
.main-content h1,
.main-content .page-title-hl,
.main-content .hero-title-ultra {
  font-weight: 700 !important;
}

/* —— 8. Boutons promo / modules —— */
.btn-promo:hover,
.dash-btn-accent:hover {
  transform: none !important;
}