/* ============================================================
   Unipack — site-wide overrides (all pages)
   ============================================================ */

/* ------------------------------------------------------------
   1. Fixed top menu
   The theme's "smart sticky" fades the bar to opacity:0 on scroll
   and relies on plugin JS to bring it back. That JS doesn't run in
   a static build, so the menu disappeared for good. Pin it instead.
   ------------------------------------------------------------ */
#wrapper-navbar .uicore-header-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 999;
  transition: background-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}

/* solid state once the page has scrolled */
body.uh-nav-solid #wrapper-navbar .uicore-header-wrapper {
  background-color: rgba(255, 255, 255, .92);
  backdrop-filter: saturate(150%) blur(14px);
  -webkit-backdrop-filter: saturate(150%) blur(14px);
  box-shadow: 0 6px 28px rgba(20, 12, 20, .10);
}

/* keep the bar clear of the very top while transparent */
#wrapper-navbar .uicore-header-wrapper .uicore-container { transition: padding .35s ease; }

/* ------------------------------------------------------------
   2. Footer icon-list bug
   Elementor's widget-icon-list.min.css carries the rule that sizes
   these SVGs. The homepage loads it; the inner pages load Element
   Pack's icon-list.css instead, so every footer tick rendered at its
   intrinsic ~380px. (Same fault on the live WordPress site.)
   ------------------------------------------------------------ */
.elementor-icon-list-icon svg,
#uicore-tb-footer .elementor-icon-list-icon svg {
  width: var(--e-icon-list-icon-size, 1em);
  height: var(--e-icon-list-icon-size, 1em);
}
.elementor-icon-list-icon {
  display: flex;
  align-items: center;
  position: relative;
  top: var(--icon-vertical-offset, initial);
}