/*
Theme Name:        FitHarvest
Theme URI:         https://fitharvest.com
Author:            FitHarvest Team
Author URI:        https://fitharvest.com
Description:       A modern, dark fitness platform WordPress theme with AI-personalization design. Fully responsive and Elementor-compatible. Features include custom navigation, hero sections, program cards, pricing tables, and testimonials. Built for gym, fitness, and wellness brands.
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
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       fitharvest
Tags:              fitness, dark, elementor, responsive, one-page, custom-menu, custom-logo, full-width-template, threaded-comments, translation-ready
*/

/* =============================================
   CSS CUSTOM PROPERTIES — FitHarvest Design System
   ============================================= */
:root {
  --fh-bg:          #0a0a0a;
  --fh-bg2:         #0f0f0f;
  --fh-surface:     #141414;
  --fh-surface2:    #1a1a1a;
  --fh-accent:      #ff6b00;
  --fh-accent2:     #ff9140;
  --fh-accent3:     #ffb370;
  --fh-accent-dim:  rgba(255, 107, 0, 0.10);
  --fh-silver:      #c8cdd4;
  --fh-silver-dim:  rgba(200, 205, 212, 0.08);
  --fh-text:        #f0f0f0;
  --fh-muted:       #6b6b6b;
  --fh-border:      rgba(255, 255, 255, 0.07);
  --fh-font-display:'Syne', sans-serif;
  --fh-font-body:   'DM Sans', sans-serif;
  --fh-radius:      8px;
  --fh-radius-lg:   16px;
  --fh-transition:  0.2s ease;
  --fh-shadow:      0 40px 80px rgba(0, 0, 0, 0.6);
}

/* =============================================
   RESET & BASE
   ============================================= */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background: var(--fh-bg);
  color: var(--fh-text);
  font-family: var(--fh-font-body);
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Noise texture overlay */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
  opacity: 0.35;
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--fh-accent);
  text-decoration: none;
  transition: color var(--fh-transition);
}

a:hover {
  color: var(--fh-accent2);
}

ul, ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fh-font-display);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--fh-text);
}

p {
  color: var(--fh-muted);
  line-height: 1.75;
}

/* =============================================
   WORDPRESS CORE STYLES
   ============================================= */
.alignleft   { float: left; margin-right: 1.5rem; margin-bottom: 1rem; }
.alignright  { float: right; margin-left: 1.5rem; margin-bottom: 1rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1rem; }
.alignwide   { width: 100%; }
.alignfull   { width: 100vw; margin-left: calc(50% - 50vw); }

.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.8rem; color: var(--fh-muted); text-align: center; margin-top: 0.5rem; }

.sticky { position: relative; }
.bypostauthor { border-left: 3px solid var(--fh-accent); padding-left: 1rem; }

/* Screen reader text */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Skip link */
.skip-link {
  background: var(--fh-accent);
  color: #fff;
  font-weight: 700;
  left: 50%;
  padding: 4px 12px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
  z-index: 100000;
  top: 0;
}
.skip-link:focus {
  transform: translateY(0);
}

/* =============================================
   CUSTOM SCROLLBAR
   ============================================= */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--fh-bg); }
::-webkit-scrollbar-thumb { background: rgba(255, 107, 0, 0.3); border-radius: 100px; }
::-webkit-scrollbar-thumb:hover { background: var(--fh-accent); }