/*
Theme Name: Maximum Effort Fitness
Theme URI: https://maxeffortlifestyle.com
Author: Maximum Effort Fitness
Author URI: https://maxeffortlifestyle.com
Description: One-page brochure theme for Maximum Effort Fitness (Maximillian Pfude) - online coaching, in-person training, and tactical performance training in San Antonio & New Braunfels, TX. Built on Bootstrap 5.
Version: 2.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maximum-effort-fitness
*/

/*
  This theme now loads Bootstrap 5 (enqueued in functions.php) ahead of this
  stylesheet. Bootstrap supplies the grid system (.container/.row/.col-*),
  the navbar + collapse component, and form control base styles. Everything
  below layers the brand's navy/teal look on top of those Bootstrap
  primitives instead of re-implementing layout from scratch.
*/

:root{
    --navy-dark:#0a1526;
    --navy:#0c1933;
    --navy-mid:#13293f;
    --navy-card:#152c45;
    --navy-border:#20415a;
    --teal:#1a9690;
    --teal-bright:#22c9b8;
    --off-white:#f0faff;
    --muted:#a9c3d0;
    --white:#ffffff;
    --max-w:1180px;

    /* Re-point Bootstrap's own variables at the brand palette so any
       untouched Bootstrap component (badges, alerts, etc.) still feels
       on-brand without extra overrides. */
    --bs-body-bg:var(--navy);
    --bs-body-color:var(--off-white);
    --bs-border-color:var(--navy-border);
    --bs-link-color:var(--teal-bright);
    --bs-link-hover-color:var(--teal-bright);
    --bs-primary:var(--teal-bright);
    --bs-primary-rgb:34,201,184;
  }
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
    letter-spacing:0.03em;
    line-height:1.05;
    margin:0 0 0.4em;
    color:var(--white);
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;}
  .eyebrow{
    display:inline-block;
    font-family:'Inter',sans-serif;
    font-weight:700;
    letter-spacing:0.18em;
    text-transform:uppercase;
    font-size:0.75rem;
    color:var(--teal-bright);
    margin-bottom:14px;
  }

  /* BUTTONS -- layered on top of Bootstrap's .btn base (focus ring,
     disabled state, transition primitives) with brand colors/shape. */
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 28px;
    border-radius:6px;
    font-weight:700;
    font-size:0.95rem;
    letter-spacing:0.03em;
    border:2px solid transparent;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{
    background:linear-gradient(135deg,var(--teal-bright),var(--teal));
    border-color:transparent;
    color:#04211d;
    box-shadow:0 8px 24px -8px rgba(34,201,184,0.55);
  }
  .btn-primary:hover,.btn-primary:focus{
    background:linear-gradient(135deg,var(--teal-bright),var(--teal));
    border-color:transparent;
    color:#04211d;
    box-shadow:0 12px 28px -8px rgba(34,201,184,0.75);
  }
  .btn-ghost{
    background:transparent;
    border-color:var(--navy-border);
    color:var(--off-white);
  }
  .btn-ghost:hover,.btn-ghost:focus{
    background:transparent;
    border-color:var(--teal-bright);
    color:var(--teal-bright);
  }
  .btn-block{width:100%;}

  /* NAV -- Bootstrap navbar + collapse handles the layout/breakpoint/
     toggle behavior; this just themes it. */
  .navbar.site-nav{
    position:sticky;top:0;z-index:100;
    background:rgba(10,21,38,0.88);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--navy-border);
    padding-top:12px;padding-bottom:12px;
  }
  .site-nav .brand img{height:46px;width:auto;}
  .site-nav .brand-text{font-family:'Bebas Neue',sans-serif;font-size:1.15rem;letter-spacing:0.05em;color:var(--white);line-height:1.1;}
  .site-nav .brand-text span{display:block;font-family:'Inter',sans-serif;font-size:0.62rem;letter-spacing:0.22em;color:var(--teal-bright);font-weight:700;margin-top:2px;}
  .site-nav .nav-link{font-size:0.88rem;font-weight:600;color:var(--muted);transition:color .15s ease;}
  .site-nav .nav-link:hover,.site-nav .nav-link:focus{color:var(--teal-bright);}
  .site-nav .navbar-toggler{border-color:var(--navy-border);}
  .site-nav .navbar-toggler:focus{box-shadow:0 0 0 0.2rem rgba(34,201,184,0.35);}

  @media (max-width:991.98px){
    .site-nav .navbar-collapse{
      background:var(--navy-dark);
      border-top:1px solid var(--navy-border);
      padding:22px 4px;
      margin-top:12px;
    }
    .site-nav .nav-link{font-size:1.05rem;padding-top:8px;padding-bottom:8px;}
  }

  /* HERO */
  .hero{
    position:relative;
    padding:110px 0 100px;
    overflow:hidden;
    background:
      radial-gradient(ellipse 900px 500px at 82% -10%, rgba(26,150,144,0.28), transparent 60%),
      radial-gradient(ellipse 700px 500px at 10% 110%, rgba(26,150,144,0.16), transparent 55%),
      linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);
    border-bottom:1px solid var(--navy-border);
  }
  .hero::before{
    content:"";
    position:absolute;inset:0;
    background-image:repeating-linear-gradient(115deg, rgba(255,255,255,0.035) 0px, rgba(255,255,255,0.035) 1px, transparent 1px, transparent 64px);
    pointer-events:none;
  }
  .hero .container{position:relative;}
  .hero h1{font-size:clamp(2.6rem,6vw,4.3rem);}
  .hero h1 .accent{color:var(--teal-bright);}
  .hero p.lead{font-size:1.15rem;color:var(--muted);max-width:520px;margin:18px 0 34px;}
  .hero-badge{font-size:0.8rem;color:var(--muted);display:flex;align-items:center;gap:8px;font-weight:600;}
  .hero-badge b{color:var(--white);font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:0.02em;}
  .hero-art{
    display:flex;align-items:center;justify-content:center;position:relative;
  }
  .hero-art .glow{
    position:absolute;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle, rgba(34,201,184,0.28), transparent 70%);
    filter:blur(10px);
  }
  .hero-art img{position:relative;width:100%;max-width:400px;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.5));}

  @media (max-width:991.98px){
    .hero{text-align:center;}
    .hero p.lead{margin-left:auto;margin-right:auto;}
    .hero-ctas{justify-content:center;}
    .hero-badges{justify-content:center;}
    .hero-art{margin-bottom:12px;}
    .hero-art img{max-width:260px;}
  }

  section{padding:100px 0;}
  .section-head{max-width:640px;margin:0 auto 56px;text-align:center;}
  .section-head h2{font-size:clamp(2rem,4.5vw,2.8rem);}
  .section-head p{color:var(--muted);font-size:1.05rem;margin-top:12px;}

  /* ABOUT */
  .about-photo{
    position:relative;background:var(--navy-mid);border:1px solid var(--navy-border);
    border-radius:16px;padding:40px;display:flex;align-items:center;justify-content:center;
  }
  .about-photo img{max-width:260px;}
  .about-copy .eyebrow{margin-bottom:10px;}
  .about-copy h2{font-size:clamp(1.9rem,4vw,2.5rem);margin-bottom:18px;}
  .about-copy p{color:var(--muted);margin-bottom:16px;font-size:1.02rem;}
  .about-stats{margin-top:32px;}
  .about-stats div{background:var(--navy-mid);border:1px solid var(--navy-border);border-radius:10px;padding:18px 12px;text-align:center;height:100%;}
  .about-stats b{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.9rem;color:var(--teal-bright);}
  .about-stats span{font-size:0.78rem;color:var(--muted);font-weight:600;letter-spacing:0.03em;}

  /* SERVICES */
  .services{background:var(--navy-dark);border-top:1px solid var(--navy-border);border-bottom:1px solid var(--navy-border);}
  .card{
    background:var(--navy-card);border:1px solid var(--navy-border);border-radius:14px;
    padding:36px 30px;display:flex;flex-direction:column;gap:14px;
    transition:transform .2s ease, border-color .2s ease;
  }
  .card:hover{transform:translateY(-6px);border-color:var(--teal);}
  .card.featured{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal), 0 20px 40px -20px rgba(26,150,144,0.5);position:relative;}
  .card.featured::after{
    content:"MOST POPULAR";position:absolute;top:-13px;right:24px;background:var(--teal-bright);
    color:#04211d;font-size:0.65rem;font-weight:800;letter-spacing:0.08em;padding:5px 12px;border-radius:20px;
  }
  .card-icon{
    width:52px;height:52px;border-radius:12px;background:rgba(26,150,144,0.15);
    display:flex;align-items:center;justify-content:center;color:var(--teal-bright);
  }
  .card h3{font-size:1.5rem;}
  .card .price{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--white);}
  .card .price span{font-family:'Inter',sans-serif;font-size:0.95rem;color:var(--muted);font-weight:600;}
  .card p.desc{color:var(--muted);font-size:0.95rem;flex-grow:1;}
  .card ul{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:9px;}
  .card ul li{font-size:0.9rem;color:var(--off-white);display:flex;gap:9px;align-items:flex-start;}
  .card ul li svg{flex:none;margin-top:3px;color:var(--teal-bright);}

  /* PACKAGES */
  .pkg-group{background:var(--navy-mid);border:1px solid var(--navy-border);border-radius:14px;padding:8px;}
  .pkg-group h3{padding:20px 22px 6px;color:var(--teal-bright);font-family:'Inter',sans-serif;font-weight:800;letter-spacing:0.02em;text-transform:uppercase;font-size:0.85rem;}
  .pkg-row{
    display:flex;justify-content:space-between;align-items:center;gap:14px;
    padding:16px 22px;border-top:1px solid var(--navy-border);
  }
  .pkg-row .pname{font-weight:700;color:var(--white);font-size:0.98rem;}
  .pkg-row .pmeta{font-size:0.82rem;color:var(--muted);margin-top:2px;}
  .pkg-row .pprice{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--teal-bright);white-space:nowrap;}

  /* LOCATION */
  .location-card{background:var(--navy-mid);border:1px solid var(--navy-border);border-radius:16px;padding:36px;height:100%;}
  .location-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px;}
  .location-list li{display:flex;gap:14px;align-items:flex-start;}
  .location-list .ic{
    flex:none;width:40px;height:40px;border-radius:10px;background:rgba(26,150,144,0.15);
    display:flex;align-items:center;justify-content:center;color:var(--teal-bright);
  }
  .location-list b{display:block;color:var(--white);font-size:1rem;}
  .location-list span{color:var(--muted);font-size:0.9rem;}
  .location-map{
    height:100%;min-height:280px;border-radius:16px;border:1px solid var(--navy-border);
    background:
      radial-gradient(circle at 30% 30%, rgba(26,150,144,0.25), transparent 55%),
      linear-gradient(135deg, var(--navy-mid), var(--navy-dark));
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:24px;
  }
  .location-map svg{color:var(--teal-bright);width:44px;height:44px;}
  .location-map b{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.03em;}
  .location-map span{color:var(--muted);font-size:0.85rem;max-width:260px;}

  /* CONTACT */
  .contact{background:var(--navy-dark);border-top:1px solid var(--navy-border);}
  .contact-info h2{font-size:clamp(1.9rem,4vw,2.5rem);}
  .contact-info>p{color:var(--muted);margin:14px 0 28px;}
  .contact-list{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:16px;}
  .contact-list li{display:flex;gap:14px;align-items:center;}
  .contact-list .ic{
    flex:none;width:42px;height:42px;border-radius:10px;background:rgba(26,150,144,0.15);
    display:flex;align-items:center;justify-content:center;color:var(--teal-bright);
  }
  .contact-list a,.contact-list span.txt{font-weight:600;color:var(--off-white);}
  .contact-list a:hover{color:var(--teal-bright);}
  .social-row{display:flex;gap:12px;}
  .social-row a{
    width:42px;height:42px;border-radius:10px;border:1px solid var(--navy-border);
    display:flex;align-items:center;justify-content:center;color:var(--muted);
    transition:border-color .15s ease, color .15s ease;
  }
  .social-row a:hover{border-color:var(--teal-bright);color:var(--teal-bright);}

  /* Contact form -- Bootstrap's .form-control/.form-select/.form-label
     supply the base (focus rings, sizing, accessibility); this themes them
     to match the card. */
  .form-card{background:var(--navy-card);border:1px solid var(--navy-border);border-radius:16px;padding:34px;}
  .form-card .form-label{font-size:0.8rem;font-weight:700;color:var(--muted);letter-spacing:0.02em;}
  .form-card .form-control,.form-card .form-select{
    background:var(--navy-dark);border:1px solid var(--navy-border);border-radius:8px;
    padding:12px 14px;color:var(--off-white);font-family:inherit;font-size:0.95rem;
  }
  .form-card .form-control:focus,.form-card .form-select:focus{
    background:var(--navy-dark);color:var(--off-white);
    outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 0.2rem rgba(34,201,184,0.25);
  }
  .form-card textarea.form-control{resize:vertical;min-height:110px;}
  .form-note{font-size:0.78rem;color:var(--muted);margin-top:14px;}

  /* FOOTER */
  footer{padding:44px 0 30px;border-top:1px solid var(--navy-border);}
  .footer-brand img{height:34px;}
  .footer-brand span{font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:0.04em;color:var(--white);}
  footer .copy{font-size:0.8rem;color:var(--muted);}
  footer .foot-links{font-size:0.85rem;color:var(--muted);}
  footer .foot-links a:hover{color:var(--teal-bright);}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}