/* Nabiha Baby Collection - mobile header nav.
   The theme's own nav widgets are Elementor "burger" menus with width tied
   to a --container-widget-width variable meant for a collapsed 50px icon.
   Rather than fight that, we hide both widget instances on mobile and
   inject a clean horizontal nav bar via JS using the same menu links. */
@media (max-width: 1024px) {
  .elementor-element-52c3625.swg-main-menu,
  .elementor-element-87cf01a {
    display: none !important;
  }
}

.nbc-mnav {
  display: none;
}
@media (max-width: 1024px) {
  .nbc-mnav {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: #F9F6F2;
    padding: 10px 14px;
    width: 100%;
    box-sizing: border-box;
  }
  .nbc-mnav::-webkit-scrollbar { display: none; }
  .nbc-mnav a {
    display: inline-flex;
    align-items: center;
    flex: none;
    white-space: nowrap;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
    text-decoration: none;
    font-family: Comfortaa, 'Hind Siliguri', sans-serif;
  }
  .nbc-mnav a:first-child { color: #E92F76; }
}