/* Phase 20: Font styling + Android one-finger scrolling fix */
:root{
  --sk-ui-font:"Trebuchet MS","Segoe UI",Roboto,Arial,sans-serif;
  --sk-display-font:"Segoe UI",Roboto,"Trebuchet MS",Arial,sans-serif;
}
html,body{
  width:100%;
  min-height:100%;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:auto;
  touch-action:pan-y pinch-zoom!important;
}
body.customer-page,.admin-body,.admin-main-wrap,.admin-content,main,.customer-card,.customer-section{
  touch-action:pan-y pinch-zoom!important;
}
button,a,input,select,textarea,label,.dish-card,.customer-nav,.admin-sidebar,.admin-nav{
  touch-action:manipulation!important;
}
.customer-header.modern-mobile-header,.site-header,.admin-topbar{
  font-family:var(--sk-ui-font)!important;
}
.customer-header.modern-mobile-header .customer-logo{
  font-family:var(--sk-display-font)!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
.customer-header.modern-mobile-header .brand-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
.customer-header.modern-mobile-header .customer-menu-btn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  box-shadow:0 10px 22px rgba(0,75,81,.20)!important;
}
.customer-header.modern-mobile-header .menu-lines,
.customer-header.modern-mobile-header .menu-lines:before,
.customer-header.modern-mobile-header .menu-lines:after{
  left:11px!important;
  right:11px!important;
  height:2px!important;
}
.customer-header.modern-mobile-header .menu-lines{top:19px!important}
.customer-header.modern-mobile-header .menu-lines:before{top:-6px!important}
.customer-header.modern-mobile-header .menu-lines:after{top:6px!important}
.customer-header.modern-mobile-header .customer-nav a,
.customer-header.modern-mobile-header .customer-nav a:not(.cart-pill){
  min-height:44px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  font-family:var(--sk-ui-font)!important;
  font-size:13.5px!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  line-height:1.25!important;
}
.customer-header.modern-mobile-header .customer-nav{
  touch-action:pan-y pinch-zoom!important;
  overscroll-behavior:contain;
}
.mobile-bottom{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:900px){
  .customer-header.modern-mobile-header{
    min-height:58px!important;
    padding:8px 10px!important;
    gap:9px!important;
  }
  .customer-header.modern-mobile-header .customer-logo{
    max-width:calc(100% - 50px)!important;
    font-size:16px!important;
  }
  .customer-header.modern-mobile-header .customer-nav{
    top:64px!important;
    left:10px!important;
    right:10px!important;
    max-height:calc(100dvh - 78px)!important;
    overflow-y:auto!important;
  }
  .customer-header.modern-mobile-header .cart-count{
    min-width:20px!important;
    height:20px!important;
    font-size:11px!important;
    padding:0 6px!important;
  }
  .admin-body,.admin-app,.admin-main-wrap,.admin-content{
    min-height:100dvh!important;
    height:auto!important;
    overflow-y:visible!important;
  }
  .admin-sidebar{
    height:100dvh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y pinch-zoom!important;
  }
  .admin-nav{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y pinch-zoom!important;
  }
  .mobile-menu-btn{
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
    font-size:19px!important;
  }
  .admin-nav .nav-link,.top-actions a,.top-actions button{
    font-family:var(--sk-ui-font)!important;
    font-size:13px!important;
  }
}
@media(max-width:480px){
  .customer-header.modern-mobile-header .customer-logo{font-size:15px!important;letter-spacing:.03em!important;}
  .customer-header.modern-mobile-header .brand-icon{width:34px!important;height:34px!important;flex-basis:34px!important;}
  .customer-header.modern-mobile-header .customer-menu-btn{width:38px!important;height:38px!important;min-width:38px!important;}
  .customer-header.modern-mobile-header .customer-nav a,
  .customer-header.modern-mobile-header .customer-nav a:not(.cart-pill){font-size:13px!important;min-height:42px!important;padding:9px 11px!important;}
}