/* Responsive styles for mobile-first layout */
@media (max-width: 575.98px) {
    .trek-header-meta {
        flex-direction: column;
        gap: 8px;
    }
}

/* Single Trek Page Mobile Responsive Layout & Overflow Controls */
body.single-trek,
body.page-template-template-single-trek {
    overflow-x: hidden;
    width: 100%;
}

/* Ensure horizontal scroll containers smooth scrolling & non-blocking layout */
.no-scrollbar {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Prevent iframe and canvas mobile overflow */
#ebcTrailMap,
#elevationChart,
canvas,
iframe {
    max-width: 100% !important;
}

/* Leaflet mobile z-index fix */
.leaflet-container {
    z-index: 10 !important;
}

/* Tab containers mobile styling */
@media (max-width: 639.98px) {
    .tab-scroll-wrapper {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }
}

/* Footer Mobile Accordion Styles */
@media (max-width: 767.98px) {
    .footer-accordion-col .footer-accordion-content {
        display: none;
        overflow: hidden;
    }
    
    .footer-accordion-col.active .footer-accordion-content {
        display: block !important;
        animation: footerAccordionFadeIn 0.25s ease forwards;
    }
    
    .footer-accordion-col.active .footer-accordion-icon {
        transform: rotate(180deg) !important;
    }

    @keyframes footerAccordionFadeIn {
        from {
            opacity: 0;
            transform: translateY(-4px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media (min-width: 768px) {
    .footer-accordion-toggle {
        pointer-events: none !important;
        cursor: default !important;
    }
    .footer-accordion-icon {
        display: none !important;
    }
    .footer-accordion-content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}