/* =====================================================================
   Terra Vita Hub v444.1 — Navigation pill interaction lock
   Purpose: make every top navigation pill and pill-style CTA visibly and
   mechanically clickable without changing route, auth, Supabase or SQL logic.
   Parent nav labels now navigate; caret buttons open the grouped menus.
   ===================================================================== */

html body #tvh-header,
html body header#tvh-header{
  overflow:visible !important;
  z-index:10000 !important;
}
html body #tvh-header .tvh-header-inner,
html body header#tvh-header .tvh-header-inner,
html body #tvh-header .tvh-nav-primary,
html body header#tvh-header .tvh-nav-primary{
  overflow:visible !important;
}
html body #tvh-header .tvh-nav-primary.v389-nav-groups,
html body header#tvh-header .tvh-nav-primary.v389-nav-groups{
  position:relative !important;
  z-index:10020 !important;
}

html body #tvh-header .v389-nav-group.v40918-nav-group,
html body header#tvh-header .v389-nav-group.v40918-nav-group{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:visible !important;
  flex:0 0 auto !important;
  isolation:isolate !important;
}

html body #tvh-header .v40919-nav-label,
html body header#tvh-header .v40919-nav-label{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 4px 0 10px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#082a43 !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
html body #tvh-header .v40919-nav-label:hover,
html body #tvh-header .v40919-nav-label:focus-visible,
html body header#tvh-header .v40919-nav-label:hover,
html body header#tvh-header .v40919-nav-label:focus-visible{
  color:#0b7d73 !important;
  outline:none !important;
  text-decoration:none !important;
}

html body #tvh-header .v40918-nav-toggle,
html body header#tvh-header .v40918-nav-toggle{
  position:relative !important;
  z-index:3 !important;
  display:inline-grid !important;
  place-items:center !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  background:transparent !important;
  color:rgba(8,42,67,.58) !important;
  font-size:14px !important;
  line-height:1 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
html body #tvh-header .v40918-nav-toggle:hover,
html body #tvh-header .v40918-nav-toggle:focus-visible,
html body header#tvh-header .v40918-nav-toggle:hover,
html body header#tvh-header .v40918-nav-toggle:focus-visible{
  background:rgba(8,42,67,.055) !important;
  color:#0b7d73 !important;
  outline:none !important;
}
html body #tvh-header .v389-nav-group.v40918-nav-group:hover,
html body #tvh-header .v389-nav-group.v40918-nav-group:focus-within,
html body #tvh-header .v389-nav-group.v40918-nav-group.is-open,
html body header#tvh-header .v389-nav-group.v40918-nav-group:hover,
html body header#tvh-header .v389-nav-group.v40918-nav-group:focus-within,
html body header#tvh-header .v389-nav-group.v40918-nav-group.is-open{
  background:#fffdf6 !important;
  border-radius:999px !important;
  box-shadow:inset 0 0 0 1px rgba(8,42,67,.12) !important;
}
html body #tvh-header .v389-nav-group.v40918-nav-group.is-open .v40918-nav-toggle,
html body header#tvh-header .v389-nav-group.v40918-nav-group.is-open .v40918-nav-toggle{
  transform:rotate(180deg) !important;
}

html body #tvh-header .v389-nav-group.v40918-nav-group .v389-nav-menu,
html body header#tvh-header .v389-nav-group.v40918-nav-group .v389-nav-menu{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:0 !important;
  z-index:10050 !important;
  width:320px !important;
  min-width:300px !important;
  padding:12px !important;
  gap:7px !important;
  border-radius:20px !important;
  border:1px solid rgba(8,42,67,.14) !important;
  background:#fffdf6 !important;
  box-shadow:0 26px 80px rgba(8,42,67,.18) !important;
}
html body #tvh-header .v389-nav-group.v40918-nav-group:nth-last-child(-n+2) .v389-nav-menu,
html body header#tvh-header .v389-nav-group.v40918-nav-group:nth-last-child(-n+2) .v389-nav-menu{
  left:auto !important;
  right:0 !important;
}
html body #tvh-header .v389-nav-group.v40918-nav-group:hover .v389-nav-menu,
html body #tvh-header .v389-nav-group.v40918-nav-group:focus-within .v389-nav-menu,
html body #tvh-header .v389-nav-group.v40918-nav-group.is-open .v389-nav-menu,
html body header#tvh-header .v389-nav-group.v40918-nav-group:hover .v389-nav-menu,
html body header#tvh-header .v389-nav-group.v40918-nav-group:focus-within .v389-nav-menu,
html body header#tvh-header .v389-nav-group.v40918-nav-group.is-open .v389-nav-menu{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
html body #tvh-header .v389-nav-menu a,
html body header#tvh-header .v389-nav-menu a{
  pointer-events:auto !important;
  position:relative !important;
  z-index:10060 !important;
}

/* Pill/CTA clickability guard across the site. */
html body a[class*="pill"],
html body a[class*="cta"],
html body a[class*="btn"],
html body a[class*="button"],
html body button[class*="pill"],
html body button[class*="cta"],
html body button[class*="btn"],
html body button[class*="button"]{
  pointer-events:auto !important;
  cursor:pointer !important;
  position:relative;
}
html body a[aria-disabled="true"],
html body button[disabled],
html body button[aria-disabled="true"]{
  pointer-events:none !important;
  cursor:not-allowed !important;
}

@media (max-width:1320px){
  html body #tvh-header .v40919-nav-label,
  html body header#tvh-header .v40919-nav-label{
    font-size:13px !important;
    padding-left:8px !important;
  }
  html body #tvh-header .v40918-nav-toggle,
  html body header#tvh-header .v40918-nav-toggle{
    width:24px !important;
    min-width:24px !important;
  }
}
@media (max-width:1060px){
  html body #tvh-header .v389-nav-group.v40918-nav-group .v389-nav-menu,
  html body header#tvh-header .v389-nav-group.v40918-nav-group .v389-nav-menu{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    box-shadow:none !important;
    margin-top:8px !important;
  }
}
