/* =========================================
   NAVBAR (V2) — Responsive FIX (Desktop/Tablet/Mobile)
   - Mobile/Tablet: NEVER hide (force visible)
   - Center inline menu visible under search
   File: assets/css/navbar.css
========================================= */

.stm-navbar{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.06);
  border-bottom:1px solid rgba(0,0,0,.06); /* header endpoint base line */
  width: 100%;
}

.stm-navbar__inner{
  display:flex;
  align-items:center;
  justify-content:center; /* CENTER MENU */
  min-height:5px;
  width: 100%;
}

/* Safety: nav wrapper should not collapse */
.stm-header-nav{
  width: 100%;
}
/* Hard override any header.css hover */
.stm-header .stm-primary-menu > li > a:hover{
  background: transparent !important;
}

/* =========================
   PRIMARY MENU
========================= */

.stm-primary-menu{
  list-style:none;
  margin:0;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:28px; /* desktop spacing */
  flex-wrap:nowrap;
}

.stm-primary-menu > li{
  margin:0;
  padding:0;
  position:relative;
}

.stm-primary-menu > li > a{
  display:inline-block;
  padding:10px 0;
  text-decoration:none;

  font-size:15px;
  font-weight:500;
  color:rgba(0,0,0,.85);
  line-height:1;
  white-space:nowrap;
}



/* =========================
   DROPDOWN (desktop hover)
========================= */

.stm-primary-menu li ul{
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:8px 0;
  list-style:none;
  margin:0;
  display:none;
  z-index:99;
}

.stm-primary-menu li:hover > ul{
  display:block;
}

.stm-primary-menu li ul li a{
  display:block;
  padding:10px 16px;
  font-size:14px;
  color:rgba(0,0,0,.8);
  text-decoration:none;
  white-space:nowrap;
}

.stm-primary-menu li ul li a:hover{
  background:rgba(0,0,0,.04);
  color:#000;
}

/* =========================
   TABLET (<= 1024px)
   - FORCE show navbar (override any old css)
========================= */
@media (max-width: 1024px){

  .stm-navbar{
    display:block !important;   /* ✅ override old "display:none" */
    visibility: visible !important;
  }

  .stm-navbar__inner{
    min-height:0px;
  }

  .stm-primary-menu{
    gap:18px;
    flex-wrap:wrap;             /* allow wrap */
    row-gap: 10px;
    padding: 8px 0;
  }

  .stm-primary-menu > li > a{
    font-size:14px;
    padding:8px 0;
  }
}

/* =========================
   MOBILE (<= 640px)
   - Navbar visible under search
   - Wrap allowed, centered
   - Smaller font + tighter gaps
========================= */
@media (max-width: 640px){

  .stm-navbar{
    display:block !important;   /* ✅ hard override */
    visibility: visible !important;
  }

  .stm-navbar__inner{
    min-height:0px;
  }

  .stm-primary-menu{
    gap:14px;
    flex-wrap:wrap;              /* ✅ 2 lines possible */
    justify-content:center;
    row-gap: 10px;
    padding: 10px 0;
  }

  .stm-primary-menu > li > a{
    font-size:13px;
    padding:8px 0;
  }

  /* Mobile hover dropdown disabled (safe) */
  .stm-primary-menu li ul{
    display:none !important;
  }
}
/* Force override header.css navbar padding (height fix) */
.stm-header .stm-navbar__inner{
  padding: 0px 0 !important;  /* ✅ override 10px 0 */
}