/* YesSir Services public website — tablet header stabilization, version 915.
   Loaded after the legacy styles so tablet portrait/landscape cannot fall back
   to the crowded desktop navigation. CRM pages do not load this stylesheet. */

@media (min-width:600px) and (max-width:1180px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
  }

  .v6-top-header{
    position:relative!important;
    top:auto!important;
    z-index:95000!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(0,0,0,.08)!important;
  }

  .v6-top-header .wide{
    display:grid!important;
    grid-template-columns:minmax(78px,100px) minmax(0,1fr) minmax(168px,220px)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    width:100%!important;
    max-width:1180px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:10px 64px 10px 14px!important;
    gap:8px 12px!important;
    text-align:left!important;
  }

  .v6-logo{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100px!important;
    margin:0!important;
    padding:0!important;
  }

  .v6-logo img,.logo img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:96px!important;
    max-height:74px!important;
    margin:0!important;
    object-fit:contain!important;
  }

  .v6-tagline{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    border:0!important;
    color:#111!important;
    font-size:clamp(12px,1.65vw,16px)!important;
    line-height:1.2!important;
    text-align:center!important;
  }

  .v6-tagline span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }

  .v6-contact{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:220px!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    text-align:center!important;
  }

  .v6-contact>div{min-width:0!important}
  .v6-phone{
    font-size:clamp(17px,2.25vw,22px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .v6-phone small{font-size:9px!important}
  .v6-contact>div>div:last-child{
    font-size:10px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .v6-contact .btn,.v6-contact .btn.gold{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    padding:9px 8px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }

  .mobile-home-about-contact-links.ys-mobile-main-tabs{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:720px!important;
    min-width:0!important;
    margin:2px auto 0!important;
    padding:0!important;
    gap:8px!important;
    overflow:visible!important;
  }

  .mobile-home-about-contact-links.ys-mobile-main-tabs a,
  .mobile-home-about-contact-links.ys-mobile-main-tabs a:link,
  .mobile-home-about-contact-links.ys-mobile-main-tabs a:visited{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 6px!important;
    border:2px solid #f4c542!important;
    border-radius:9px!important;
    background:#075fbd!important;
    color:#fff!important;
    text-indent:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:none!important;
    font:900 14px/1.15 Arial,sans-serif!important;
  }

  /* The full desktop menu is wider than a tablet. The existing drawer remains available. */
  .v6-nav{display:none!important}
  #ys-working-mobile-menu-button{
    display:block!important;
    position:fixed!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    z-index:1000000!important;
    width:auto!important;
    max-width:118px!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:2px solid #111!important;
    border-radius:10px!important;
    background:#f4c542!important;
    color:#111!important;
    font:800 14px/1.15 Arial,sans-serif!important;
    box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
  }

  #ys-working-mobile-menu-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:999998!important;
    background:rgba(0,0,0,.48)!important;
  }
  #ys-working-mobile-menu-panel{
    position:fixed!important;
    top:0!important;
    right:0!important;
    z-index:999999!important;
    width:min(420px,88vw)!important;
    height:100dvh!important;
    overflow:auto!important;
    padding:18px!important;
    background:#fff!important;
    box-shadow:-8px 0 28px rgba(0,0,0,.35)!important;
  }
  body.ys-menu-open #ys-working-mobile-menu-panel,
  body.ys-menu-open #ys-working-mobile-menu-backdrop{display:block!important}
  body.ys-menu-open{overflow:hidden!important}

  .moving-trust{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .moving-track{
    display:flex!important;
    justify-content:flex-start!important;
    width:max-content!important;
    min-width:100%!important;
    transform:none!important;
    animation:none!important;
    white-space:nowrap!important;
  }
}

@media (min-width:600px) and (max-width:760px){
  .v6-top-header .wide{
    grid-template-columns:82px minmax(0,1fr) 164px!important;
    padding-left:10px!important;
    padding-right:58px!important;
    gap:7px 8px!important;
  }
  .v6-logo{max-width:82px!important}
  .v6-logo img,.logo img{max-width:78px!important;max-height:64px!important}
  .v6-tagline{font-size:11px!important}
  .v6-phone{font-size:16px!important}
  .v6-contact{max-width:164px!important}
  .v6-contact .btn,.v6-contact .btn.gold{font-size:11px!important;padding:8px 5px!important}
}

@media (min-width:1181px){
  .mobile-home-about-contact-links.ys-mobile-main-tabs,
  #ys-working-mobile-menu-button,
  #ys-working-mobile-menu-panel,
  #ys-working-mobile-menu-backdrop{display:none!important}
}