/* Custom CSS — only what Tailwind CDN can't handle */

/* Smooth scroll + prevent horizontal overflow on mobile */
html, body {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

/* Line clamp utility (fallback for older browsers) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Leaflet map container reserved space */
#airport-map,
#parking-map {
    min-height: 320px;
    background-color: #f1f5f9;
}

/* Search results dropdown animation */
#search-results,
#hero-search-results,
#mobile-search-results {
    animation: fadeInDown 0.15s ease-out;
}

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

/* Mega menu transition */
#mega-menu-panel {
    animation: fadeInDown 0.2s ease-out;
}

/* Direction tab active state */
.dir-tab.active {
    border-color: #1e40af;
    color: #1e40af;
}

/* Sort/filter highlight on parking cards */
.parking-card.hidden-by-filter {
    display: none;
}

/* Responsive prose */
.prose p {
    margin-bottom: 1em;
}

/* Fix for sticky header z-index with Leaflet */
.leaflet-container {
    z-index: 1;
}