/* Trainzy mobile fixes (TZ-27 .. TZ-30).
   Every rule sits inside max-width: 767px, so desktop is unchanged.
   Linked after each page's own CSS from: Views/Login/Home.cshtml, Views/Login/Blog.cshtml,
   Views/Shared/_RegisterPartialLayout.cshtml (Login, Signup, Forgot password) and
   Views/Shared/_LegalLayout.cshtml (Privacy, Terms, Refund). */
@media (max-width: 767px) {

    /* TZ-27 + TZ-28: pricing cards full width, one under another. This also removes the
       300px column minimum that would overflow screens narrower than about 340px. */
    .price-grid { grid-template-columns: 1fr; }

    /* TZ-29: body text at least 16px (homepage module cards were 14.5px). */
    .card p { font-size: 16px; }

    /* TZ-29: inputs at 16px so iPhone does not zoom in on tap (login 14.5px, signup 14px). */
    .form-control { font-size: 16px; }

    /* TZ-29: main buttons at least 44px tall (the signup submit was about 42px). */
    .btn-submit, .demo-login-btn { min-height: 44px; }

    /* TZ-29: footer links easier to tap (homepage footer links were about 35px tall). */
    .f-col a { padding-top: 11px; padding-bottom: 11px; }
    .f-bottom a, .bfoot-in a { display: inline-block; padding-top: 10px; padding-bottom: 10px; }

    /* TZ-30: the homepage back-to-top button sat under the chatbot launcher
       (both are fixed at bottom-right, about 20px). Lift it above the launcher. */
    .to-top { bottom: 92px; }
}