/* MatManager type and surfaces for the pages members see: member portal, course and trial sign-up, waivers, kiosk.
   The academy's accent colour comes from includes/brand.php. Loaded after each page's own styles' fonts. */
:root {
  --mm-navy: #111C2D;
  --mm-font-heading: "Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mm-font-body: "Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pt-ground: #F4F6F9;
  --pt-ink: #111C2D;
  --pt-muted: #5D6B80;
  --pt-line: #E2E8F0;
  --pt-dark: #111C2D;
}
body { font-family: var(--mm-font-body) !important; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .pt-hello h1, .pt-hero h2, .card-title, .modal-title { font-family: var(--mm-font-heading) !important; letter-spacing: -.02em; }
button, input, select, textarea { font-family: inherit; }
.btn-primary { color: var(--gym-on-accent) !important; }

/* Powered-by line */
.gym-powered { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: .78rem; color: #8592A3; padding: 1.25rem 0 .5rem; font-family: var(--mm-font-body); }
.gym-powered a { display: inline-flex; align-items: center; gap: 5px; color: #5D6B80; font-weight: 600; text-decoration: none; }
.gym-powered a:hover { color: var(--gym-accent-text); }
.gym-powered img { width: 14px; height: 14px; }

/* Keep "Powered by" at the bottom of the screen on short pages (phones especially).
   Only pages that end with the powered-by line are affected, so the kiosk's own layout is untouched. */
body:has(> .gym-powered) { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body:has(> .gym-powered) > .gym-powered { margin-top: auto; padding-bottom: calc(1rem + env(safe-area-inset-bottom)); }
.pt-main:has(> .gym-powered) { min-height: 100vh; min-height: 100dvh; }
.pt-main > .gym-powered { margin-top: auto; }

/* Quicksand is light at 400, so text sits at 500 for easier reading */
body { font-weight: 500; }
h1, h2, h3, h4, h5, h6 { letter-spacing: 0 !important; }

/* Privacy notice link beside "Powered by" */
.gym-powered { flex-wrap: wrap; }
.gym-powered a.gym-privacy-link { font-weight: 500; }