/* ============================================================
   ELKHODARY MEDIA - MAIN STYLESHEET (OPTIMIZED)
   Version: 11.0 (Modular Architecture)
   Developer: Hady Salah
   
   📁 Structure:
   - Core: Variables, Reset, Animations
   - Components: Buttons, Cards, Forms, etc.
   - Layout: Header, Hero, Footer
   - Pages: Homepage specific styles
   
   ⚡ Performance Optimizations Applied:
   - Modular CSS for better caching
   - Reduced file sizes
   - Better maintainability
   ============================================================ */

/* Core Styles */
@import url('core/variables.css');
@import url('core/reset.css');
@import url('core/animations.css');

/* Components */
@import url('components/buttons.css');
@import url('components/cards.css');

/* UI/UX Enhancements */
@import url('ui-improvements.css');
@import url('ux-enhancements.css');

/* Note: Import style.css for backward compatibility */
/* This file will be gradually migrated to the new structure */
@import url('style.css');

/* Accessibility Improvements */
*:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Skip Link for Accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--primary);
    color: #000;
    padding: 8px 16px;
    z-index: 100;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0 0 8px 0;
    transition: top 0.3s;
}

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

/* Performance: Lazy Load Animations */
@media (prefers-reduced-motion: no-preference) {
    .lazy-animate {
        animation: fadeInUp 0.6s ease;
    }
}

/* Print Styles */
@media print {
    .background-glows,
    .falling-coins,
    .ticker-wrap,
    .floating-wa,
    .mobile-sidebar,
    .mobile-overlay {
        display: none !important;
    }
    
    body {
        background: white;
        color: black;
    }
}