/* MyJobWale V6.5.1 — Mobile UX + PWA Install Polish */
:root{--mjw-install-safe:env(safe-area-inset-bottom,0px)}

/* App-like bottom navigation for mobile public experience */
.mjw-app-bottom{display:none}
@media(max-width:760px){
  body.mjw-public-v61{padding-bottom:calc(68px + var(--mjw-install-safe))}
  .mjw-app-bottom{position:fixed;left:8px;right:8px;bottom:calc(8px + var(--mjw-install-safe));z-index:9990;display:grid;grid-template-columns:repeat(5,1fr);height:58px;padding:5px 6px;background:rgba(255,255,255,.96);border:1px solid #DFE7F2;border-radius:17px;box-shadow:0 16px 44px rgba(19,34,56,.18);backdrop-filter:blur(16px)}
  .mjw-app-bottom a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#617086;text-decoration:none;border-radius:11px;font-size:10px;font-weight:760;line-height:1}
  .mjw-app-bottom a span{font-size:18px;line-height:1.05}
  .mjw-app-bottom a.active{background:#EEF4FF;color:#155EEF}
  .mjw-app-bottom a.mjw-app-bottom-primary{color:#155EEF}
  .mjw-app-bottom .mjw-bottom-avatar{width:21px;height:21px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#EEF4FF;color:#155EEF;font-size:9px;font-weight:850}
  .cx-mobile-bottom.cx-public-bottom{display:none!important}
}

/* Non-blocking PWA install prompt — first eligible appearance after 20 seconds */
.mjw-install-prompt{position:fixed;left:50%;bottom:22px;z-index:10020;width:min(470px,calc(100% - 24px));transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.mjw-install-prompt.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.mjw-install-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;background:#fff;border:1px solid #DDE6F2;border-radius:17px;box-shadow:0 18px 55px rgba(19,34,56,.22)}
.mjw-install-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1687F8,#155EEF 65%,#0E4FD6);color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 18px rgba(21,94,239,.22)}
.mjw-install-copy{min-width:0}
.mjw-install-copy strong{display:block;color:#132238;font-size:13px;line-height:1.2;margin-bottom:3px}
.mjw-install-copy small{display:block;color:#68778C;font-size:10px;line-height:1.35}
.mjw-install-actions{display:flex;align-items:center;gap:6px}
.mjw-install-btn{border:0;border-radius:10px;background:#155EEF;color:#fff;padding:9px 11px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}
.mjw-install-close{width:30px;height:30px;border:0;border-radius:9px;background:#F3F6FA;color:#66758A;font-size:16px;cursor:pointer}
.mjw-ios-help{display:none;margin-top:7px;padding:8px 10px;border-radius:10px;background:#F7F9FC;color:#526177;font-size:10px;line-height:1.45}
.mjw-install-prompt.ios-help .mjw-ios-help{display:block;grid-column:1/-1}
@media(max-width:760px){
  .mjw-install-prompt{bottom:calc(76px + var(--mjw-install-safe));width:calc(100% - 18px)}
  .mjw-install-card{grid-template-columns:auto minmax(0,1fr);padding:10px;gap:9px;border-radius:15px}
  .mjw-install-icon{width:38px;height:38px;border-radius:11px;font-size:19px}
  .mjw-install-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}
  .mjw-install-btn{height:38px;font-size:11px}
  .mjw-install-close{height:38px;width:38px}
}

/* tighter mobile hero and cards */
@media(max-width:760px){
  .v64-hero{padding-top:16px!important}
  .v64-hero-copy h1{margin-bottom:7px!important}
  .v64-hero-copy>p{max-width:36ch;margin-bottom:9px!important}
  .v64-search{box-shadow:0 8px 24px rgba(19,34,56,.07)!important}
  .v64-city-strip{padding-top:7px!important}
  .v64-section{padding:19px 0!important}
  .v64-trust{overflow:hidden}
  .v64-trust>.v61-shell{display:flex;overflow:auto;scrollbar-width:none;white-space:nowrap}
  .v64-trust>.v61-shell::-webkit-scrollbar{display:none}
  .v61-footer{padding-bottom:75px}
}