/*
Theme Name: Winvest.com AI
Theme URI: https://winvest.ai
Author: Winvest AI Team
Author URI: https://winvest.ai
Description: Commercial-grade, luxury AI-powered Bitcoin Investment WordPress theme. Features glassmorphism UI, real-time profit calculator, withdrawal proof popups, AI assistant chatbot, live Bitcoin price ticker, customizer options, and schema markup.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: winvest-ai
Tags: custom-colors, custom-logo, custom-menu, featured-images, theme-options, translation-ready, luxury-fintech, bitcoin, ai-investing

--------------------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------------
1. CSS Reset & Box Sizing
2. CSS Variables & Theme Tokens
3. Typography & Google Fonts
4. Glassmorphism & Micro-interactions
5. Layout & Container Utilities
6. Core Buttons & Elements
7. Navigation & Header
8. Hero & Particle Background
9. Investment Calculator & Widgets
10. Conversion Popups & Floating Badges
11. Footer & Mobile CTA Bar
12. WordPress Alignment & Core Classes
-------------------------------------------------------------- */

:root {
  --color-primary: #081225;
  --color-secondary: #0F3DFF;
  --color-accent: #00D4FF;
  --color-cta: #FF7A00;
  --color-success: #14B86A;
  --color-bg: #F5F9FC;
  --color-card-bg: rgba(255, 255, 255, 0.85);
  --color-text: #0A0A0A;
  --color-text-muted: #52525B;
  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', 'Manrope', -apple-system, sans-serif;
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-shadow: 0 20px 40px -15px rgba(8, 18, 37, 0.08);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
}

[data-theme="dark"] {
  --color-bg: #040914;
  --color-card-bg: rgba(15, 23, 42, 0.75);
  --color-text: #F8FAFC;
  --color-text-muted: #94A3B8;
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Glassmorphism */
.glass-panel {
  background: var(--color-card-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--radius-md);
}

.glass-card-hover {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -12px rgba(15, 61, 255, 0.15);
  border-color: rgba(0, 212, 255, 0.4);
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.15;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.text-gradient {
  background: linear-gradient(135deg, #0F3DFF 0%, #00D4FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-orange {
  background: linear-gradient(135deg, #FF7A00 0%, #FFB800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Scroll Progress Bar */
#winvest-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-secondary), var(--color-accent), var(--color-cta));
  z-index: 9999;
  width: 0%;
  transition: width 0.1s ease-out;
}

/* WordPress Standard Classes */
.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.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 !important;
  width: 1px;
  word-wrap: normal !important;
}