/* MyJobWale V6.5.3 — Responsive Overflow Safety Patch */
html,body{max-width:100%;overflow-x:hidden}
.mjw-public-v61,.v64-main,.v64-hero,.v64-hero-grid,.v64-hero-copy,.v64-side-card,.v64-search,.v64-search-field,.v64-trust,.v64-section,.v61-shell{min-width:0;max-width:100%}
.v64-hero-grid>*{min-width:0}
.v64-search input{min-width:0;max-width:100%;width:100%}
.v64-city-strip{max-width:100%;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.v64-city-strip::-webkit-scrollbar{display:none}
.v64-city-strip a{flex:0 0 auto;white-space:nowrap}
.v64-trust>.v61-shell{max-width:100%;min-width:0}
.v64-side-card{width:100%;box-sizing:border-box;overflow:hidden}

/* Tablet + narrow browser windows: never keep the desktop right rail beside hero */
@media(max-width:1024px){
  .v64-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .v64-search{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}
  .v64-search-btn,.v64-near-btn{width:100%}
  .v64-side-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr)!important;gap:12px 16px!important;max-width:100%!important;margin:0!important}
  .v64-side-card .v64-flow{grid-column:1;min-width:0}
  .v64-side-card .v64-alert-btn,.v64-side-card>small{grid-column:2;min-width:0}
}

/* Phones: all hero controls and live hiring card become one column */
@media(max-width:760px){
  .v61-shell{width:calc(100% - 20px)!important;max-width:100%!important}
  .v64-hero{padding:15px 0 11px!important}
  .v64-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
  .v64-hero-copy{width:100%!important;min-width:0!important}
  .v64-hero-copy h1{font-size:clamp(28px,9vw,36px)!important;line-height:1.04!important;letter-spacing:-1.1px!important;overflow-wrap:anywhere}
  .v64-hero-copy>p{font-size:12.5px!important;line-height:1.45!important;max-width:38ch}
  .v64-search{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:6px!important}
  .v64-search-field,.v64-search-btn,.v64-near-btn{width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important}
  .v64-city-strip{width:calc(100% + 10px)!important;max-width:calc(100% + 10px)!important;margin-right:-10px!important;padding:8px 10px 2px 0!important;gap:6px!important}
  .v64-hero-mini-actions{grid-template-columns:1fr 1fr!important}
  .v64-hero-mini-actions a:last-child{grid-column:1/-1!important}
  .v64-side-card{display:block!important;width:100%!important;max-width:100%!important;padding:14px!important;border-radius:15px!important;margin-top:2px!important}
  .v64-side-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
  .v64-side-top strong{font-size:14px!important;line-height:1.25!important}
  .v64-flow{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:4px 8px!important;margin:10px 0!important;width:100%!important}
  .v64-flow i{display:none!important}
  .v64-flow b{font-size:10px!important;min-width:0!important}
  .v64-flow span{width:22px!important;height:22px!important;font-size:10px!important}
  .v64-alert-btn{display:flex!important;width:100%!important;max-width:100%!important;min-height:40px!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
  .v64-side-card>small{display:block!important;text-align:center!important;font-size:9px!important;margin-top:6px!important}
  .v64-trust{overflow:hidden!important}
  .v64-trust>.v61-shell{display:flex!important;width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;gap:0!important;padding:0 10px!important;scrollbar-width:none}
  .v64-trust>.v61-shell::-webkit-scrollbar{display:none}
  .v64-trust span{flex:0 0 auto!important;padding:7px 12px!important;font-size:9px!important}
}

@media(max-width:380px){
  .v64-hero-mini-actions{grid-template-columns:1fr!important}
  .v64-hero-mini-actions a:last-child{grid-column:auto!important}
  .v64-side-card{padding:12px!important}
}
