/* Aurify header liquid glass — direct port of the kube.io searchbox treatment. */
#site-header {
  /* Searchbox reference: 5% white fill at rest. */
  background: rgba(255, 255, 255, 0.05) !important;

  /* Keep the existing border width/layout but let the optical rim create the edge. */
  border-color: transparent !important;

  /* Reference component shadow — no heavy inset/bottom rim. */
  box-shadow:\n    inset 0 0 0 6px rgba(255, 255, 255, 0.12),\n    0 4px 16px rgba(0, 0, 0, 0.16) !important;

  /* Fallback until/when the SVG backdrop filter is unavailable. */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(2.2px);

}

#site-header.aurify-liquid-glass-active {
  -webkit-backdrop-filter: url("#aurify-liquid-glass-filter");
  backdrop-filter: url("#aurify-liquid-glass-filter");
}

/* Kill every layer from the earlier attempts. */
#site-header > .aurify-liquid-glass-surface {
  display: none !important;
}

.aurify-liquid-glass-defs {
  position: fixed !important;
  width: 0 !important;
  height: 0 !important;
  left: -9999px !important;
  top: -9999px !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #site-header {
    background: rgba(255, 255, 255, 0.05) !important;
  }
}


/* iOS / iPadOS native WebKit fallback.
   SVG url() backdrop filters are unreliable there, so keep the same translucent
   glass feel using the accelerated native backdrop-filter implementation. */
#site-header.aurify-liquid-glass-ios {
  background:
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
  border-color: rgba(255,255,255,.17) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) contrast(1.06) !important;
  backdrop-filter: blur(18px) saturate(180%) contrast(1.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.055),
    0 4px 16px rgba(0,0,0,.16) !important;
}


/* Scale entire header uniformly to 90% while preserving layout proportions. */
#site-header {
  zoom: 0.9 !important;
}