/* Wolf Nutrition site additions. Loaded after index-5e3225d6.css on every page.
   When you change this file, bump the ?v= on its <link> tags: .htaccess caches
   CSS for a month. */

/* Hero heading: one <h1>, same look as the old RISE / ABOVE YOURSELF pair */
.home-left-side .hero-rise { display: block; font-size: clamp(1.9rem, 10vw, 10rem); }
.home-left-side .hero-above { display: block; font-size: clamp(.9rem, 4vw, 4rem); }

/* Readable text on phones and tablets. The old minimums went down to 8px.
   From ~1280px wide up the vw value wins, so desktop sizes are unchanged. */
.home-left-side p { font-size: clamp(.75rem, 1.6vw, 1.6rem); }
.home-left-side a { font-size: clamp(.875rem, 1.5vw, 1.5rem); }
[dir] .downloads-now-left,
.downloads-now-right { font-size: clamp(.875rem, 1.1vw, 1.1rem); }
.why-us h2 { font-size: clamp(1.25rem, 2vw, 2rem); }
.why-us p,
.build-app p,
h4 { font-size: clamp(.875rem, 1.1vw, 1.1rem); }
.build-title { font-size: clamp(1.05rem, 1.5vw, 1.5rem); }
.explore-us h3 { font-size: clamp(1.25rem, 2.5vw, 2.5rem); }
.contactUs p,
.contactUs a { font-size: clamp(.8rem, 1.1vw, 1.1rem); }

/* About + FAQ (plain text so search engines and AI answers can quote it) */
.faq { padding: clamp(2rem, 5vw, 5rem) clamp(1rem, 6vw, 8rem); }
.faq-intro { max-width: 60rem; margin: 0 auto clamp(2rem, 4vw, 4rem); text-align: center; }
.faq h2 { font-weight: 700; font-size: clamp(1.25rem, 2vw, 2rem); margin-bottom: .75rem; }
.faq p { color: #707070; font-size: clamp(.95rem, 1.1vw, 1.1rem); line-height: 1.7; }
.faq-title { text-align: center; }
.faq-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: clamp(1rem, 2vw, 2rem);
  max-width: 75rem;
  margin: 1.5rem auto 0;
}
.faq-item { background: #F4F4F4; border-radius: 1.25rem; padding: clamp(1.1rem, 2vw, 1.75rem); }
.faq-item h3 { font-weight: 600; font-size: clamp(1rem, 1.25vw, 1.25rem); margin-bottom: .5rem; }
.faq a { color: #3B6AA9; text-decoration: underline; }

/* Language switch in the nav */
.lang-switch { font-weight: 600; }

/* Arabic pages: Poppins and Alfa Slab One have no Arabic letters */
html[lang="ar"] body { font-family: Tajawal, Poppins, sans-serif; }
html[lang="ar"] .alfa { font-family: Tajawal, sans-serif; font-weight: 900; line-height: 1.25; }
html[lang="ar"] .home-left-side .hero-above { font-size: clamp(1.4rem, 6.5vw, 6.5rem); }
html[lang="ar"] .faq p,
html[lang="ar"] .legal-body { line-height: 1.9; }

/* Terms and Privacy pages */
.legal-nav { display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem); font-size: 1.05rem; }
.legal-nav a:hover { color: #416BA9; }
.legal {
  max-width: 52rem;
  margin: 0 auto;
  padding: clamp(6.5rem, 12vw, 9rem) clamp(1rem, 5vw, 2rem) clamp(3rem, 6vw, 5rem);
}
.legal h1 { font-weight: 700; font-size: clamp(1.6rem, 3vw, 2.5rem); margin-bottom: 1.5rem; }
.legal-body { color: #333; font-size: 1rem; line-height: 1.75; overflow-wrap: anywhere; }
.legal-body p { margin: 0 0 1em; }
.legal-body h2 { font-weight: 700; font-size: 1.2rem; margin: 1.75em 0 .5em; color: #000; }
.legal-body strong,
.legal-body b { color: #000; }
.legal-body ul,
.legal-body ol { margin: 0 0 1em; padding-inline-start: 1.5em; list-style: revert; }
.legal-body a { color: #3B6AA9; text-decoration: underline; }