/* ============================================================
   Proactiva Textil — Premium DARK header (Kadence) + utility top bar.
   Loaded after style.css + buttons.css. The top bar is injected as the
   FIRST CHILD of the header wrap so Kadence's sticky/body-padding
   measurement includes it.
   ============================================================ */

/* ---------- Utility top bar ---------- */
.pt-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  background: linear-gradient(90deg, #021f29 0%, #0b617e 100%);
  color: #C2D2CB;
  font-family: var(--pt-font-body);
  font-size: 13px;
  line-height: 1;
  padding: 9px clamp(16px, 4vw, 48px);
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.pt-topbar__left,
.pt-topbar__right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.pt-topbar__item {
  display: inline-flex; align-items: center; gap: 7px;
  color: #C2D2CB; text-decoration: none; transition: color .15s ease-out;
}
.pt-topbar__item svg { width: 15px; height: 15px; stroke: #a5c83f; fill: none; flex: 0 0 auto; }
.pt-topbar__item strong { color: #fff; font-weight: 600; letter-spacing: .2px; }
a.pt-topbar__item:hover { color: #a5c83f; }
a.pt-topbar__item:hover svg { stroke: #fff; }
.pt-topbar__badge { background: rgba(165, 200, 63, .16); color: #E4F1C9; padding: 5px 12px; border-radius: 999px; }
.pt-topbar__badge svg { stroke: #a5c83f; }
.site-header-wrap.is-scrolled .pt-topbar,
.site-mobile-header-wrap.is-scrolled .pt-topbar { display: none; }

@media (max-width: 900px) {
  .pt-topbar { justify-content: center; padding: 8px 16px; }
  .pt-topbar__left { display: none; }
  .pt-topbar__right { gap: 16px; }
  .pt-topbar__email { display: none; }
}

/* ============================================================
   DARK PREMIUM MAIN HEADER
   ============================================================ */
.site-header-wrap,
.site-mobile-header-wrap {
  background: #042f3d !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
}
/* a hairline lime accent at the very top edge */
.site-header-wrap::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--pt-lime), var(--pt-teal));
  z-index: 3;
}

/* Sticky: stay dark, frosted, deeper shadow */
.site-header-wrap.is-scrolled,
.site-mobile-header-wrap.is-scrolled {
  background: rgba(4, 47, 61, .90) !important;
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  backdrop-filter: saturate(160%) blur(12px);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .30);
}

/* Logo -> white on the dark bar, with presence */
.site-branding .custom-logo,
.site-branding img.custom-logo,
.site-mobile-header-wrap .custom-logo {
  filter: brightness(0) invert(1);
  height: 46px !important;
  width: auto;
}
.site-header-wrap.is-scrolled .site-branding .custom-logo,
.site-header-wrap.is-scrolled .pt-logo-svg { height: 32px !important; }
.pt-logo-svg path, .pt-logo-svg { fill: #fff !important; }

/* Navigation — white, lime accent */
.main-navigation .menu > li > a {
  color: #F4F8F2 !important;
  letter-spacing: .2px;
  font-weight: 600;
}
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current_page_item > a {
  color: var(--pt-lime) !important;
}
.main-navigation .menu > li > a::after {
  height: 3px; bottom: 6px; background: var(--pt-lime);
}
/* dropdown carets / arrows -> white */
.main-navigation .menu .dropdown-nav-special-toggle,
.main-navigation .menu li > a .nav-drop-title-wrap > svg,
.main-navigation .menu svg,
.main-navigation .dropdown-nav-toggle svg {
  color: #F4F8F2 !important;
  fill: #F4F8F2 !important;
  stroke: #F4F8F2 !important;
}

/* Mobile header: white logo + white toggle */
.mobile-toggle-open-container .menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open .kadence-svg-iconset,
.mobile-toggle-open-container .menu-toggle-open svg,
.site-mobile-header-wrap .menu-toggle svg {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}
.mobile-toggle-open-container .menu-toggle-open:hover { background: rgba(255, 255, 255, .10); }

/* ---------- "Cotizar" CTA — premium lime pill that pops on dark ---------- */
.pt-header-cta {
  background: var(--pt-lime) !important;
  color: var(--pt-petrol) !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  padding: 11px 26px !important;
  font-size: 14.5px !important;
  box-shadow: 0 6px 18px rgba(165, 200, 63, .42);
}
.pt-header-cta svg, .pt-header-cta .kadence-svg-iconset { color: var(--pt-petrol) !important; fill: var(--pt-petrol) !important; }
.pt-header-cta:hover,
.pt-header-cta:focus-visible {
  background: #b6d85e !important;
  color: var(--pt-petrol) !important;
  box-shadow: 0 9px 26px rgba(165, 200, 63, .58);
  transform: translateY(-2px);
}
.site-header-wrap.is-scrolled .pt-header-cta { padding: 9px 22px !important; }