/* Nayyar Agri Parts — reliable navigation fix */

/* Desktop product dropdown: keep every title readable */
@media (min-width: 992px) {
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu {
    background:#b8121f !important;
    border:0 !important;
    border-top:3px solid #8f0d17 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li,
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li:hover {
    background:#b8121f !important;
  }
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a,
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a:hover,
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a:focus,
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a.active {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:13px 18px !important;
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
  }
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a:hover,
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a:focus,
  .main-nav nav .navbar-nav > .nav-item > .dropdown-menu > li > a.active {
    background:#8f0d17 !important;
    padding-left:24px !important;
  }
}

@media (max-width: 991px) {
  .mobile-nav {
    display:block !important;
    position:relative !important;
    height:78px !important;
    min-height:78px !important;
    background:#fff !important;
    border-bottom:2px solid #c1121f !important;
  }
  .mobile-nav .logo {
    position:absolute !important;
    left:14px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:calc(100% - 84px) !important;
    height:auto !important;
    z-index:10012 !important;
  }
  .mobile-nav .logo img {
    content:url('../img/logo.png') !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:min(250px, calc(100vw - 100px)) !important;
    max-height:58px !important;
  }

  .mean-container .mean-bar {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:78px !important;
    min-height:78px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    z-index:10011 !important;
  }

  /* Minimal hamburger with a generous invisible touch area */
  .mean-container a.meanmenu-reveal,
  .mean-container a.meanmenu-reveal.meanclose {
    position:absolute !important;
    top:50% !important;
    right:14px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-indent:0 !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:visible !important;
    z-index:10020 !important;
  }

  .mean-container a.meanmenu-reveal span {
    position:absolute !important;
    left:7px !important;
    display:block !important;
    width:30px !important;
    height:3px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:#c1121f !important;
    opacity:1 !important;
    transform-origin:center !important;
    transition:top .25s ease, transform .25s ease, opacity .18s ease !important;
  }
  .mean-container a.meanmenu-reveal span:nth-child(1){top:11px !important;}
  .mean-container a.meanmenu-reveal span:nth-child(2){top:20.5px !important;}
  .mean-container a.meanmenu-reveal span:nth-child(3){top:30px !important;}

  /* Open state: same real spans animate into a crisp X */
  .mean-container a.meanmenu-reveal.meanclose span:nth-child(1){top:20.5px !important;transform:rotate(45deg) !important;}
  .mean-container a.meanmenu-reveal.meanclose span:nth-child(2){opacity:0 !important;transform:scaleX(.2) !important;}
  .mean-container a.meanmenu-reveal.meanclose span:nth-child(3){top:20.5px !important;transform:rotate(-45deg) !important;}

  .mean-container a.meanmenu-reveal::before,
  .mean-container a.meanmenu-reveal::after {content:none !important;display:none !important;}

  .mean-container .mean-nav {
    position:absolute !important;
    top:78px !important;
    left:0 !important;
    right:0 !important;
    margin:0 !important;
    max-height:calc(100vh - 78px) !important;
    overflow-y:auto !important;
    z-index:10009 !important;
  }
}

@media (max-width:575px){
  .mobile-nav,
  .mean-container .mean-bar {height:74px !important;min-height:74px !important;}
  .mobile-nav .logo {left:12px !important;width:calc(100% - 78px) !important;}
  .mobile-nav .logo img {max-width:min(225px, calc(100vw - 92px)) !important;max-height:54px !important;}
  .mean-container a.meanmenu-reveal,
  .mean-container a.meanmenu-reveal.meanclose {right:10px !important;}
  .mean-container .mean-nav {top:74px !important;max-height:calc(100vh - 74px) !important;}
}