/**
 * Site chrome backdrop-filter (unprefixed only).
 * Tailwind/Lightning CSS drops standard backdrop-filter when -webkit-backdrop-filter
 * is paired in globals.css — Chrome/Electron then shows no blur at all.
 * This file is served static (not PostCSS-processed).
 */

/* ── Header & floating pills ── */
.oap-app-header {
  backdrop-filter: blur(var(--glass-chrome-blur)) saturate(var(--glass-saturate));
}

.oap-glass-pill-track,
.oap-glass-pill-track-bottom,
.oap-bottom-nav .oap-glass-pill-track-bottom,
.oap-bottom-nav > div {
  backdrop-filter: blur(var(--glass-chrome-blur)) saturate(var(--glass-saturate));
}

.oap-header-icon-btn,
.oap-header-pill-btn,
.oap-lang-switcher-trigger-default,
.oap-lang-switcher-trigger-icon,
.oap-glass-icon-btn {
  backdrop-filter: blur(calc(var(--glass-chrome-blur) * 0.55)) saturate(var(--glass-saturate));
}

.oap-header-search-shell {
  backdrop-filter: blur(calc(var(--glass-chrome-blur) * 0.6)) saturate(var(--glass-saturate));
}

.oap-app-header .oap-search-input {
  backdrop-filter: none;
}

/* ── Menus, sheets, dropdowns ── */
.oap-mobile-menu-panel,
.oap-action-sheet-panel,
.oap-user-menu-panel,
.oap-lang-switcher-panel,
.oap-notification-dropdown-panel,
.oap-header-search-panel,
.oap-dropdown-menu,
.oap-select-dropdown,
.oap-tooltip-panel {
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
}

.oap-mobile-menu-backdrop,
.oap-action-sheet-backdrop,
.oap-sheet-backdrop.oap-action-sheet-backdrop,
.oap-modal-backdrop-standard,
.oap-modal-backdrop-heavy,
.auth-modal-backdrop {
  backdrop-filter: blur(calc(var(--glass-chrome-blur) * 0.75)) saturate(var(--glass-saturate));
}

.oap-mobile-menu-footer,
.oap-mobile-menu-user {
  backdrop-filter: blur(var(--glass-chrome-blur)) saturate(var(--glass-saturate));
}

/* ── Mobile menu tiles & pills ── */
.oap-nav-tile:not(.oap-nav-tile-active),
.oap-nav-icon-wrap-idle,
.oap-nav-pill:not(.oap-nav-pill-active):not(.active-nav-item),
.oap-theme-pill:not(.oap-theme-pill-active) {
  backdrop-filter: blur(calc(var(--glass-blur) * 0.45)) saturate(var(--glass-saturate));
}

/* ── Modals ── */
.glass-modal,
.glass-surface,
.auth-modal-body,
.auth-modal-shell,
.oap-newsletter-modal-panel,
.oap-sources-modal-panel {
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
}

/* ── Bottom nav active pill (subtle glass tint) ── */
.oap-bottom-nav-pill-active {
  backdrop-filter: blur(calc(var(--glass-chrome-blur) * 0.35)) saturate(var(--glass-saturate));
}

@media (prefers-reduced-transparency: reduce) {
  .oap-app-header,
  .oap-glass-pill-track,
  .oap-glass-pill-track-bottom,
  .oap-bottom-nav .oap-glass-pill-track-bottom,
  .oap-bottom-nav > div,
  .oap-header-icon-btn,
  .oap-header-pill-btn,
  .oap-lang-switcher-trigger-icon,
  .oap-header-search-shell,
  .oap-mobile-menu-panel,
  .oap-action-sheet-panel,
  .oap-user-menu-panel,
  .oap-notification-dropdown-panel,
  .oap-header-search-panel,
  .oap-mobile-menu-backdrop,
  .oap-action-sheet-backdrop,
  .oap-modal-backdrop-standard,
  .oap-modal-backdrop-heavy,
  .auth-modal-backdrop {
    backdrop-filter: none !important;
  }
}