/* Staff login phone — under 768px only. Desktop unchanged.
   Linked only from pages/staff-login.html */

@media (max-width: 767.98px) {
  /* 1. Hide public header / nav */
  body.hc-page-staff-login > nav.navbar,
  body.hc-page-staff-login nav.navbar-hc {
    display: none !important;
  }
  body.hc-page-staff-login .page-header.staff-page-header,
  body.hc-page-staff-login header.staff-page-header {
    display: none !important;
  }

  /* 2. Hide footer + sticky Call / Book Now / Your Booking */
  body.hc-page-staff-login footer.site-footer {
    display: none !important;
  }
  body.hc-page-staff-login .sticky-book-bar {
    display: none !important;
  }

  /* 3. Hide hiring card */
  body.hc-page-staff-login .staff-join-panel,
  body.hc-page-staff-login aside.staff-join-panel,
  body.hc-page-staff-login .staff-cards-row > .col-lg-5.col-md-6:has(.staff-join-panel) {
    display: none !important;
  }
  /* Fallback if :has unsupported — hide second column that holds hiring */
  body.hc-page-staff-login .staff-cards-row > .col-lg-5.col-md-6:nth-child(2) {
    display: none !important;
  }

  /* 4. Hide yard / scenic video backgrounds */
  body.hc-page-staff-login .staff-signin-media,
  body.hc-page-staff-login .staff-signin-backdrop,
  body.hc-page-staff-login .staff-signin-backdrop-scrim,
  body.hc-page-staff-login video.sidebar-scenic-video,
  body.hc-page-staff-login .sidebar-scenic-video {
    display: none !important;
  }

  /* 5. One card full width: Username, Password, Sign in — big type, tall thumb */
  body.hc-page-staff-login .staff-signin-stage {
    min-height: 100vh;
    padding: 1rem 0 2rem;
    background: #f4f6f8;
  }
  body.hc-page-staff-login .staff-cards-row {
    margin: 0 !important;
  }
  body.hc-page-staff-login .staff-cards-row > .col-lg-5.col-md-6:first-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  body.hc-page-staff-login .staff-signin-card {
    width: 100%;
    padding: 1.25rem 1.1rem;
    border-radius: 14px;
  }
  body.hc-page-staff-login .staff-signin-card h2 {
    font-size: 1.5rem;
    font-weight: 800;
  }
  body.hc-page-staff-login #staffLoginForm .form-label {
    font-size: 1.1rem;
    font-weight: 700;
  }
  body.hc-page-staff-login #sEmail,
  body.hc-page-staff-login #sPass {
    min-height: 52px;
    font-size: 1.15rem;
  }
  body.hc-page-staff-login .staff-signin-submit,
  body.hc-page-staff-login #staffLoginForm button[type="submit"] {
    width: 100%;
    min-height: 56px;
    font-size: 1.2rem;
    font-weight: 800;
  }

  /* 6. Never side-by-side sign-in + hiring (hiring already hidden) */
  body.hc-page-staff-login .staff-cards-row {
    display: block !important;
  }

  /* Reduce bottom padding that sticky bar normally needs */
  body.hc-page-staff-login {
    padding-bottom: 0 !important;
  }
  body.hc-page-staff-login .main-wrapper {
    padding-bottom: 0 !important;
  }
}