/* ==========================================================================
   Hirezy Main Stylesheet
   ========================================================================== */

/* Import all CSS modules in correct order */
@import url('./base.css');
@import url('./layout.css');
@import url('./components.css');
@import url('./pages.css');
@import url('./smart-contrast.css');

/* ==========================================================================
   Critical CSS - Above the fold styles for performance
   Note: All critical styles are defined in their respective modules
   ========================================================================== */

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .navbar,
    .footer,
    .btn,
    .language-toggle,
    .modal {
        display: none !important;
    }
    
    .container {
        max-width: none !important;
        padding: 0 !important;
    }
    
    .job-card {
        border: 1px solid #ccc !important;
        page-break-inside: avoid;
        margin-bottom: 20px;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }
    
    .hero-title,
    .section-title {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   High Contrast Mode Support
   ========================================================================== */

@media (prefers-contrast: high) {
    :root {
        --primary-blue: #0056b3;
        --text-primary: #000000;
        --text-secondary: #333333;
        --border-light: #666666;
    }
}

/* ==========================================================================
   Reduced Motion Support
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .hero,
    .service-card,
    .job-card,
    .btn {
        transform: none !important;
    }
}

/* ==========================================================================
   RTL Language Support (for future Arabic/Persian support)
   ========================================================================== */

[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

[dir="rtl"] .hero-content {
    grid-template-columns: 1fr 2fr;
}

[dir="rtl"] .job-location i {
    margin-right: 0;
    margin-left: var(--spacing-xs);
}

/* ==========================================================================
   Dark Mode Support (for future implementation)
   ========================================================================== */

@media (prefers-color-scheme: dark) {
    :root {
        --text-primary: #f8fafc;
        --text-secondary: #cbd5e1;
        --text-muted: #94a3b8;
        --background-primary: #1e293b;
        --background-secondary: #0f172a;
        --background-tertiary: #334155;
        --border-light: #475569;
        --border-medium: #64748b;
    }
    
    body.dark-mode {
        background-color: var(--background-secondary);
        color: var(--text-primary);
    }
    
    body.dark-mode .card,
    body.dark-mode .service-card,
    body.dark-mode .job-card {
        background: var(--background-primary);
        border-color: var(--border-light);
    }
}