/* Responsive Styles for AdAstra Digital Marketing */

/* Large Desktop - No changes needed, using base styles */
@media (min-width: 1400px) {
    .hero-container,
    .stats-container,
    .services-container,
    .values-container,
    .software-container,
    .team-container,
    .contact-container,
    .cta-container,
    .process-container,
    .faq-container,
    .testimonials-container {
        max-width: 1400px;
    }
}

/* Standard Desktop */
@media (max-width: 1399px) and (min-width: 1025px) {
    .hero-container,
    .stats-container,
    .services-container,
    .values-container,
    .software-container,
    .team-container,
    .contact-container,
    .cta-container,
    .process-container,
    .faq-container,
    .testimonials-container {
        max-width: 1200px;
    }
}

/* Tablet Styles */
@media (max-width: 1024px) {
    /* Navigation adjustments */
    .nav-container {
        padding: 0 2rem;
    }
    
    .nav-menu {
        gap: 1.5rem;
        font-size: 0.95rem;
    }
    
    .logo-image {
        width: 100px !important;
    }
    
    /* Hero section tablet layout */
    .hero {
        padding: 100px 0 60px;
        margin-top: 70px;
    }
    
    .hero-container {
        grid-template-columns: 1fr;
        gap: 3rem;
        max-width: 900px;
    }
    
    .hero-content {
        text-align: center;
        max-width: 700px;
        margin: 0 auto;
    }
    
    .hero-content h1 {
        font-size: 2.8rem;
        line-height: 1.3;
    }
    
    .hero-content p {
        text-align: center;
        font-size: 1.15rem;
    }
    
    .hero-calendly {
        height: 900px !important;
        min-height: 900px !important;
        max-height: 900px !important;
        max-width: 600px;
        margin: 0 auto;
    }
    
    .calendly-inline-widget,
    .calendly-inline-widget iframe {
        height: 900px !important;
        min-height: 900px !important;
        max-height: 900px !important;
    }
    
    .client-logos {
        justify-content: center;
        gap: 1.5rem;
    }
    
    /* Stats section */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* Case studies section */
    .case-studies > div > div > div:first-child {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .case-studies > div > div > div:last-child {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Testimonials */
    .testimonials-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: 0 auto;
    }
    
    /* Services */
    .services-grid-three,
    .services-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: 0 auto;
    }
    
    .service-card {
        max-width: 100%;
    }
    
    /* Process section */
    .process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Software dashboard */
    .dashboard {
        max-width: 700px;
        padding: 1.5rem;
    }
    
    .dashboard-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .dashboard-features {
        grid-template-columns: 1fr;
    }
    
    /* CTA Section */
    .cta-section > div > div {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    
    .audit-benefits {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    /* Footer */
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile Styles */
@media (max-width: 768px) {
    /* Mobile navigation */
    .header {
        padding: 0.8rem 0;
    }
    
    .nav-container {
        padding: 0 1rem;
        position: relative;
    }
    
    .nav-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 1rem;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        display: none;
        z-index: 1000;
    }
    
    .nav-menu.active {
        display: flex;
    }
    
    .logo-image {
        width: 80px !important;
    }
    
    .cta-button {
        padding: 0.7rem 1.2rem;
        font-size: 0.9rem;
    }
    
    /* Mobile hero */
    .hero {
        padding: 90px 0 50px;
        margin-top: 60px;
    }
    
    .hero::before,
    .hero::after {
        display: none;
    }
    
    .hero-container {
        padding: 0 1.5rem;
    }
    
    .hero-content h1 {
        font-size: 2.2rem;
        line-height: 1.3;
    }
    
    .hero-content p {
        font-size: 1.05rem;
        margin-bottom: 1.5rem;
    }
    
    .hero-cta {
        padding: 0.9rem 1.8rem;
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    
    .hero-calendly {
        height: 850px !important;
        min-height: 850px !important;
        max-height: 850px !important;
    }
    
    .calendly-inline-widget,
    .calendly-inline-widget iframe {
        height: 850px !important;
        min-height: 850px !important;
        max-height: 850px !important;
    }
    
    .client-logos {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    .client-logo {
        font-size: 0.85rem;
        padding: 0.6rem 1rem;
    }
    
    /* Mobile sections padding */
    .stats,
    .services,
    .services-detail,
    .values,
    .software,
    .team,
    .contact,
    .process,
    .cta-section,
    .faq,
    .testimonials-section,
    .strategy-banner,
    .case-studies {
        padding: 60px 0;
    }
    
    /* Container padding */
    .hero-container,
    .stats-container,
    .services-container,
    .values-container,
    .software-container,
    .team-container,
    .contact-container,
    .cta-container,
    .process-container,
    .faq-container,
    .testimonials-container {
        padding: 0 1.5rem;
    }
    
    /* Stats grid mobile */
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .stat-item {
        padding: 1.8rem;
    }
    
    .stat-item > div:first-child {
        font-size: 2.5rem;
    }
    
    /* Strategy banner mobile */
    .strategy-banner h2 {
        font-size: 2rem;
        line-height: 1.4;
    }
    
    /* Case studies mobile */
    .case-studies > div > div > div:first-child {
        padding: 2rem;
    }
    
    .case-studies h3 {
        font-size: 1.6rem;
    }
    
    .case-studies > div > div > div:last-child {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    /* Testimonials mobile */
    .testimonial-card {
        padding: 2rem;
    }
    
    /* Services mobile */
    .service-card {
        padding: 2.5rem 2rem;
    }
    
    .service-card h3 {
        font-size: 2rem;
    }
    
    .service-card ul {
        font-size: 0.95rem;
    }
    
    .service-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8rem;
    }
    
    /* Process mobile */
    .process h2 {
        font-size: 2rem;
    }
    
    .process-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    
    .process-step {
        padding: 2rem 1.5rem;
    }
    
    /* Software dashboard mobile */
    .software h2 {
        font-size: 2rem;
        line-height: 1.3;
    }
    
    .software p {
        font-size: 1.05rem;
    }
    
    .dashboard {
        margin: 2rem auto;
        padding: 1.5rem;
    }
    
    .dashboard-header {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .dashboard-metrics {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
    }
    
    .metric {
        padding: 0.8rem;
    }
    
    .metric-value {
        font-size: 1.3rem;
    }
    
    /* CTA section mobile */
    .cta-section h2 {
        font-size: 2rem;
    }
    
    .cta-section p {
        font-size: 1.05rem;
    }
    
    .audit-benefits {
        grid-template-columns: 1fr;
    }
    
    .audit-benefits > div {
        padding: 1.2rem;
    }
    
    /* Footer mobile */
    .footer {
        padding: 2.5rem 0 1rem;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: left;
    }
    
    .footer-section h3 {
        font-size: 1.2rem;
    }
    
    /* FAQ mobile */
    .faq h2 {
        font-size: 2rem;
    }
    
    .faq-question {
        padding: 1.2rem;
        font-size: 1rem;
    }
    
    .faq-answer {
        padding: 0 1.2rem 1.2rem;
        font-size: 0.95rem;
    }
    
    /* Contact form mobile */
    .contact h2 {
        font-size: 2rem;
    }
    
    .contact-form {
        padding: 2rem 1.5rem;
        margin-top: 2rem;
    }
    
    .form-group input,
    .form-group textarea {
        padding: 0.8rem;
        font-size: 0.95rem;
    }
    
    .submit-btn {
        width: 100%;
        padding: 1rem;
    }
}

/* Small Mobile Styles */
@media (max-width: 480px) {
    /* Navigation */
    .logo-image {
        width: 70px !important;
    }
    
    .cta-button {
        padding: 0.6rem 1rem;
        font-size: 0.85rem;
    }
    
    /* Hero adjustments */
    .hero {
        padding: 80px 0 40px;
        margin-top: 55px;
    }
    
    .hero-container {
        padding: 0 1rem;
    }
    
    .hero-content h1 {
        font-size: 1.8rem;
        line-height: 1.35;
    }
    
    .hero-content p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
    
    .hero-cta {
        padding: 0.8rem 1.5rem;
        font-size: 0.95rem;
    }
    
    .hero-calendly {
        height: 800px !important;
        min-height: 800px !important;
        max-height: 800px !important;
    }
    
    .calendly-inline-widget,
    .calendly-inline-widget iframe {
        height: 800px !important;
        min-height: 800px !important;
        max-height: 800px !important;
    }
    
    .client-logos {
        gap: 0.8rem;
    }
    
    .client-logo {
        font-size: 0.75rem;
        padding: 0.5rem 0.8rem;
    }
    
    /* Section padding */
    .stats,
    .services,
    .services-detail,
    .values,
    .software,
    .team,
    .contact,
    .process,
    .cta-section,
    .faq,
    .testimonials-section,
    .strategy-banner,
    .case-studies {
        padding: 50px 0;
    }
    
    /* Container padding */
    .hero-container,
    .stats-container,
    .services-container,
    .values-container,
    .software-container,
    .team-container,
    .contact-container,
    .cta-container,
    .process-container,
    .faq-container,
    .testimonials-container {
        padding: 0 1rem;
    }
    
    /* Typography scale down */
    h2 {
        font-size: 1.8rem !important;
    }
    
    h3 {
        font-size: 1.4rem !important;
    }
    
    h4 {
        font-size: 1.1rem !important;
    }
    
    p {
        font-size: 0.95rem;
    }
    
    /* Stats */
    .stats h2 {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    
    .stat-item {
        padding: 1.5rem 1rem;
    }
    
    .stat-item > div:first-child {
        font-size: 2rem;
    }
    
    .stat-item > div:last-child {
        font-size: 0.9rem;
    }
    
    /* Strategy banner */
    .strategy-banner {
        padding: 40px 0;
    }
    
    .strategy-banner h2 {
        font-size: 1.6rem;
        line-height: 1.4;
    }
    
    /* Case studies */
    .case-studies > div > div > div:first-child {
        padding: 1.5rem;
        gap: 2rem;
    }
    
    .case-studies h3 {
        font-size: 1.4rem;
    }
    
    .case-studies p {
        font-size: 0.95rem;
    }
    
    .case-studies button {
        padding: 0.8rem 1.5rem;
        font-size: 0.9rem;
    }
    
    .case-studies > div > div > div:last-child > div {
        padding: 1.2rem;
    }
    
    .case-studies h4 {
        font-size: 1rem;
    }
    
    /* Testimonials */
    .testimonial-card {
        padding: 1.5rem;
    }
    
    .testimonial-logo {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
    
    .testimonial-header h4 {
        font-size: 1.15rem;
    }
    
    .testimonial-header p {
        font-size: 0.9rem;
    }
    
    .testimonial-card > p {
        font-size: 0.95rem;
        line-height: 1.6;
    }
    
    /* Services */
    .service-card {
        padding: 2rem 1.5rem;
    }
    
    .service-card h3 {
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }
    
    .service-card p {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }
    
    .service-card ul {
        font-size: 0.9rem;
        margin: 1.2rem 0;
    }
    
    .service-card ul li {
        margin-bottom: 0.4rem;
    }
    
    .service-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .service-cta {
        padding: 0.7rem 1.5rem;
        font-size: 0.9rem;
    }
    
    .service-footer {
        font-size: 0.85rem;
        margin-top: 1.5rem;
    }
    
    /* Process */
    .process h2 {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    
    .process-step {
        padding: 1.5rem 1rem;
    }
    
    .process-step > div:first-child {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }
    
    .process-step h3 {
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }
    
    .process-step p {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    /* Software */
    .software h2 {
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }
    
    .software p {
        font-size: 0.95rem;
        margin-bottom: 2rem;
    }
    
    .dashboard {
        padding: 1.2rem;
        margin: 1.5rem auto;
    }
    
    .dashboard-title {
        font-size: 0.95rem;
    }
    
    .dashboard-header > div:last-child {
        font-size: 0.85rem;
    }
    
    .dashboard-metrics {
        grid-template-columns: 1fr;
        gap: 0.8rem;
        margin-bottom: 1.5rem;
    }
    
    .metric {
        padding: 0.8rem;
    }
    
    .metric-value {
        font-size: 1.2rem;
    }
    
    .metric-label {
        font-size: 0.85rem;
    }
    
    .dashboard-features > div {
        padding: 0.8rem;
    }
    
    .dashboard-features strong {
        font-size: 0.95rem;
    }
    
    .dashboard-features p {
        font-size: 0.85rem;
    }
    
    /* CTA Section */
    .cta-section h2 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    
    .cta-section h2 span {
        display: inline;
    }
    
    .cta-section p {
        font-size: 0.95rem;
        margin-bottom: 2rem;
    }
    
    .audit-benefits > div {
        padding: 1rem;
    }
    
    .audit-benefits h4 {
        font-size: 1rem;
        margin-bottom: 0.4rem;
    }
    
    .audit-benefits p {
        font-size: 0.85rem;
        line-height: 1.4;
    }
    
    .cta-section .calendly-inline-widget,
    .cta-section .calendly-inline-widget iframe {
        height: 700px !important;
        min-height: 700px !important;
        max-height: 700px !important;
    }
    
    /* Contact */
    .contact h2 {
        font-size: 1.8rem;
    }
    
    .contact p {
        font-size: 0.95rem;
    }
    
    .contact-form {
        padding: 1.5rem 1.2rem;
    }
    
    .form-group label {
        font-size: 0.9rem;
        margin-bottom: 0.4rem;
    }
    
    .form-group input,
    .form-group textarea {
        padding: 0.7rem;
        font-size: 0.9rem;
    }
    
    .form-group textarea {
        height: 100px;
    }
    
    .submit-btn {
        padding: 0.9rem;
        font-size: 0.95rem;
    }
    
    /* FAQ */
    .faq h2 {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    
    .faq-item {
        margin-bottom: 0.8rem;
    }
    
    .faq-question {
        padding: 1rem;
        font-size: 0.95rem;
    }
    
    .faq-answer {
        padding: 0 1rem 1rem;
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    .faq-answer.active {
        max-height: 300px;
    }
    
    /* Footer */
    .footer {
        padding: 2rem 0 1rem;
    }
    
    .footer-content {
        gap: 1.5rem;
    }
    
    .footer-section h3 {
        font-size: 1.1rem;
        margin-bottom: 0.8rem;
    }
    
    .footer-section p,
    .footer-section ul li {
        font-size: 0.9rem;
    }
    
    .footer-section ul li {
        margin-bottom: 0.4rem;
    }
    
    .footer-bottom {
        padding-top: 1.5rem;
        font-size: 0.85rem;
    }
}

/* Extra Small Mobile */
@media (max-width: 360px) {
    /* Navigation */
    .header {
        padding: 0.7rem 0;
    }
    
    .nav-container {
        padding: 0 0.8rem;
    }
    
    .logo-image {
        width: 60px !important;
    }
    
    .cta-button {
        padding: 0.5rem 0.8rem;
        font-size: 0.8rem;
        border-radius: 20px;
    }
    
    /* Hero */
    .hero {
        padding: 70px 0 35px;
        margin-top: 50px;
    }
    
    .hero-container {
        padding: 0 0.8rem;
    }
    
    .hero-content h1 {
        font-size: 1.6rem;
        line-height: 1.4;
    }
    
    .hero-content h1 strong,
    .hero-content h1 .highlight {
        display: inline;
    }
    
    .hero-content p {
        font-size: 0.9rem;
        line-height: 1.5;
        margin-bottom: 1.2rem;
    }
    
    .hero-cta {
        padding: 0.7rem 1.2rem;
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
    }
    
    .hero-calendly {
        height: 750px !important;
        min-height: 750px !important;
        max-height: 750px !important;
    }
    
    .calendly-inline-widget,
    .calendly-inline-widget iframe {
        height: 750px !important;
        min-height: 750px !important;
        max-height: 750px !important;
    }
    
    .client-logos {
        gap: 0.6rem;
    }
    
    .client-logo {
        font-size: 0.7rem;
        padding: 0.4rem 0.6rem;
        border-radius: 8px;
    }
    
    /* Sections */
    .stats,
    .services,
    .services-detail,
    .values,
    .software,
    .team,
    .contact,
    .process,
    .cta-section,
    .faq,
    .testimonials-section,
    .strategy-banner,
    .case-studies {
        padding: 40px 0;
    }
    
    /* Containers */
    .hero-container,
    .stats-container,
    .services-container,
    .values-container,
    .software-container,
    .team-container,
    .contact-container,
    .cta-container,
    .process-container,
    .faq-container,
    .testimonials-container {
        padding: 0 0.8rem;
    }
    
    /* Typography */
    h2 {
        font-size: 1.6rem !important;
    }
    
    h3 {
        font-size: 1.3rem !important;
    }
    
    h4 {
        font-size: 1rem !important;
    }
    
    p {
        font-size: 0.9rem;
    }
    
    /* Stats */
    .stats h2 {
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }
    
    .stat-item {
        padding: 1.2rem 0.8rem;
        border-radius: 12px;
    }
    
    .stat-item > div:first-child {
        font-size: 1.8rem;
        margin-bottom: 0.3rem;
    }
    
    .stat-item > div:last-child {
        font-size: 0.85rem;
    }
    
    /* Strategy banner */
    .strategy-banner {
        padding: 35px 0;
    }
    
    .strategy-banner h2 {
        font-size: 1.4rem;
        line-height: 1.45;
    }
    
    .strategy-banner h2 br {
        display: none;
    }
    
    /* Case studies */
    .case-studies > div > div {
        padding: 0 0.8rem;
    }
    
    .case-studies > div > div > div:first-child {
        padding: 1.2rem;
        gap: 1.5rem;
        border-radius: 15px;
    }
    
    .case-studies h3 {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    
    .case-studies p {
        font-size: 0.9rem;
        line-height: 1.5;
        margin-bottom: 1.5rem;
    }
    
    .case-studies button {
        padding: 0.7rem 1.2rem;
        font-size: 0.85rem;
        border-radius: 25px;
    }
    
    .case-studies > div > div > div:last-child > div {
        padding: 1rem;
        border-radius: 12px;
    }
    
    .case-studies > div > div > div:last-child > div > div:first-child {
        height: 120px;
        margin-bottom: 0.8rem;
    }
    
    .case-studies h4 {
        font-size: 0.95rem;
        line-height: 1.3;
    }
    
    /* Testimonials */
    .testimonials-section h2 {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
    
    .testimonial-card {
        padding: 1.2rem;
        border-radius: 12px;
    }
    
    .testimonial-logo {
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    
    .testimonial-header h4 {
        font-size: 1.05rem;
        margin-bottom: 0.2rem;
    }
    
    .testimonial-header p {
        font-size: 0.85rem;
    }
    
    .testimonial-card > p {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    /* Services */
    .services h2 {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
    
    .service-card {
        padding: 1.5rem 1.2rem;
        border-radius: 15px;
    }
    
    .service-card h3 {
        font-size: 1.6rem;
        margin-bottom: 0.7rem;
    }
    
    .service-card p {
        font-size: 0.9rem;
        margin-bottom: 1.2rem;
        line-height: 1.5;
    }
    
    .service-card ul {
        font-size: 0.85rem;
        margin: 1rem 0;
    }