/* PWS overrides — fixes for header/footer/icon/nav styling gaps */

/* ---- Sticky header ---- */
#site-header.pws-site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #FFFFFF;
}

/* ---- Header nav menu: force inline flex layout ---- */
#site-header.pws-site-header ul.menu {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
#site-header.pws-site-header ul.menu li {
  list-style: none;
  margin: 0;
}
#site-header.pws-site-header ul.menu a {
  font-family: var(--font-sans, 'Archivo', sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-700, #2A2C2D);
  text-decoration: none;
}
#site-header.pws-site-header ul.menu li.current-menu-item > a,
#site-header.pws-site-header ul.menu a:hover {
  color: var(--tangerine-700, #C97655);
  font-weight: 600;
}

/* ---- Footer nav menu columns: inline flex too where used ---- */
#site-footer.pws-site-footer ul.menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#site-footer.pws-site-footer ul.menu li { list-style: none; }
#site-footer.pws-site-footer ul.menu a {
  color: var(--ink-300, #C9CDCE);
  text-decoration: none;
  font-size: 14px;
}
#site-footer.pws-site-footer ul.menu a:hover { color: #FFFFFF; }

/* Make sure header/footer full-bleed containers actually span the viewport */
#site-header.pws-site-header .e-con-full,
#site-footer.pws-site-footer .e-con-full {
  width: 100%;
  max-width: 100%;
}

/* ---- Icon sizing (icon-list renders oversized by default) ---- */
.elementor-icon-list-icon,
.elementor-widget-icon-list {
  --e-icon-list-icon-size: 14px;
}
.elementor-icon-list-icon svg {
  width: 14px !important;
  height: 14px !important;
}
.elementor-widget-icon-box .elementor-icon-box-icon svg {
  width: 28px !important;
  height: 28px !important;
}

/* ---- Tabs widget brand styling ---- */
.elementor-widget-tabs .elementor-tab-title {
  font-weight: 600;
  color: var(--ink-500, #55595B);
}
.elementor-widget-tabs .elementor-tab-title.elementor-active {
  color: var(--brand, #0E7C86);
  border-bottom: 2px solid var(--brand, #0E7C86);
}
.elementor-widget-tabs .elementor-tabs-content-wrapper {
  border-color: var(--border-default, #E7E9E9);
}

/* ---- Page banner decorative shapes ---- */
.pws-banner-shape {
  pointer-events: none;
}