/* ============================================= */
/* DESTINATIONS PAGE OPTIMIZED STYLES */
/* ============================================= */

/* Remove scroll indicators as we're using grid now */
.scroll-indicator {
    display: none !important;
}


/* ============================================= */
/* RESPONSIVE STYLES */
/* ============================================= */

/* Performance optimizations */
.tour-card {
    will-change: transform;
}

.lazy-load {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lazy-load.loaded {
    opacity: 1;
}

/* Focus styles for accessibility */
a:focus,
button:focus,
.cta-button:focus {
    outline: 2px solid #f8d56b;
    outline-offset: 2px;
}

/* Loading animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.8s ease forwards;
}

.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }

/* FORCE 4 COLUMN LAYOUT */
.tour-cards-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.tour-card {
    min-width: 0 !important;
    width: 100% !important;
}

.card-content {
    padding: 0.5rem !important;
    min-width: 0 !important;
}

.card-title,
.card-description {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}