/*
Theme Name: QVG Capital
Theme URI: https://github.com/yourusername/QVG-Capital
Author: Your Name
Author URI: https://yourwebsite.com
Description: A modern WordPress theme for QVG Capital with Ophiram-inspired animations and design
Version: 2.0.0
Requires at least: 5.0
Tested up to: 6.4
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: qvg-capital
Tags: custom, business, finance, investment, modern, animated

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

QVG Capital Theme - Modern Redesign with Ophiram-inspired animations
All modular CSS files are enqueued via functions.php for optimal performance
*/

/* ==========================================================================
   NOTE: Modular CSS Architecture
   ==========================================================================

   This theme uses a modular CSS architecture with the following files:
   - css/variables.css    - CSS custom properties and design tokens
   - css/base.css         - Reset and base element styles
   - css/typography.css   - Font and text styles
   - css/components.css   - Reusable UI components (buttons, cards, forms, etc.)
   - css/layout.css       - Layout structures (grid, flexbox, sections)
   - css/animations.css   - Animation definitions and utilities
   - css/responsive.css   - Media queries and responsive adjustments

   All CSS files are properly enqueued in functions.php with correct dependencies.
   This file (style.css) is loaded last to allow for custom overrides if needed.

   ========================================================================== */

/* ==========================================================================
   Custom Theme Overrides & Additional Styles
   ========================================================================== */

/* Newsletter Section Specific Styles */
.newsletter-section {
    background-color: var(--color-background-alt, #f8f9fa);
    padding: var(--spacing-xl, 4rem) 0;
}

.newsletter-content {
    max-width: 800px;
    margin: 0 auto;
}

.newsletter-header {
    margin-bottom: var(--spacing-lg, 3rem);
}

.newsletter-title {
    font-family: var(--font-body);
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--spacing-sm, 1rem);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    line-height: 1.1;
}

.newsletter-description {
    color: var(--color-text-muted, #666666);
    font-size: var(--font-size-lg, 1.25rem);
}

.newsletter-message {
    margin-top: var(--spacing-md, 2rem);
    padding: var(--spacing-md, 2rem);
    border-radius: var(--radius-md, 8px);
    text-align: center;
}

.newsletter-message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.newsletter-message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* WordPress-specific adjustments */
.wp-block-image img {
    border-radius: var(--radius-md, 8px);
}

.wp-block-quote {
    border-left: 4px solid var(--color-accent, #6BBBAE);
}

/* Accessibility improvements */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background-color: var(--color-accent, #6BBBAE);
    color: var(--color-text-light, #ffffff);
    padding: 8px 16px;
    text-decoration: none;
    z-index: 999;
}

.skip-link:focus {
    top: 0;
}

/* Print-specific overrides */
@media print {
    .fund-ticker,
    .mobile-menu-toggle,
    .header-actions,
    .footer-social,
    .newsletter-section {
        display: none !important;
    }
}