/*
 * Public pages density — home, courts, legal, help, tournaments, location. Spacing only.
 *
 * These pages carry their own inline CSS (not ps-skin.css), so each rule is prefixed with `body`
 * to out-rank the single-class rules in those <style> blocks without !important.
 * Measured on the live Demo: page header 56px above its title, footer 64px margin + 48px padding,
 * legal pages 96px above the first line, 46px between home sections, 72px-tall empty states.
 * Brought to a 24-32px rhythm. Colours, type and layout are untouched.
 * Loaded by partials/public-layout-start.php, home.php, home-modern.php and the legal pages.
 */

/* Shared public layout (partials/public-layout-start.php) */
body .container { padding-left: 1.25rem; padding-right: 1.25rem; }
body .page-header { padding: 2rem 0 1.25rem; }
body .page-header h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); margin-bottom: .5rem; }
body .page-header p.subtitle { margin-bottom: 1rem; }
body .public-footer { margin-top: 2rem; padding: 2rem 0 1.25rem; }

/* Legal pages: the first line sat 96px down (a fixed nav is ~64px of that). */
body .legal-content { padding: 4.5rem 0 2rem; }
body .legal-updated { margin-bottom: 1.5rem; }
body .legal-section h2 { margin: 1.25rem 0 .5rem; padding-top: .75rem; }

/* Cards and empty states */
body .info-card { padding: 1.25rem; }
body .info-card + .info-card { margin-top: 1rem; }
body .tv-empty { padding: 2rem 1.25rem; }
body .step { padding: 1.25rem; }
body .tab-placeholder { padding: 2rem 1rem; }

/* Modern home (home-modern.php) */
body .hero { padding-top: 36px; padding-bottom: 14px; }
body .section { padding-top: 32px; padding-bottom: 32px; }
body .section--about { padding-top: 8px; padding-bottom: 28px; }
body .booknow { padding: clamp(20px, 4vw, 32px); gap: 20px; }
body .footer { margin-top: 20px; padding-top: 32px; padding-bottom: 28px; }
@media (max-width: 640px) {
  body .hero { padding-top: 24px; padding-bottom: 8px; }
  body .section { padding-top: 24px; padding-bottom: 24px; }
}

/* Classic home (home.php) */
body .features-strip { padding: 2rem 0; }
body .map-section { padding: 2rem 0; }
body .site-footer { padding-top: 2rem; margin-top: 1.5rem; }
body .court-grid, body .session-grid, body .coach-grid { padding-top: 1.5rem; padding-bottom: 1.5rem; }