/* ============================================ */
/* 📱 RESPONSIVE - Fine Tuning
/* ============================================ */

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

/* Large Devices */
@media (max-width: 1199px) {
    .hero-title {
        font-size: 3.5rem;
    }
}

/* Medium Devices */
@media (max-width: 991px) {
    .navbar-nav {
        background: rgba(13, 56, 128, 0.98);
        padding: 20px;
        border-radius: var(--radius);
        margin-top: 10px;
    }

        .navbar-nav .nav-link {
            padding: 8px 0 !important;
        }

        .navbar-nav .btn {
            width: 100%;
            text-align: center;
            margin-top: 8px;
        }

    .hero-content {
        text-align: center;
    }

    .hero-desc {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
    }

    .section-header {
        margin-bottom: 40px;
    }

    .section-desc {
        font-size: 1rem;
    }
}

/* Small Devices */
@media (max-width: 767px) {
    .navbar-brand .brand-text {
        font-size: 20px;
    }

    .hero-slider .owl-dots {
        bottom: 15px;
    }

    .hero-slider .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }

        .hero-slider .owl-dot.active {
            width: 20px;
        }

    .service-card {
        margin-bottom: 20px;
    }

    .industry-card {
        margin-bottom: 20px;
    }

    .cta-wrapper .btn {
        width: 100%;
    }
}

/* Extra Small Devices */
@media (max-width: 400px) {
    .hero-title {
        font-size: 1.5rem;
    }

    .hero-desc {
        font-size: 0.9rem;
    }

    .stat-number {
        font-size: 1.5rem;
    }

    .stat-label {
        font-size: 12px;
    }

    .section-title {
        font-size: 1.3rem;
    }

    .footer-brand h4 {
        font-size: 20px;
    }
}

/* ============================================ */
/* 📱 TOUCH DEVICE OPTIMIZATIONS
/* ============================================ */
@media (hover: none) {
    .solution-card:hover {
        transform: none;
        box-shadow: var(--shadow-md);
    }

    .industry-card:hover {
        transform: none;
        box-shadow: var(--shadow-sm);
    }

    .portfolio-image-wrapper:hover .portfolio-main-image {
        transform: none;
    }

    .btn:hover {
        transform: none !important;
    }

    .solution-card:hover .solution-icon {
        transform: none;
    }

    .industry-card:hover .industry-icon {
        transform: none;
    }
}

/* ============================================ */
/* 🖨️ PRINT STYLES
/* ============================================ */
@media print {
    .header {
        position: static;
        background: var(--white);
        box-shadow: none;
    }

    .hero-section {
        height: auto;
        min-height: auto;
        padding: 60px 0;
    }

    .hero-slide {
        height: auto;
        min-height: auto;
        padding: 0;
    }

    .hero-overlay {
        background: var(--primary) !important;
    }

    .hero-content {
        position: relative;
        top: 0;
        transform: none;
        padding: 20px 0;
    }

    .hero-slider .owl-nav,
    .hero-slider .owl-dots,
    .scroll-indicator {
        display: none !important;
    }

    .portfolio-overlay {
        opacity: 1 !important;
        background: rgba(0,0,0,0.5) !important;
    }

    .portfolio-info {
        transform: none !important;
    }

    .footer-area {
        position: relative;
        background: #0a1628;
        padding: 40px 0;
    }

    .cta-section {
        display: none;
    }

    .wow {
        animation: none !important;
        visibility: visible !important;
    }

    .btn {
        padding: 8px 16px !important;
    }

    .back-to-top {
        display: none !important;
    }
}