/*
Theme Name: Green Ride Theme
Theme URI: 
Author: AI
Author URI: 
Description: A simple custom WordPress theme for GREEN RIDE.
Version: 1.0
Text Domain: greenride
*/

/* Base styles */
html {
    scroll-behavior: smooth;
    background-color: #0A0A0A;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

::selection {
    background: #00FF66;
    color: #0A0A0A;
}

/* Hero Background Image */
.hero-bg {
    background-image: url('assets/hero.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.05);
    will-change: transform;
}

/* Subtle Technical Grid for Hero */
.hero-grid {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    background-position: center center;
}

/* Header Glassmorphism Scrolled State */
.header-scrolled {
    background: rgba(10, 10, 10, 0.98);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* Responsive AOS: Disable left/right on mobile and use fade-up instead */
@media (max-width: 1024px) {
    [data-aos="fade-left"],
    [data-aos="fade-right"] {
        transform: translate3d(0, 60px, 0) !important;
    }
}

/* Custom content styles for page.php */
.prose h1, .prose h2, .prose h3 { color: #fff; margin-bottom: 1rem; margin-top: 2rem; font-weight: bold; }
.prose h1 { font-size: 2.25rem; }
.prose h2 { font-size: 1.5rem; }
.prose p { margin-bottom: 1rem; line-height: 1.6; color: #9ca3af; }
.prose a { color: #00FF66; text-decoration: underline; }
.prose ul { list-style: disc; margin-left: 1.5rem; margin-bottom: 1rem; color: #9ca3af; }
.prose ol { list-style: decimal; margin-left: 1.5rem; margin-bottom: 1rem; color: #9ca3af; }