/* ==========================================================================
   Trekking Trials Theme Design Tokens & Single Trek Page Refactored Layout
   ========================================================================== */

:root {
    --trekkingtrials-primary: #1e4634;       /* Deep Himalayan Forest Green (from Trekking Trials Logo) */
    --trekkingtrials-primary-hover: #143224;
    --trekkingtrials-teal: #0d9488;
    --trekkingtrials-amber: #d76c52;         /* Terracotta Mountain Sunrise (from Trekking Trials Logo) */
    --trekkingtrials-emerald: #10b981;       /* Included Green Checkmark */
    --trekkingtrials-rose: #ef4444;          /* Excluded Red Cross */
    --trekkingtrials-slate-900: #0f172a;
    --trekkingtrials-slate-800: #1e293b;
    --trekkingtrials-slate-600: #475569;
    --trekkingtrials-bg-soft: #f8fafc;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--trekkingtrials-slate-600);
    background-color: var(--trekkingtrials-bg-soft);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

body.single-trek, body.page-template-template-single-trek {
    background-color: #f8fafc !important;
}

.single-trek-wrapper {
    color: #334155;
}

/* Subnav active link state */
.subnav-link.active {
    color: #0284c7 !important;
    background-color: #f0f9ff !important;
    border-bottom: 2px solid #0284c7;
}

/* Sticky Booking Card */
.sticky-booking-card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
}

/* Alternating Section Bands */
.trek-section {
    transition: all 0.2s ease-in-out;
}

/* Hide horizontal scrollbar for clean tab menus */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Swiper Carousel Styling Overrides */
.related-treks-swiper {
    padding-bottom: 2.5rem !important;
}

.swiper-pagination-bullet-active {
    background-color: #0284c7 !important;
}

/* Mobile Slide-Up Animation */
@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.animate-slide-up {
    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Responsive Hide Desktop Sidebar on Mobile */
@media (max-width: 767.98px) {
    .sticky-booking-card {
        display: none !important;
    }
}