/* ============================================
   تحسينات التجاوب المتقدمة
   ============================================ */

/* Mobile First */
@media (max-width: 576px) {
    .container {
        padding: 0 15px;
    }
    
    .hero-title {
        font-size: 1.8rem;
    }
    
    .hero-subtitle {
        font-size: 0.9rem;
    }
    
    .btn-primary,
    .btn-outline {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .sector-icon {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }
    
    .sector-card h3 {
        font-size: 1.2rem;
    }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 768px) {
    .hero-title {
        font-size: 2.2rem;
    }
    
    .sectors-grid,
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Landscape */
@media (max-width: 768px) and (orientation: landscape) {
    .hero-section {
        min-height: auto;
        padding: 100px 0;
    }
    
    .main-header {
        position: relative;
    }
}

/* Large Screens */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

/* Print */
@media print {
    .main-header,
    .footer,
    .cta-section,
    .dark-mode-toggle {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .container {
        max-width: 100%;
        padding: 0;
    }
}