/* ================================
   DESKTOP NAV (underline only)
   ================================ */
@media (min-width: 992px) {

  /* Header spacing: keep underline + dropdown visually inside the fixed header */
  header.tls-site-header .tls-navbar {
    padding-bottom: 14px;
  }


  .tls-desktop-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }

    .tls-desktop-menu > li {
      position: relative;
      list-style: none;
    }

      .tls-desktop-menu > li > a {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #002e3e;
        text-decoration: none;
        position: relative;
        padding: 0 0 17px;
      }

        /* underline on hover */
        .tls-desktop-menu > li > a:hover::after {
          content: "";
          position: absolute;
          left: -6px;
          right: -6px;
          bottom: 0;
          height: 4px;
          background: #41afc6;
        }

      /* dropdown positioning (yours) */
      .tls-desktop-menu > li > .sub-menu {
        display: none;
        position: absolute;
        left: -25px;
        top: 100%;
        margin-top: 14px;
        min-width: 220px;
        background: #fff;
        box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.1);
        padding: 12px 0;
        z-index: 9999;
      }

      /* click-open ONLY (your JS should toggle .is-open if you want click-open on desktop too)
     If you're using hover-open, swap to :hover here. */
      .tls-desktop-menu > li.is-open > .sub-menu {
        display: block;
      }

    .tls-desktop-menu .sub-menu {
      list-style: none;
      margin: 0;
    }

      .tls-desktop-menu .sub-menu li a {
        display: block;
        padding: 12px 22px;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #3b3b3b;
        text-decoration: none;
      }

        /* submenu underline only */
        .tls-desktop-menu .sub-menu li a:hover {
          text-decoration: underline;
          text-decoration-thickness: 2px;
          text-underline-offset: 4px;
          color: #002e3e;
        }
}