/* Custom styles beyond Tailwind */
.hero-section {
    background-image: linear-gradient(135deg, #319795 0%, #2C7A7B 100%);
}

.search-component input:focus {
    outline: none;
}

.popular-locations a:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* Loading states */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator {
    opacity: 1
}
.htmx-request.htmx-indicator {
    opacity: 1
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-section {
        padding: 2rem 1rem;
    }
    
    .search-component {
        margin: 0 -1rem;
        border-radius: 0;
    }
}