/* ============================================
   INDUSTRY PAGES - MOBILE STYLES
   Shared mobile-friendly styles for all industry pages
   ============================================ */

/* Prevent horizontal overflow */
html, body {
    overflow-x: hidden;
}

/* Touch-friendly improvements */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Industry Hero Section */
@media (max-width: 968px) {
    .hero-content-wrapper {
        grid-template-columns: 1fr !important;
        gap: 40px;
    }

    .hero-image {
        margin-top: 24px;
        order: 2;
    }

    .hero-text {
        order: 1;
    }

    .showcase-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .industry-hero {
        padding: 120px 0 60px !important;
    }

    .industry-hero h1 {
        font-size: 2.25rem !important;
    }

    .industry-hero .lead {
        font-size: 1rem !important;
    }

    .hero-stats {
        flex-wrap: wrap;
        gap: 24px !important;
    }

    .hero-stat {
        flex: 1 1 40%;
        min-width: 140px;
    }

    .hero-stat-value {
        font-size: 1.75rem !important;
    }

    .hero-actions {
        flex-direction: column !important;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .solutions-grid {
        grid-template-columns: 1fr !important;
    }

    .challenges-grid {
        grid-template-columns: 1fr !important;
    }

    .usecases-grid {
        grid-template-columns: 1fr !important;
    }

    .showcase-grid {
        grid-template-columns: 1fr !important;
    }

    .tech-grid {
        gap: 12px;
    }

    .tech-item {
        padding: 10px 16px;
        font-size: 0.85rem;
    }

    /* Section spacing */
    .challenges-section,
    .solutions-section,
    .usecases-section,
    .tech-stack-section,
    .showcase-section,
    .cta-section {
        padding: 60px 0 !important;
    }

    /* Card improvements */
    .solution-card,
    .challenge-card,
    .usecase-card {
        padding: 24px !important;
    }

    /* CTA section */
    .cta-section h2 {
        font-size: 1.75rem !important;
    }

    .cta-section p {
        font-size: 1rem !important;
    }
}

@media (max-width: 480px) {
    .industry-hero h1 {
        font-size: 1.875rem !important;
    }

    .hero-stats {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-stat {
        width: 100%;
        text-align: left;
        padding: 12px 0;
        border-bottom: 1px solid var(--border-primary, #27272a);
    }

    .hero-stat:last-child {
        border-bottom: none;
    }

    .hero-stat-value {
        font-size: 1.5rem !important;
    }

    .industry-badge {
        font-size: 0.8rem;
        padding: 6px 12px;
    }

    /* Image adjustments */
    .hero-image img {
        height: 280px !important;
    }

    .showcase-item {
        aspect-ratio: 16/10;
    }

    /* Section header */
    .section-header h2 {
        font-size: 1.5rem;
    }

    .section-header p {
        font-size: 0.95rem;
    }

    /* Solution features list */
    .solution-features li {
        font-size: 0.85rem;
        padding: 6px 0;
    }
}

/* Ensure touch targets are adequate */
.btn {
    min-height: 44px;
}

/* Fix for hero image overlay on small screens */
@media (max-width: 480px) {
    .hero-image-overlay {
        padding: 16px;
    }

    .hero-image-overlay p {
        font-size: 0.9rem;
    }
}