/*
 * Applies the pure-CSS "Liquid Glass" effect (liquid-glass-effects.css,
 * ported from shomex.com.mx's public/assets/glassliquid/) to a couple of the
 * site's own surfaces when Admin-panel -> Design -> "Enable Liquid Glass
 * Effect" is on, gated by a body class rather than editing markup in every
 * theme page — reuses the same design tokens (CSS vars) effects.css defines.
 * Only the CSS-only v1 layer is ported (no WebGL shader engine), same scope
 * dowdes.com uses.
 *
 * .header-container deliberately gets NO backdrop-filter, because that
 * property has two side effects on this static, z-index:auto wrapper:
 *   1. it creates a stacking context that traps .navbar-fixed-top's
 *      z-index:1030 inside it, so the whole header paints at level 0 and
 *      later in-tree positioned content (the right-column
 *      .wow_side_loggd_usr card) covers the open user dropdown;
 *   2. it becomes the containing block for that position:fixed descendant,
 *      so the sticky header stops sticking.
 * The blur would be invisible there anyway: the wrapper is 0px tall and
 * sits behind the opaque .navbar-fixed-top.
 */
body.liquidglass-on .header-container,
body.liquidglass-on .post .panel {
    background: var(--lg-glass-bg) !important;
    border: 1px solid var(--lg-glass-border);
    box-shadow: 0 8px 32px 0 var(--lg-glass-shadow);
}

body.liquidglass-on .post .panel {
    -webkit-backdrop-filter: blur(var(--lg-pblur, 14px)) saturate(1.6);
    backdrop-filter: blur(var(--lg-pblur, 14px)) saturate(1.6);
}