/*
 * GPU-owned Liquid Glass surfaces. The WebGL renderer supplies the material;
 * CSS supplies only layout, clipping and the DOM HUD drawn above it.
 */

/* Never stack a CSS blur approximation on top of the exact GPU material.
   Exception: surfaces that cover readable DOM — Control Centre, and any
   control whose material must survive the window matte — do their own
   frosting, because the lens only ever samples the wallpaper. */
html.gg-liq-live :is(#menubar,#desktop,#desktop *,#dock-wrap,#dock-wrap *):not(
  #control-center,
  #control-center *,
  .gg-sw-cap
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.gg-liq-live :is(
  #menubar,
  #dock,
  #apple-menu,
  #wifi-menu,
  .app-menu-panel,
  .dropdown-menu,
  .spotlight-panel,
  .spotlight-folder,
  .spot-action,
  .siri-chip,
  .siri-reply,
  .gg-widget,
  .desktop-widget,
  .gg-toast,
  .toast,
  .notif
) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.gg-liq-live :is(
  #dock,
  .spotlight-panel,
  .spotlight-folder,
  .spot-action,
  .gg-widget,
  .desktop-widget,
  .cc-round,
  .cc-connect
)::before,
html.gg-liq-live :is(
  #dock,
  .spotlight-panel,
  .spotlight-folder,
  .spot-action,
  .gg-widget,
  .desktop-widget,
  .cc-round,
  .cc-connect
)::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html.gg-liq-live :is(.cc-round,.cc-connect,.cc-slider-tile) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.gg-liq-live .gg-widget,
html.gg-liq-live .desktop-widget {
  transform: none !important;
}

/* Tracks and knobs exist in separate renderer passes, exactly like app.py. */
html.gg-liq-live input[type="range"]:not(#control-center input) {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.gg-liq-live input[type="range"]::-webkit-slider-runnable-track {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.gg-liq-live input[type="range"]::-webkit-slider-thumb {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Switches keep their painted capsule under live glass — see css/switch.css. */

html.gg-liq-live :is(
  .gg-icon-btn,
  .gg-btn,
  .gg-tool-btn,
  .gg-seg button,
  .gg-segment button,
  button[class*="-ico"],
  button[class*="tool"]
) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}