/* =========================================================
   NSD Primary Menu – Full CSS
   Scoped to:
   nav  -> .nsdP4t9Lm2x_nav
   ul   -> .nsdK6v1Rx8q_ul
   ========================================================= */
.nsdK6v1Rx8q_ul
/* ================= Base Nav ================= */
.nsdP4t9Lm2x_nav{
  position:relative;
}

/* Main UL */
.nsdK6v1Rx8q_ul{
  display:flex;
  align-items:center;
  gap:28px;
  list-style:none;
  margin:0;
  padding:0;
  font-weight: 600;
}

/* Remove bullets everywhere */
.nsdK6v1Rx8q_ul li,
.nsdK6v1Rx8q_ul .sub-menu{
  list-style:none;
  margin:0;
}

/* Top level LI */
.nsdK6v1Rx8q_ul > li{
  position:relative;
  padding:0;
}

/* ================= Hover Bridge (keeps gap stable) ================= */
.nsdK6v1Rx8q_ul > li::after{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:14px; /* must match dropdown gap */
}

/* ================= Main Links ================= */
.nsdK6v1Rx8q_ul > li > a{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  line-height:1;
  position:relative;
  color:#ffffff;                 /* MAIN TEXT WHITE */
  transition:color .18s ease;
}

img.menu-item-icon {
margin-right: 10px;
}

/* Underline animation */
.nsdK6v1Rx8q_ul > li > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  background:#ffffff;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
  opacity:.9;
}

/* Hover + active states */
.nsdK6v1Rx8q_ul > li:hover > a,
.nsdK6v1Rx8q_ul > li:focus-within > a{
  color:rgba(255,255,255,.85);
}

.nsdK6v1Rx8q_ul > li:hover > a::after,
.nsdK6v1Rx8q_ul > li:focus-within > a::after,
.nsdK6v1Rx8q_ul > li.current-menu-item > a::after,
.nsdK6v1Rx8q_ul > li.current-menu-ancestor > a::after{
  transform:scaleX(1);
}

.nsdK6v1Rx8q_ul > li.current-menu-item > a,
.nsdK6v1Rx8q_ul > li.current-menu-ancestor > a{
  color:#ffffff;
}

/* ================= Desktop Dropdown ================= */
@media (min-width: 992px){

  .nsdK6v1Rx8q_ul li > .sub-menu{
    position:absolute;
    top: calc(100% + 14px); /* visual gap */
    left:-14px;
    min-width:240px;
    padding:12px;
    border-radius:14px;
    background:#ffffff;
    box-shadow:0 18px 55px rgba(0,0,0,.16);
    display:none;
    z-index:99;
  }

  /* Open on hover */
  .nsdK6v1Rx8q_ul li:hover > .sub-menu,
  .nsdK6v1Rx8q_ul li:focus-within > .sub-menu{
    display:block;
  }

  /* Submenu items */
  .nsdK6v1Rx8q_ul li > .sub-menu > li{
    position:relative;
  }

  .nsdK6v1Rx8q_ul li > .sub-menu a{
    display:block;
    padding:10px 12px;
    text-decoration:none;
    border-radius:10px;
    line-height:1.2;
    color:#111111;
    transition:background .15s ease;
  }

  .nsdK6v1Rx8q_ul li > .sub-menu a:hover,
  .nsdK6v1Rx8q_ul li > .sub-menu li.current-menu-item > a{
    background:rgba(0,0,0,.06);
  }

  /* 2nd level flyout */
  .nsdK6v1Rx8q_ul li > .sub-menu .sub-menu{
    top:-8px;
    left: calc(100% + 10px);
    min-width:240px;
    padding:12px;
    border-radius:14px;
    background:#ffffff;
    box-shadow:0 18px 55px rgba(0,0,0,.16);
    display:none;
  }

  .nsdK6v1Rx8q_ul li > .sub-menu li:hover > .sub-menu,
  .nsdK6v1Rx8q_ul li > .sub-menu li:focus-within > .sub-menu{
    display:block;
  }

  /* Bridge for second level horizontal gap */
  .nsdK6v1Rx8q_ul li > .sub-menu > li::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:100%;
    width:10px;
  }
}

/* ================= Mobile (Stacked Clean) ================= */
@media (max-width: 991px){

  .nsdK6v1Rx8q_ul{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }

  .nsdK6v1Rx8q_ul > li::after{
    display:none; /* hover bridge not needed */
  }

  .nsdK6v1Rx8q_ul > li > a{
    padding:12px 2px;
  }

  .nsdK6v1Rx8q_ul .sub-menu{
    position:static;
    display:block;
    padding:6px 0 0 12px;
    background:transparent;
    box-shadow:none;
    border-radius:0;
  }

  .nsdK6v1Rx8q_ul .sub-menu a{
    padding:10px 2px;
    border-radius:0;
    color:#ffffff; /* optional: white also in mobile */
  }

  .nsdK6v1Rx8q_ul .sub-menu a:hover{
    background:transparent;
  }
}