/* ==========================================
   RESPONSIVE STYLES - PAVARON WEBSITE
   ========================================== */

/* Tablet Styles (992px and below) */
@media (max-width: 992px) {
    h1 {
        font-size: 2.2rem;
    }
    
    h2 {
        font-size: 1.8rem;
    }
    
    .hero {
        padding: 80px 0;
    }
    
    .hero h1 {
        font-size: 2.5rem;
    }
    
    .vm-container {
        grid-template-columns: 1fr;
    }
    
    .brand-story-content {
        grid-template-columns: 1fr;
    }
    
    .form-row {
        grid-template-columns: 1fr;
    }
    
    .client-stats {
        padding: 30px 20px;
    }
    
    .service-detail-card {
        padding: 30px;
    }
}

/* Mobile Styles (768px and below) */
@media (max-width: 768px) {
    /* Navigation */
    .nav-menu, .nav-cta {
        display: none;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    .logo-img {
        height: 35px;
    }
    
    .logo-fallback {
        font-size: 1.5rem;
    }
    
    /* Hero Section */
    .hero {
        padding: 60px 0;
    }
    
    .hero h1 {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .hero-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .hero-buttons .btn-primary,
    .hero-buttons .btn-secondary {
        width: 100%;
        text-align: center;
    }
    
    /* Page Header */
    .page-header {
        padding: 40px 0;
    }
    
    /* Sections */
    section {
        padding: 60px 0;
    }
    
    /* Grid Layouts */
    .services-grid,
    .clients-grid,
    .testimonials-grid,
    .stats-grid,
    .client-stats,
    .company-stats,
    .results-grid,
    .values-container,
    .advantages-grid,
    .industries-grid,
    .office-cards,
    .process-steps,
    .footer-grid,
    .contact-info-grid,
    .response-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    /* Service Detail Cards */
    .service-detail-card {
        padding: 30px 20px;
    }
    
    .service-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    /* Contact Form */
    .contact-form {
        margin-top: 20px;
    }
    
    /* CTA Buttons */
    .cta-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .cta-buttons .btn-primary,
    .cta-buttons .btn-secondary {
        width: 100%;
        text-align: center;
    }
    
    /* Country Tags */
    .countries-grid {
        justify-content: flex-start;
    }
    
    /* Map Placeholder */
    .map-placeholder {
        height: 250px;
    }
    
    /* Company Stats */
    .company-stats .stats-grid {
        padding: 30px 20px;
    }
    
    /* Brand Story */
    .story-highlight {
        margin-top: 30px;
    }
    
    /* Vision & Mission */
    .vision-card,
    .mission-card {
        padding: 30px 20px;
    }
}

/* Small Mobile Styles (480px and below) */
@media (max-width: 480px) {
    h1 {
        font-size: 1.8rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.3rem;
    }
    
    .container {
        padding: 0 15px;
    }
    
    .hero h1 {
        font-size: 1.8rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
    }
    
    .hero-description {
        font-size: 0.95rem;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
    
    .page-header p {
        font-size: 1rem;
    }
    
    .stat-item h3,
    .client-stat h3,
    .result-card .result-number {
        font-size: 2rem;
    }
    
    .service-card,
    .client-card,
    .testimonial-card,
    .value-card,
    .advantage-card,
    .office-card,
    .industry-item,
    .contact-info-card,
    .response-item {
        padding: 20px;
    }
    
    .vision-card,
    .mission-card {
        padding: 25px 15px;
    }
    
    .service-detail-card {
        padding: 25px 15px;
    }
    
    .logo-img {
        height: 30px;
    }
    
    .logo-fallback {
        font-size: 1.3rem;
    }
    
    /* Mobile Menu */
    .mobile-nav-menu {
        max-width: 100%;
        padding: 70px 20px 20px;
    }
    
    .mobile-nav-content a {
        font-size: 1rem;
    }
    
    /* Form Elements */
    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: 10px;
    }
    
    .btn-primary,
    .btn-secondary,
    .btn-outline {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
    
    /* Map Placeholder */
    .map-placeholder {
        height: 200px;
    }
    
    .map-info p {
        font-size: 0.9rem;
    }
}

/* Large Desktop Styles (1400px and above) */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
    
    h1 {
        font-size: 3rem;
    }
    
    h2 {
        font-size: 2.5rem;
    }
    
    .hero h1 {
        font-size: 3.5rem;
    }
}

/* Print Styles */
@media print {
    .navbar,
    .mobile-nav-menu,
    .mobile-menu-btn,
    .hero-buttons,
    .cta-buttons,
    .footer,
    .btn-primary,
    .btn-secondary {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
    }
    
    a {
        color: #000 !important;
        text-decoration: underline !important;
    }
    
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    section {
        padding: 20px 0 !important;
        page-break-inside: avoid;
    }
}