/* v7: restore the last stable compact-prime styling; popup geometry/tint experiments removed. */

/* The canonical liquid controller normally installs the moving skin before first
   paint. If JS is delayed, keep the active state in the same raised glass
   language instead of flashing a flat blue fallback. */
:is(.nav-scroll,.collection-tabs,.theme-choice):not(.v41-skin-ready) :is(.nav-chip,.collection-tab,button).is-active{
  border-color:rgba(255,255,255,.20)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 32%),
    linear-gradient(180deg,rgba(95,151,244,.90),rgba(60,118,226,.91) 54%,rgba(43,92,200,.93))!important;
  box-shadow:
    0 7px 18px rgba(38,84,176,.22),
    0 2px 5px rgba(27,67,151,.12),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(13,48,120,.13)!important;
  color:#fff!important;
}

:is(.nav-v33-indicator,.collection-v33-indicator,.theme-v34-indicator){
  will-change:transform,width,height!important;
  transform-origin:center center!important;
}
:is(.nav-v33-indicator,.collection-v33-indicator,.theme-v34-indicator)>.v37-liquid-skin{
  display:block!important;
}

/* iOS Safari only: after the browser has collapsed to the compact address pill,
   script-safari-compact-prime briefly replays the real collection open/tab/close
   lifecycle. Keep it painted for WebKit but visually imperceptible. */
html.safari-compact-prime #collectionLayer{
  opacity:.001!important;
  pointer-events:none!important;
}
html.safari-compact-prime #collectionSheet,
html.safari-compact-prime #collectionBackdrop{
  transition:none!important;
  animation:none!important;
}