/* ==========================================
   HEADER – Editorial Sticky Refinement
   Scoped only to .header_hp_text
   ========================================== */

/* Base header state */
.header_hp__text {
  padding-top: 24px;
  padding-bottom: 24px;
  transition: padding 0.25s ease,
              box-shadow 0.25s ease,
              background-color 0.25s ease;
}

/* Sticky state (when scrolling) */
.header_hp__text.elementor-sticky--effects {
  padding-top: 18px;
  padding-bottom: 18px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  background-color: #FCFEFD; /* keeps it solid on scroll */
}

/* Optional: smooth logo shrink (add class "site-logo" to logo widget) */
.header_hp__text .site-logo img,
.header_hp__text .site-logo svg {
  transition: transform 0.25s ease;
}

.header_hp__text.elementor-sticky--effects .site-logo img,
.header_hp_text.elementor-sticky--effects .site-logo svg {
  transform: scale(0.92);
}
/* ==========================================
   NAV UNDERLINE (Elementor N Menu)
   Targets your actual header class: header_hp__text
   ========================================== */

/* Make sure the menu links can host the underline */
.header_hp__text .elementor-widget-n-menu nav a{
  position: relative;
  text-decoration: none;
}

/* Underline */
.header_hp__text .elementor-widget-n-menu nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:0;
  height:1px;
  background:#5F8489;; /* Dusty Sea */
  transition: width .25s ease, left .25s ease;
}

/* Hover */
.header_hp__text .elementor-widget-n-menu nav a:hover::after{
  width:100%;
  left:0;
}

/* Active/current */
.header_hp__text .elementor-widget-n-menu nav a[aria-current="page"]::after,
.header_hp__text .elementor-widget-n-menu nav .current-menu-item > a::after{
  width:100%;
  left:0;
}
.header_hp__text .elementor-widget-n-menu nav a{
  transition: color .25s ease;
}

.header_hp__text .elementor-widget-n-menu nav a:hover{
  color:#5F8489;
}
/* Anchor header with subtle grounding */
.header_hp__text {
  border-bottom: 1px solid rgba(31, 47, 51, 0.08);
}
.header_hp__text {
  padding-top: 20px;
  padding-bottom: 22px;
}