/* Small Mobile Devices (iPhone SE, etc.) */
@media (max-width: 375px) {

    /* Simplified Logo for very small screens */
    .logo-text {
        display: none;
    }

    .navbar-brand::after {
        content: 'Bilişim';
        font-size: 1rem;
        font-weight: 700;
        background: linear-gradient(135deg, var(--primary-blue), var(--accent-orange));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Even smaller images */
    .card-image-header {
        height: 200px;
    }

    .service-info-card {
        padding: 1.25rem;
    }

    /* Ultra compact typography */
    h1.display-4,
    h1.display-3 {
        font-size: 1.5rem !important;
    }

    .btn {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }
}

/* Landscape Mode Tablets */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .service-info-card {
        padding: 2rem;
    }

    .card-image-header {
        height: 300px;
    }
}

/* Print Styles */
@media print {

    .navbar,
    .mobile-call-btn,
    .btn,
    .footer {
        display: none !important;
    }

    .hero-section {
        background: white !important;
        color: black !important;
        page-break-after: always;
    }
}