/**
 * Responsive Adjustments
 * @package JhapaTechnical
 */

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

/* Desktops (1200px - 1399px) */
@media (max-width: 1399px) and (min-width: 1200px) {
    :root {
        --jte-container: 1200px;
    }
}

/* Tablets Landscape (992px - 1199px) */
@media (max-width: 1199px) {
    .jte-pricing-card.featured {
        transform: scale(1);
    }
    
    .jte-tab-nav {
        gap: 0;
    }
    
    .jte-tab-link {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
}

/* Tablets Portrait (768px - 991px) */
@media (max-width: 991px) {
    .jte-section-header {
        margin-bottom: 3rem;
    }
    
    .jte-grid {
        gap: 1.5rem;
    }
    
    .jte-hero-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .jte-pricing-card.featured {
        transform: scale(1);
        order: -1;
    }
    
    .jte-footer-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .jte-footer-about {
        grid-column: span 2;
    }
}

/* Mobile Landscape (576px - 767px) */
@media (max-width: 767px) {
    .jte-hero {
        text-align: center;
    }
    
    .jte-hero-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .jte-hero-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .jte-hero-buttons .jte-btn {
        width: 100%;
    }
    
    .jte-stat-number {
        font-size: 2rem;
    }
    
    .jte-portfolio-overlay {
        opacity: 1;
    }
    
    .jte-footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .jte-footer-about {
        grid-column: span 1;
    }
    
    .jte-footer-bottom {
        flex-direction: column;
        text-align: center;
    }
    
    .jte-pagination {
        gap: 0.25rem;
    }
    
    .jte-pagination a,
    .jte-pagination span {
        min-width: 36px;
        height: 36px;
        font-size: 0.875rem;
    }
}

/* Mobile Portrait (up to 575px) */
@media (max-width: 575px) {
    body {
        font-size: 14px;
    }
    
    .jte-container {
        padding: 0 0.75rem;
    }
    
    .jte-section {
        padding: 2.5rem 0;
    }
    
    h1 { font-size: 1.75rem !important; }
    h2 { font-size: 1.5rem !important; }
    h3 { font-size: 1.25rem !important; }
    
    .jte-btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.875rem;
    }
    
    .jte-hero-badge {
        font-size: 0.75rem;
        padding: 0.4rem 1rem;
    }
    
    .jte-hero-buttons {
        gap: 0.75rem;
    }
    
    .jte-hero-stats {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .jte-stat-item {
        padding: 1rem;
    }
    
    .jte-pricing-amount {
        font-size: 2.5rem;
    }
    
    .jte-form-group input,
    .jte-form-group textarea,
    .jte-form-group select {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    .jte-card,
    .jte-service-card,
    .jte-pricing-card,
    .jte-testimonial-card,
    .jte-office-card {
        padding: 1.25rem;
    }
    
    .jte-contact-form,
    .jte-domain-search {
        padding: 1.5rem;
    }
    
    .jte-tab-link {
        padding: 0.75rem 0.875rem;
        font-size: 0.85rem;
    }
    
    .jte-modal {
        margin: 0.5rem;
    }
    
    .jte-modal-header,
    .jte-modal-body,
    .jte-modal-footer {
        padding: 1rem 1.25rem;
    }
}

/* Very Small Devices (up to 380px) */
@media (max-width: 380px) {
    .jte-hero h1 {
        font-size: 1.5rem;
    }
    
    .jte-hero p {
        font-size: 0.9rem;
    }
    
    .jte-section-subtitle {
        font-size: 0.75rem;
    }
}