/* HorecaHire mobile/PWA shell v4 — predictable navigation, no sticky header. */
@media(max-width:720px){
 html{scroll-padding-top:12px}
 body.hh-app .hh-app-header,
 body.hh-app .hh-app-header.hh-header-sticky{
   position:relative!important;top:auto!important;left:auto!important;right:auto!important;
   height:62px;z-index:80;background:#fff;
 }
 body.hh-app.admin-bar .hh-app-header{top:auto!important}
 body.hh-app .hh-topbar{gap:10px;min-width:0}
 body.hh-app .hh-brand{min-width:0}
 body.hh-app .hh-brand-wordmark{max-width:145px;max-height:35px;object-fit:contain}
 body.hh-app .hh-top-actions{flex-shrink:0;gap:5px}
 body.hh-app .hh-menu-button{width:43px;height:43px;display:grid;place-items:center}
 body.hh-app .hh-app-drawer{top:100%;max-height:min(74dvh,550px);overflow-y:auto}
 body.hh-app .hh-tabbar.hh-mobile-primary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
   height:calc(64px + env(safe-area-inset-bottom));padding:5px 3px env(safe-area-inset-bottom);
   background:#fff;border-top:1px solid #e2e9ed;box-shadow:0 -5px 18px #1424370a;z-index:90}
 body.hh-app .hh-tabbar.hh-mobile-primary a{gap:4px;min-width:0;min-height:50px;
   padding:3px 1px;text-align:center;color:#617383;font-size:10px;line-height:1.14;
   font-weight:580;text-decoration:none;white-space:normal}
 body.hh-app .hh-tabbar.hh-mobile-primary a .hh-icon{height:22px;width:22px;stroke-width:1.9}
 body.hh-app .hh-tabbar.hh-mobile-primary a[aria-current="page"]{
   color:#0a5861;font-weight:760}
 body.hh-app .hh-tabbar.hh-mobile-primary a[aria-current="page"] .hh-icon{stroke-width:2.45}
 body.hh-app .hh-tabbar.hh-mobile-primary a:focus-visible{outline:2px solid #18767b;outline-offset:-3px;border-radius:8px}
 body.hh-app{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
 body.hh-app .hh-app-intro{padding-top:27px;padding-bottom:18px}
 body.hh-app .hh-app-intro h1{font-size:clamp(27px,6.7vw,35px);line-height:1.16;letter-spacing:-.043em;font-weight:780;max-width:14em}
 body.hh-app .hh-app-search{margin-top:18px}
 body.hh-app .hh-app-browse{padding:17px 0 16px}
 body.hh-app .hh-app-section-head{margin-bottom:14px}
 body.hh-app .hh-app-latest{padding-top:22px}
 body.hh-app .hh-app-latest .hh-job-card{margin-bottom:12px}
 body.hh-app .hh-app-department-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 body.hh-app .hh-app-department{min-height:85px;gap:7px;font-size:10px}
 body.hh-app .hh-app-department-icon{width:49px;height:48px}
 body.hh-app .hh-app-department>span:last-child{line-height:1.26}
 body.hh-app .hh-app-all-jobs{margin-top:14px}
 body.hh-app .hh-app-bottom-action{margin-top:13px}
 body.hh-app .hh-job-mobile-apply{bottom:calc(64px + env(safe-area-inset-bottom))!important}
 body.hh-app .hh-app-footer{padding-bottom:10px}
}
@media(max-width:374px){
 body.hh-app .hh-tabbar.hh-mobile-primary a{font-size:9px}
 body.hh-app .hh-brand-wordmark{max-width:120px}
}
@media(min-width:721px){
 body.hh-app .hh-tabbar.hh-mobile-primary{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 body.hh-app .hh-tabbar.hh-mobile-primary *,body.hh-app .hh-app-header *{transition:none!important}
}