/*
 * Eden Film Co - Premium Branding Styles
 * Transforms site from basic videographer to premium production studio
 * Version: 1.0
 */

/* GLOBAL PREMIUM STYLING */
:root {
    --eden-black: #0a0a0a;
    --eden-dark-gray: #1a1a1a;
    --eden-light-gray: #e0e0e0;
    --eden-white: #ffffff;
    --eden-accent: #333333;
}

/* Body and Typography */
body {
    background-color: var(--eden-black) !important;
    color: var(--eden-light-gray) !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    line-height: 1.6 !important;
}

/* Premium Headers */
h1, h2, h3, h4, h5, h6 {
    color: var(--eden-white) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 300 !important;
    margin-bottom: 30px !important;
}

h1 {
    font-size: clamp(3rem, 8vw, 6rem) !important;
    line-height: 0.9 !important;
    letter-spacing: 3px !important;
}

h2 {
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
}

h3 {
    font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* Navigation Styling */
.main-header-bar, .ast-main-header-bar-alignment {
    background: linear-gradient(135deg, var(--eden-dark-gray) 0%, var(--eden-black) 100%) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid var(--eden-accent) !important;
}

.main-navigation a, .ast-masthead-custom-menu-items a {
    color: var(--eden-light-gray) !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
}

.main-navigation a:hover, .ast-masthead-custom-menu-items a:hover {
    color: var(--eden-white) !important;
}

.site-title, .site-title a {
    color: var(--eden-white) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: bold !important;
}

/* Hero Section Styling */
.elementor-section.elementor-top-section:first-child,
.ast-separate-container .ast-article-post,
.hero-section {
    background: linear-gradient(45deg, var(--eden-black) 0%, var(--eden-dark-gray) 100%) !important;
    padding: 100px 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Premium Buttons */
.elementor-button, .ast-button, .wp-block-button__link, 
.elementor-button-link, .button, .btn {
    background: transparent !important;
    border: 2px solid var(--eden-white) !important;
    color: var(--eden-white) !important;
    padding: 15px 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.elementor-button:hover, .ast-button:hover, .wp-block-button__link:hover,
.elementor-button-link:hover, .button:hover, .btn:hover {
    background: var(--eden-white) !important;
    color: var(--eden-black) !important;
    transform: translateY(-2px) !important;
}

/* Content Sections */
.elementor-section, .ast-separate-container .ast-article-post {
    position: relative !important;
}

.elementor-section:nth-child(even) {
    background: linear-gradient(135deg, #111111 0%, #0f0f0f 100%) !important;
}

/* Text Content */
.elementor-text-editor, .entry-content, .ast-article-post p {
    color: var(--eden-light-gray) !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
}

.elementor-text-editor strong, .entry-content strong {
    color: var(--eden-white) !important;
    font-weight: bold !important;
}

/* Pricing Highlight */
.pricing-highlight, .investment-highlight {
    font-size: 1.5rem !important;
    padding: 20px !important;
    border: 2px solid var(--eden-white) !important;
    text-align: center !important;
    margin: 30px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background: transparent !important;
    color: var(--eden-white) !important;
}

/* Service/Feature Blocks */
.elementor-widget-container, .service-block {
    background: linear-gradient(135deg, var(--eden-dark-gray) 0%, var(--eden-black) 100%) !important;
    padding: 40px !important;
    border-left: 4px solid var(--eden-white) !important;
    margin-bottom: 30px !important;
}

/* Team Member Cards */
.team-member, .elementor-widget-image-box {
    background: linear-gradient(135deg, var(--eden-dark-gray) 0%, var(--eden-black) 100%) !important;
    padding: 40px !important;
    text-align: center !important;
    border: 1px solid var(--eden-accent) !important;
    transition: transform 0.3s ease !important;
}

.team-member:hover, .elementor-widget-image-box:hover {
    transform: translateY(-5px) !important;
    border-color: var(--eden-white) !important;
}

/* Footer */
.site-footer, .ast-footer-overlay {
    background: var(--eden-black) !important;
    color: var(--eden-light-gray) !important;
    border-top: 1px solid var(--eden-accent) !important;
}

/* Contact Forms */
.wpcf7-form input, .wpcf7-form textarea, .elementor-field-group input, .elementor-field-group textarea {
    background: var(--eden-dark-gray) !important;
    border: 1px solid var(--eden-accent) !important;
    color: var(--eden-light-gray) !important;
    padding: 15px !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem !important;
        line-height: 1.1 !important;
    }
    
    h2 {
        font-size: 2rem !important;
    }
    
    .elementor-section.elementor-top-section:first-child {
        padding: 60px 20px !important;
    }
}

/* Hide conflicting Astra styling */
.ast-separate-container .ast-article-post {
    background: transparent !important;
}

.ast-article-post .entry-header {
    background: transparent !important;
}

/* Elementor Overrides */
.elementor-widget-heading .elementor-heading-title {
    color: var(--eden-white) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

/* YouTube Embed Styling */
.elementor-widget-video iframe,
.wp-block-embed iframe {
    border: 4px solid var(--eden-white) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px !important;
}

::-webkit-scrollbar-track {
    background: var(--eden-black) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--eden-accent) !important;
    border-radius: 5px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--eden-white) !important;
}