/*
Theme Name: MyGrowth Website
Theme URI: https://mygrowth.legato.co.za
Author: MyGrowth
Description: Landing site theme for MyGrowth — coaching for everyone. Built on the Enneafai platform core. Full-viewport hero, audience toggle, mobile menu, booking and contact widgets, SEO head tags and JSON-LD built in.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: mygrowth
Tags: landing-page, one-column, custom-colors, responsive
*/

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; background: #F4F1EB; color: #2C2825; font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
  a { color: #5c715c; text-decoration: none; }
  a:hover { color: #45553f; }
  ::selection { background: rgba(139,158,139,0.28); }
  @keyframes riseIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
  @keyframes imgIn { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: scale(1); } }
  [data-hero-line], [data-hero-img] { will-change: opacity, transform; }
  [data-reveal] { opacity: 0; transform: translateY(20px); transition: opacity 700ms cubic-bezier(.22,.7,.2,1), transform 700ms cubic-bezier(.22,.7,.2,1); }
  [data-reveal][data-shown] { opacity: 1; transform: none; }
  [data-card] { transition: transform 400ms cubic-bezier(.22,.7,.2,1), box-shadow 400ms ease; }
  [data-card]:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(44,40,37,0.1), 0 8px 10px -6px rgba(44,40,37,0.04); }
  [data-nav] { transition: background 300ms ease, color 300ms ease, border-color 300ms ease; }
  [data-skip]:focus { left: 0 !important; outline: 2px solid #5c715c; outline-offset: 2px; }
  [data-path] { display: none; }
  [data-path][data-active] { display: block; animation: riseIn 480ms cubic-bezier(.22,.7,.2,1); }
  [data-aud-btn] { transition: background 240ms ease, color 240ms ease; }
  [data-menu-btn] { display: none; }
  [data-menu] { position: fixed; inset: 56px 0 auto; z-index: 29; background: rgba(244,241,235,0.97); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid #E2DDD6; padding: 12px 20px 24px; display: none; flex-direction: column; }
  [data-menu][data-open] { display: flex; }
  [data-menu] a { display: flex; align-items: center; min-height: 52px; font-size: 17px; font-weight: 500; color: #2C2825; border-bottom: 1px solid #EDE9E3; }
  [data-menu] a:last-child { border-bottom: 0; }
  @media (max-width: 860px) {
    [data-nav-links] { display: none !important; }
    [data-menu-btn] { display: inline-flex !important; }
    [data-row] { grid-template-columns: 1fr !important; }
    [data-row-flip] > figure { order: -1; }
  }
  @media (min-width: 861px) { [data-menu] { display: none !important; } }
  @media (max-width: 860px), (pointer: coarse) {
    [data-nav] a[data-login] { height: 44px !important; padding: 0 20px !important; }
    [data-day], [data-slot] { height: 44px !important; }
    [data-footer-links] a { min-height: 44px; }
  }
  @media (max-width: 560px) {
    [data-stat-grid] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    [data-module-grid] { grid-template-columns: 1fr !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
    [data-hero-line], [data-hero-img], [data-path][data-active] { animation: none !important; opacity: 1 !important; transform: none !important; }
  }