/* Khaja Khoj custom mobile menu - same palette/type as the site, no layout overrides on Solace. */
.kk-burger{display:none;}
/* panel + scrim must be hidden outright on desktop, otherwise they render as a plain
   unstyled link list at the bottom of the page */
.kk-panel,.kk-scrim{display:none;}
@media (max-width:1024px){
  .kk-panel{display:block;}
  .kk-scrim{display:block;}
}
@media (max-width:1024px){
  /* the inline desktop menu is the duplicate under the logo - hide only the widget itself */
  #kk-desktop-nav{display:none !important;}
  #kk-account{display:none !important;}
  #site-header .e-con-inner{padding-right:64px !important;}
}
@media (max-width:1024px){
  .kk-burger{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;right:14px;width:44px;height:44px;border:1px solid rgba(232,200,138,.45);border-radius:999px;background:rgba(11,9,6,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;padding:0;z-index:100000;}
  .kk-burger span{display:block;width:18px;height:1.5px;background:#E8C88A;position:relative;transition:background .15s ease;}
  .kk-burger span::before,.kk-burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:#E8C88A;transition:transform .2s ease,top .2s ease;}
  .kk-burger span::before{top:-6px;}
  .kk-burger span::after{top:6px;}
  .kk-burger[aria-expanded="true"] span{background:transparent;}
  .kk-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);}
  .kk-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);}

  .kk-scrim{position:fixed;inset:0;background:rgba(6,5,4,.6);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:99998;}
  .kk-scrim.is-open{opacity:1;pointer-events:auto;}

  .kk-panel{position:fixed;top:0;right:0;width:min(320px,84vw);height:100%;background:#0E0B08;border-left:1px solid rgba(232,200,138,.18);box-shadow:-24px 0 48px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .24s ease;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:72px 0 24px;}
  .kk-panel.is-open{transform:translateX(0);}
  .kk-panel ul{list-style:none;margin:0;padding:0;}
  .kk-panel li{margin:0;}
  .kk-panel a{display:flex;align-items:center;min-height:48px;padding:12px 24px;color:#F3ECE1;font-family:Outfit,Helvetica,sans-serif;font-size:16px;font-weight:400;text-decoration:none;border-bottom:1px solid rgba(232,200,138,.12);}
  .kk-panel a:hover,.kk-panel a:focus{color:#0B0906;background:#E8C88A;}
  .kk-panel li.current-menu-item>a{color:#E8C88A;background:rgba(232,200,138,.08);}
  .kk-panel .kk-cta{margin:22px 24px 0;}
  .kk-panel .kk-cta a{justify-content:center;border:0;border-radius:999px;background:linear-gradient(180deg,#F0D69F,#DBB772);color:#1A1206;font-weight:500;font-size:14.5px;min-height:46px;padding:12px 22px;}
  body.kk-nav-open{overflow:hidden;}
}