/* Shahin Bazar — off-canvas category drawer.
   Brand tokens: black #1A1A1A, gold #C8901E, muted #7A7A7A,
   border #E5E2DA, soft bg #F7F5F0. */

.sb-drawer-overlay{position:fixed;inset:0;background:rgba(26,26,26,.55);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9998}
.sb-drawer-overlay.is-open{opacity:1;visibility:visible}

.sb-drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:#FFFFFF;z-index:9999;
  transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;box-shadow:8px 0 24px rgba(26,26,26,.15)}
.sb-drawer.is-open{transform:translateX(0)}

/* Sit below the WordPress admin bar when logged in, so the close button is
   never hidden underneath it. Admin bar is 32px desktop, 46px on small screens. */
body.admin-bar .sb-drawer{top:32px}
@media screen and (max-width:782px){ body.admin-bar .sb-drawer{top:46px} }

.sb-drawer-head{display:flex;align-items:center;justify-content:space-between;
  padding:20px 20px 18px;background:#1A1A1A;flex:0 0 auto;min-height:64px;box-sizing:border-box}
.sb-drawer-title{font-family:'Baloo Da 2',sans-serif;font-weight:700;font-size:18px;color:#FFFFFF;line-height:1}

/* Close button — icon only, no chrome in any state.
   !important is deliberate: something injects a background onto bare <button>
   elements at runtime (not present in any stylesheet file), so this has to win
   regardless of load order. */
.sb-drawer-close,
.sb-drawer-close:hover,
.sb-drawer-close:focus,
.sb-drawer-close:focus-visible,
.sb-drawer-close:active{
  background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
  padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;
  width:32px!important;height:32px!important;line-height:1!important;font-size:0!important;
  display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;
  color:#FFFFFF;transition:color .25s ease,transform .25s ease;
}
.sb-drawer-close svg{width:20px;height:20px;stroke:currentColor}
.sb-drawer-close:hover{color:#C8901E;transform:rotate(90deg)}

.sb-drawer-body{overflow-y:auto;flex:1 1 auto;padding:6px 0 24px;-webkit-overflow-scrolling:touch}
ul.sb-drawer-menu{list-style:none;margin:0;padding:0}
ul.sb-drawer-menu li{border-bottom:1px solid #E5E2DA;position:relative}
ul.sb-drawer-menu li a{display:block;padding:14px 20px;font-family:'Hind Siliguri',sans-serif;
  font-size:15px;font-weight:600;color:#1A1A1A;text-decoration:none;
  transition:background .2s ease,color .2s ease,padding-left .2s ease}
/* Top-level hover: gold text, soft tint, slight indent so the active row is obvious */
ul.sb-drawer-menu > li > a:hover{background:#F7F5F0;color:#C8901E;padding-left:26px}

/* Chevron toggle — icon only, no background box, in any state.
   Inactive muted grey, active gold + rotated. */
.sb-drawer-toggle,
.sb-drawer-toggle:hover,
.sb-drawer-toggle:focus,
.sb-drawer-toggle:focus-visible,
.sb-drawer-toggle:active{
  position:absolute;top:0;right:6px;
  background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
  padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;
  width:44px!important;height:48px!important;line-height:1!important;font-size:0!important;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  color:#7A7A7A;transition:color .25s ease,transform .3s cubic-bezier(.4,0,.2,1);
}
.sb-drawer-toggle svg{width:14px;height:14px;stroke:currentColor}
.sb-drawer-toggle:hover{color:#C8901E}
li.menu-item-has-children.is-open > .sb-drawer-toggle{color:#C8901E;transform:rotate(180deg)}
ul.sb-drawer-menu li.menu-item-has-children > a{width:calc(100% - 50px)}

/* Sub-menu: collapsed by default, expands smoothly */
ul.sb-drawer-menu ul.sub-menu{list-style:none;margin:0;padding:0;background:#FBFAF7;
  max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}
li.menu-item-has-children.is-open > ul.sub-menu{max-height:640px}
ul.sb-drawer-menu ul.sub-menu li{border-bottom:1px solid #EFEDE6}
ul.sb-drawer-menu ul.sub-menu li:last-child{border-bottom:none}
ul.sb-drawer-menu ul.sub-menu li a{padding:12px 20px 12px 34px;font-size:14px;font-weight:400;color:#3D3D3D;
  position:relative;width:100%;box-sizing:border-box}
/* Sub-item hover: gold text, tint, and a gold marker bar so the hovered row is unmistakable */
ul.sb-drawer-menu ul.sub-menu li a:hover{background:#F5F1E8;color:#C8901E;padding-left:40px}
ul.sb-drawer-menu ul.sub-menu li a::before{content:'';position:absolute;left:20px;top:50%;
  transform:translateY(-50%);width:3px;height:0;background:#C8901E;border-radius:2px;
  transition:height .25s ease}
ul.sb-drawer-menu ul.sub-menu li a:hover::before{height:16px}

.sb-burger-trigger{cursor:pointer}
body.sb-drawer-locked{overflow:hidden}

/* Responsive */
@media (max-width:767px){
  .sb-drawer{width:290px;max-width:82vw}
  .sb-drawer-head{padding:16px 16px 15px;min-height:58px}
  .sb-drawer-title{font-size:16px}
  ul.sb-drawer-menu li a{padding:13px 16px;font-size:14px}
  ul.sb-drawer-menu > li > a:hover{padding-left:20px}
  ul.sb-drawer-menu ul.sub-menu li a{padding:11px 16px 11px 30px;font-size:13px}
  ul.sb-drawer-menu ul.sub-menu li a:hover{padding-left:36px}
  ul.sb-drawer-menu ul.sub-menu li a::before{left:16px}
  .sb-drawer-toggle{width:42px!important;height:45px!important}
}
@media (prefers-reduced-motion:reduce){
  .sb-drawer,.sb-drawer-overlay,ul.sb-drawer-menu ul.sub-menu,
  .sb-drawer-toggle,.sb-drawer-close,ul.sb-drawer-menu li a{transition:none!important}
}

/* Menu Icons plugin output inside the drawer.
   Markup: <i class="_mi _before fas fa-x"></i><span>Label</span>
   Also suppresses Astra's own injected dropdown arrow, which duplicates
   our custom chevron toggle in this drawer. */
ul.sb-drawer-menu li a{display:flex!important;align-items:center;gap:11px}
ul.sb-drawer-menu li a i._mi{font-size:15px;width:19px;text-align:center;color:#7A7A7A;flex:0 0 auto;transition:color .2s ease}
ul.sb-drawer-menu li a:hover i._mi{color:#C8901E}
ul.sb-drawer-menu ul.sub-menu li a i._mi{font-size:13px;width:16px;color:#9A9A9A}
ul.sb-drawer-menu ul.sub-menu li a:hover i._mi{color:#C8901E}
/* Astra injects its own arrow span into menu links; ours is the chevron button */
ul.sb-drawer-menu .dropdown-menu-toggle,
ul.sb-drawer-menu .ast-header-navigation-arrow{display:none!important}