/* ==========================================
 * COMPREHENSIVE MOBILE ENHANCEMENTS
 * =========================================== */

@media (max-width: 768px) {

    /* Base Font Size Reduction for Mobile */
    body {
        font-size: 12px !important;
        /* Even smaller on mobile */
        line-height: 1.6;
    }

    /* Headings Mobile Adjustments */
    h1 {
        font-size: 1.6em !important;
    }

    h2 {
        font-size: 1.3em !important;
    }

    h3 {
        font-size: 1.1em !important;
    }

    h4 {
        font-size: 0.95em !important;
    }

    p {
        font-size: 1em;
        margin-bottom: 1em;
    }

    /* Container & Spacing */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 5px !important;
    }

    .content-block {
        padding: 40px 20px !important;
    }

    /* Buttons - Larger Touch Targets */
    .btn {
        font-size: 0.95em !important;
        padding: 12px 20px !important;
        min-height: 44px;
        /* iOS recommendation */
    }

    .btn-large {
        font-size: 1em !important;
        padding: 14px 24px !important;
    }

    /* Navigation Mobile Improvements */
    .main-nav {
        font-size: 0.9em;
    }

    .nav-links a {
        padding: 14px 16px !important;
        font-size: 1em !important;
    }

    /* Hero Section Mobile */
    .hero-title {
        font-size: 1.4em !important;
    }

    .hero-subtitle {
        font-size: 0.95em !important;
    }

    .highlight-box {
        font-size: 0.85em !important;
        padding: 10px 15px !important;
    }

    /* Cards Mobile Optimization */
    .news-modern-card h4,
    .speaker-modern-card h4,
    .track-card h3 {
        font-size: 1em !important;
    }

    .news-content,
    .speaker-info-modern {
        padding: 15px !important;
    }

    /* Section Titles */
    .section-title {
        font-size: 1.3em !important;
    }

    /* Timeline Mobile */
    .timeline-date-content h3 {
        font-size: 1em !important;
    }

    .timeline-date-content p {
        font-size: 0.9em !important;
    }

    .date-badge {
        font-size: 0.8em !important;
        padding: 6px 12px !important;
    }

    /* FAQ Mobile */
    .faq-question {
        font-size: 0.95em !important;
        padding: 14px !important;
    }

    .faq-answer {
        font-size: 0.9em !important;
        padding: 12px 14px !important;
    }

    /* Footer Mobile */
    footer {
        font-size: 0.9em;
    }

    .footer-column h3 {
        font-size: 1.1em !important;
    }

    /* Form Elements - Better Touch */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="number"],
    textarea,
    select {
        font-size: 16px !important;
        /* Prevents zoom on iOS */
        padding: 12px !important;
        min-height: 44px;
    }

    /* Tables Mobile Friendly */
    table {
        font-size: 0.85em;
    }

    /* Countdown Timer Mobile */
    .countdown-value {
        font-size: 2em !important;
    }

    .countdown-label {
        font-size: 0.8em !important;
    }

    /* Sponsor Cards Mobile */
    .tier-header h3 {
        font-size: 1.2em !important;
    }

    .sponsor-card-overlay h4 {
        font-size: 1em !important;
    }

    /* News Listing Mobile */
    .news-card {
        height: auto !important;
    }

    .news-card-image {
        height: 180px !important;
    }

    .news-card-body {
        padding: 20px !important;
    }

    .news-card h3 {
        font-size: 1.2em !important;
    }

    .older-news-title {
        font-size: 1.3em !important;
    }

    /* News Detail Mobile */
    .news-detail-container {
        margin-top: -40px !important;
    }

    .news-article-card {
        padding: 25px !important;
    }

    .news-featured-image {
        margin-bottom: 25px !important;
        max-height: 250px !important;
    }

    .news-body {
        font-size: 1em !important;
    }

    /* Speakers Mobile */
    .speakers-grid-detailed {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .speaker-card-detailed {
        height: auto !important;
    }

    .speaker-info h2 {
        font-size: 1.25em !important;
    }

    .speaker-affiliation-large {
        font-size: 0.9em !important;
    }

    .bio-toggle-btn {
        width: 100%;
        justify-content: center;
    }

    .meta-item {
        font-size: 0.85em;
    }

    /* Improve Readability */
    .welcome-text,
    .venue-description {
        font-size: 1em;
        line-height: 1.7;
    }

    /* Alert Messages */
    .alert {
        font-size: 0.9em;
        padding: 12px;
    }

    /* Speaker Affiliation */
    .speaker-affiliation {
        font-size: 0.85em !important;
    }

    /* Track Cards */
    .track-card {
        font-size: 0.9em;
    }

    .track-card ul li {
        font-size: 0.9em;
        padding: 6px 0;
    }

    /* Reduce Icon Sizes */
    .stat-icon i,
    .timeline-icon-circle i {
        font-size: 1.5em !important;
    }

    /* Section Spacing */
    /* Section Spacing */
    section {
        padding: 40px 0 !important;
    }

    /* MN Premium Hero Mobile Override */
    .mn-hero {
        height: auto !important;
        /* Allow content to dictate height */
        padding: 80px 0 60px !important;
        /* Sufficient padding */
        border-radius: 0 0 25px 25px !important;
        /* Smaller curve */
    }

    .mn-hero h1 {
        font-size: 1.8em !important;
        /* Override generic h1 shrinking */
        margin-bottom: 10px !important;
    }

    .mn-hero-subtitle {
        font-size: 1em !important;
        padding: 5px 10px;
        display: inline-block;
    }

    /* Committees Mobile */
    .committee-members-grid,
    .committee-members-grid.simple {
        grid-template-columns: 1fr !important;
    }

    .member-card,
    .committee-members-grid.simple .member-card {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important;
    }

    .member-card-header,
    .committee-members-grid.simple .member-card-header {
        flex-direction: column !important;
        align-items: center !important;
    }

    .member-photo,
    [dir="rtl"] .member-photo {
        margin: 0 0 15px 0 !important;
        width: 90px !important;
        height: 90px !important;
    }

    /* Program Schedule Mobile */
    .schedule-day-block {
        margin-bottom: 40px !important;
    }

    .schedule-timeline {
        padding-left: 25px !important;
        border-left-width: 2px !important;
    }

    [dir="rtl"] .schedule-timeline {
        padding-right: 25px !important;
        padding-left: 0 !important;
        border-right-width: 2px !important;
        border-left: none !important;
    }

    .schedule-item {
        margin-bottom: 25px !important;
        padding: 20px !important;
    }

    .schedule-item::before {
        left: -33px !important;
        width: 14px !important;
        height: 14px !important;
    }

    [dir="rtl"] .schedule-item::before {
        left: auto !important;
        right: -33px !important;
    }

    .schedule-time {
        font-size: 0.85em !important;
        padding: 4px 12px !important;
        width: 100%;
        justify-content: center;
    }

    .schedule-title {
        font-size: 1.15em !important;
    }

    /* Registration Mobile */
    .registration-layout-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .fees-table th,
    .fees-table td {
        padding: 10px !important;
        font-size: 0.85em !important;
    }

    .reg-card {
        padding: 25px !important;
    }

    /* Contact Mobile */
    .contact-wrapper {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-bottom: 30px !important;
    }

    .contact-card {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important;
    }

    .contact-icon-box {
        margin-bottom: 10px !important;
    }

    .map-container-premium {
        height: 300px !important;
    }

    /* Submission Guidelines Mobile */
    .guidelines-container {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .guidelines-card {
        padding: 25px !important;
    }

    /* Publication Opportunities Mobile */
    .journal-card {
        flex-direction: column !important;
    }

    .journal-sidebar {
        width: 100% !important;
        height: auto !important;
        border: none !important;
        border-bottom: 1px solid #eee !important;
        padding: 20px !important;
    }

    .journal-meta {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    /* FAQ Mobile */
    .help-hero {
        height: auto !important;
        padding: 60px 20px 60px !important;
    }

    /* Call for Papers Mobile */
    .cfp-container {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .cfp-content-card,
    .cfp-sidebar-card {
        padding: 25px !important;
    }

    .cfp-sidebar-card {
        position: static !important;
    }

    /* Submit Page Mobile */
    .submission-form-container {
        padding: 25px !important;
    }

    .file-input-wrapper {
        padding: 20px !important;
    }

    /* About University Mobile */
    .uni-stats-grid {
        grid-template-columns: 1fr !important;
    }

    .uni-content-wrapper {
        padding: 25px !important;
    }

    /* About City Mobile */
    .photo-gallery-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .city-content-wrapper {
        padding: 25px !important;
    }

    /* Aims Page Mobile */
    .aims-content-wrapper {
        padding: 25px !important;
    }

    /* Proceedings Page Mobile */
    .paper-header {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 15px !important;
    }

    .paper-info {
        margin-bottom: 15px !important;
    }

    .proceedings-search-wrapper {
        transform: translateY(0) !important;
        margin-top: 20px !important;
    }

    .help-search-box {
        transform: translateY(0) !important;
        margin-top: 20px !important;
    }

    /* Sponsors Mobile */
    .sponsors-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        /* 2 cols for sponsors on mobile looks better */
        gap: 15px !important;
    }

    .platinum-grid {
        grid-template-columns: 1fr !important;
        /* Platinum maybe 1 col for prominence */
    }

    .mn-overlap-container {
        margin-top: -40px !important;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        z-index: 100;
    }
}

/* Additional Mobile Polish for Very Small Screens */
@media (max-width: 480px) {
    body {
        font-size: 11px !important;
    }

    h1 {
        font-size: 1.4em !important;
    }

    h2 {
        font-size: 1.2em !important;
    }

    .btn {
        font-size: 0.9em !important;
        padding: 10px 16px !important;
    }

    .section-title {
        font-size: 1.2em !important;
    }

    .container {
        padding: 0 10px !important;
    }
}

@media (max-width: 768px) {
    .contact-content-overlap {
        margin-top: -40px !important;
    }
}