/* Aliquid Glass for the existing Gazeta Popular mobile navigation. */
@media (max-width: 760px) {
  body.site-agazeta .mobile-nav[data-gazeta-glass] {
    --lg-pad: 5px;
    --gazeta-dock-height: 60px;
    width:min(356px,calc(100% - 32px)) !important;
    height:var(--gazeta-dock-height) !important;
    min-height:var(--gazeta-dock-height) !important;
    padding:var(--lg-pad) !important;
    box-sizing:border-box;
    grid-template-columns:repeat(var(--lg-count,4),minmax(0,1fr)) !important;
    bottom:max(10px,env(safe-area-inset-bottom)) !important;
    --lg-fg: #082842;
    --lg-track-active: #075378;
    --gazeta-glass-fill: rgb(246 252 255 / .53);
    --gazeta-glass-highlight: rgb(255 255 255 / .39);
    --gazeta-glass-shadow: rgb(6 39 67 / .24);
    --gazeta-lens-fill: rgb(232 248 255 / .19);
    --gazeta-lens-edge: rgb(255 255 255 / .52);
    --gazeta-select-fill: rgb(153 215 239 / .28);
    --gazeta-opaque-fill: #edf6fa;
    left: 0 !important;
    right: 0 !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform-origin: center;
    -webkit-tap-highlight-color: transparent;
  }

  body.site-agazeta .mobile-nav[data-gazeta-glass]:not([data-lg-copy]) { transform: none !important; }

  html.a11y-dark body.site-agazeta .mobile-nav[data-gazeta-glass],
  body.site-agazeta.reels-body .mobile-nav[data-gazeta-glass] {
    --lg-fg: #edf7ff;
    --lg-track-active: #b8edff;
    --gazeta-glass-fill: rgb(9 33 52 / .60);
    --gazeta-glass-highlight: rgb(132 192 221 / .22);
    --gazeta-glass-shadow: rgb(0 7 15 / .53);
    --gazeta-lens-fill: rgb(39 92 122 / .23);
    --gazeta-lens-edge: rgb(165 222 247 / .38);
    --gazeta-select-fill: rgb(87 183 227 / .26);
    --gazeta-opaque-fill: #0a2439;
  }

  body.site-agazeta .mobile-nav[data-gazeta-glass][data-ready] {
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .mobile-nav[data-gazeta-glass] > :is(.lg-track__glass,.lg-track__select,.lg-track__lens) {
    position: absolute;
    display: block;
    pointer-events: none;
    border-radius: 999px;
  }

  .mobile-nav[data-gazeta-glass] > .lg-track__glass {
    inset: 0;
    z-index: 0;
    background:var(--gazeta-glass-fill);
    -webkit-backdrop-filter: blur(1px) saturate(1.25);
    backdrop-filter: blur(1px) saturate(1.25);
    box-shadow: 0 9px 27px var(--gazeta-glass-shadow);
  }

  .mobile-nav[data-gazeta-glass] > :is(.lg-track__select,.lg-track__lens) {
    top: var(--lg-pad);
    left: var(--lg-pad);
    width: calc((100% - 2 * var(--lg-pad)) / var(--lg-count));
    height: calc(100% - 2 * var(--lg-pad));
  }

  .mobile-nav[data-gazeta-glass] > .lg-track__select {
    z-index: 1;
    opacity: clamp(0,1 - var(--lg-lift,0) * 2.2,1);
    transform: translateX(calc(100% * var(--lg-index)));
    background-color: var(--gazeta-select-fill);
    box-shadow:none;
  }

  .mobile-nav[data-gazeta-glass]:not([data-aliquid-direct]) > .lg-track__select::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: var(--lg-rim, none) center / 100% 100%;
    opacity: .68;
  }

  .mobile-nav[data-gazeta-glass]:not([data-gazeta-current]) > .lg-track__select { visibility: hidden; }

  .mobile-nav[data-gazeta-glass]:not([data-lifted]) > .lg-track__select[data-lg-refract]:not([data-lg-offscreen]) {
    backdrop-filter: var(--lg-refraction) saturate(1.12);
  }

  .mobile-nav[data-gazeta-glass] > .lg-track__lens {
    opacity: 0;
    z-index: 1;
    background-color: color-mix(in srgb,var(--gazeta-lens-fill) calc(var(--lg-lift,0) * 100%),transparent);
    box-shadow:0 6px 18px var(--gazeta-glass-shadow), inset 0 0 0 .65px var(--gazeta-lens-edge);
  }

  .mobile-nav[data-gazeta-glass][data-lifted] > .lg-track__lens[data-lg-refract]:not([data-lg-offscreen]) {
    backdrop-filter: var(--lg-refraction) saturate(1.23);
  }

  .mobile-nav[data-gazeta-glass] > .lg-track__lens::before {
    content: '';
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    background: var(--lg-rim,none) center / 100% 100%;
    opacity: .5;
  }

  body.site-agazeta .mobile-nav[data-gazeta-glass] > [data-lg-item] {
    position: relative;
    z-index: 2;
    color: var(--lg-fg) !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    scale: 1 !important;
    -webkit-touch-callout: none;
  }

  body.site-agazeta .mobile-nav[data-gazeta-glass]:not([data-previewing]) > [aria-current="page"],
  body.site-agazeta .mobile-nav[data-gazeta-glass] > [data-lg-preview] {
    color: var(--lg-track-active) !important;
  }

  body.site-agazeta .mobile-nav[data-gazeta-glass] > .mobile-share-highlight {
    justify-self: center;
    background: var(--navy) !important;
  }

  .mobile-nav[data-gazeta-glass] .lg-nav__icon { display: grid; place-items: center; }
  .mobile-nav[data-gazeta-glass] > [data-lg-item]:focus-visible {
    outline: 2px solid var(--lg-track-active);
    outline-offset: -3px;
  }

  @media (prefers-reduced-transparency: reduce), (forced-colors: active) {
    .mobile-nav[data-gazeta-glass] > .lg-track__glass {
      background: var(--gazeta-opaque-fill);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
    .mobile-nav[data-gazeta-glass] > :is(.lg-track__lens,.lg-track__select) {
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }
  }

  @media (forced-colors: active) {
    .mobile-nav[data-gazeta-glass] > .lg-track__glass { background: Canvas; border: 1px solid CanvasText; }
    .mobile-nav[data-gazeta-glass] > .lg-track__select { background: Highlight; }
    body.site-agazeta .mobile-nav[data-gazeta-glass] > [aria-current="page"] { color: HighlightText !important; }
  }
}

/* The mobile sheets carry their own surface as they open and drag. */
@media (max-width:760px) {
  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) {
    --gazeta-sheet-fill: rgb(238 247 251 / .83);
    --gazeta-sheet-solid: #edf6fb;
    --gazeta-sheet-handle: rgb(6 43 67 / .26);
    background: var(--gazeta-sheet-fill) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.42);
    backdrop-filter: blur(22px) saturate(1.42);
    border: 0;
    border-radius: 26px 26px 0 0;
    box-shadow: 0 -12px 54px rgb(3 22 39 / .23);
    overflow: hidden;
    transform: translateY(100%);
  }

  html.a11y-dark body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) {
    --gazeta-sheet-fill: rgb(8 32 50 / .84);
    --gazeta-sheet-solid: #082032;
    --gazeta-sheet-handle: rgb(193 225 242 / .38);
  }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog)::backdrop {
    background: rgb(2 20 35 / .31);
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog).is-open:not(.is-closing) {
    transform: translateY(var(--gazeta-sheet-offset,0px));
    transition: transform 260ms cubic-bezier(.22,.78,.24,1);
  }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog)[data-gazeta-sheet-drag] {
    transition: none !important;
  }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) .dialog-shell {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: 0;
    box-shadow: none;
    transform: none !important;
    transition: none !important;
  }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) .dialog-heading {
    position: relative;
    touch-action: none;
    padding-top: 29px;
  }

  body.site-agazeta #accessibilityDialog .dialog-heading {
    position: sticky;
    background: var(--gazeta-sheet-solid);
  }

  body.site-agazeta #siteMenuDialog .dialog-heading { margin-top: -11px; padding-top: 21px; }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) .dialog-heading::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 8px;
    width: 36px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: var(--gazeta-sheet-handle);
    pointer-events: none;
  }

  body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) .dialog-heading :is(button,a) { touch-action: manipulation; }

  @media (prefers-reduced-transparency:reduce), (forced-colors:active) {
    body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) {
      background: var(--gazeta-sheet-solid) !important;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }

  html.a11y-contrast body.site-agazeta :is(#siteMenuDialog,#accessibilityDialog) {
    --gazeta-sheet-solid: Canvas;
    --gazeta-sheet-handle: CanvasText;
    background: Canvas !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}


/* The capsule owns the optics. The resting selection only identifies the route. */
@media (max-width:760px) {
  body.site-agazeta .mobile-nav[data-gazeta-glass] {
    --gazeta-glass-fill:rgb(246 252 255 / .49);
    --gazeta-select-fill:rgb(125 190 219 / .14);
  }
  html.a11y-dark body.site-agazeta .mobile-nav[data-gazeta-glass],
  body.site-agazeta.reels-body .mobile-nav[data-gazeta-glass] {
    --gazeta-glass-fill:rgb(9 33 52 / .56);
    --gazeta-select-fill:rgb(143 202 227 / .15);
  }
  .mobile-nav[data-gazeta-glass] > .lg-track__glass {overflow:hidden}
  .mobile-nav[data-gazeta-glass] > .lg-track__glass > .gazeta-glass-scene {
    position:absolute;
    max-width:none;
    display:block;
    pointer-events:none;
    inset:0;width:100%;height:100%;opacity:.48;
  }
  .mobile-nav[data-gazeta-glass][data-lifted] > .lg-track__glass > .gazeta-glass-scene {visibility:hidden}
  .mobile-nav[data-gazeta-glass]:not([data-lifted]) > .lg-track__glass[data-lg-refract]:not([data-lg-offscreen]) {
    backdrop-filter:var(--lg-refraction) blur(.7px) saturate(1.22);
  }
  .mobile-nav[data-gazeta-glass] > .lg-track__select {box-shadow:none!important}
  @media (prefers-reduced-transparency:reduce), (forced-colors:active) {
    .mobile-nav[data-gazeta-glass] > .lg-track__glass > .gazeta-glass-scene {display:none}
    .mobile-nav[data-gazeta-glass] > .lg-track__glass {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  }
}

@media(max-width:760px) {
  body.site-agazeta.reels-body .mobile-nav[data-gazeta-glass] {display:grid!important;z-index:90}
  body.site-agazeta .mobile-nav[data-gazeta-glass] > [data-lg-item] {min-height:44px!important;min-width:0;gap:3px;padding:3px 2px!important}
  body.site-agazeta .mobile-nav[data-gazeta-glass] > [data-lg-item] small {font-size:10px;line-height:1.05}
  body.site-agazeta .mobile-nav[data-gazeta-glass] .lg-nav__icon .material-symbols-rounded {font-size:22px;line-height:1}
  .mobile-nav[data-gazeta-glass][data-lifted] > .lg-track__glass {backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-nav[data-gazeta-glass] > .lg-track__glass[data-gazeta-raster] {
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .mobile-nav[data-gazeta-glass] > .lg-track__lens {overflow:hidden}
  .mobile-nav[data-gazeta-glass] > .lg-track__lens > .gazeta-lens-window {
    position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;
    opacity:.68;
  }
  .mobile-nav[data-gazeta-glass] .gazeta-lens-window canvas {
    position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;
  }
  .mobile-nav[data-gazeta-glass]:not([data-lifted]) .gazeta-lens-window {visibility:hidden}
}