/* Activity Scanner - Custom Color Scheme */
:root {
    --primary-color: #1a2b49;
    --button-color: #1a2b49;
    --hover-color: #ff5634;
    --text-hover-color: #ff5634;
    --text-color: #1a2b49;
    --heading-color: #000;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color) !important;
}

/* Dark mode headings */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: white !important;
}

/* Results page specific dark mode headings */
/* .dark .search-results h1, .dark .search-results h2, .dark .search-results h3 {
    color: #1a2b49 !important;
} */

/* Primary Text Color */
.text-primary {
    color: var(--text-color) !important;
}

/* Primary Background */
.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Primary Buttons */
.btn-primary {
    background-color: var(--button-color) !important;
    border-color: var(--button-color) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--hover-color) !important;
    border-color: var(--hover-color) !important;
    color: white !important;
}

/* Links */
a {
    color: var(--text-color);
    text-decoration: none;
}

a:hover {
    color: var(--text-hover-color) !important;
}

/* Navigation Links */
.nav-link {
    color: #1a2b49 !important;
    font-family: "GT Eesti", "fallback for GT Eesti", "android fallback for GT Eesti", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.nav-link:hover {
    color: var(--text-hover-color) !important;
}

/* Emerald color overrides - replacing with primary colors */
.text-emerald-600, .text-emerald-700 {
    color: var(--text-color) !important;
}

.text-emerald-400 {
    color: var(--text-color) !important;
}

.hover\:text-emerald-600:hover, .hover\:text-emerald-400:hover {
    color: var(--text-hover-color) !important;
}

.bg-emerald-700, .bg-emerald-600 {
    background-color: var(--button-color) !important;
}

.hover\:bg-emerald-600:hover, .hover\:bg-emerald-500:hover {
    background-color: var(--hover-color) !important;
}

.border-emerald-700 {
    border-color: var(--button-color) !important;
}

.focus\:ring-emerald-500:focus {
    --tw-ring-color: var(--primary-color) !important;
}

.focus\:border-emerald-500:focus {
    border-color: var(--primary-color) !important;
}

/* Emerald backgrounds in components */
.bg-emerald-100 {
    background-color: #e6f3ff !important;
}

.text-emerald-800 {
    color: var(--text-color) !important;
}

/* Form elements */
input:focus, select:focus, textarea:focus {
    border-color: var(--primary-color) !important;
    --tw-ring-color: var(--primary-color) !important;
}

/* Custom button styles */
.custom-button {
    background-color: var(--button-color);
    border: 1px solid var(--button-color);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.custom-button:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color: white;
}

/* Search results specific styles */
.search-result-card:hover h2 {
    color: var(--text-hover-color) !important;
}

/* Price filter range */
.price-range {
    background-color: var(--primary-color) !important;
}

/* View buttons */
.view-button.active {
    background-color: white !important;
    color: var(--primary-color) !important;
}

/* Mobile menu */
.mobile-menu-item {
    font-family: "GT Eesti", "fallback for GT Eesti", "android fallback for GT Eesti", sans-serif !important;
    color: #1a2b49 !important;
    font-weight: 400 !important;
}

.mobile-menu-item:hover {
    background-color: #f3f4f6 !important;
    color: var(--text-hover-color) !important;
}

/* Dark mode adjustments */
.dark .text-primary {
    color: #cbd5e1 !important;
}

.dark .nav-link {
    color: #cbd5e1 !important;
}

.dark .nav-link:hover {
    color: var(--text-hover-color) !important;
}

/* Footer specific styles */
.footer-bg {
    background-color: var(--primary-color) !important;
}

/* Hero section button */
.hero-button {
    background-color: var(--button-color) !important;
}

.hero-button:hover {
    background-color: var(--hover-color) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mobile-menu-item {
        font-family: "GT Eesti", "fallback for GT Eesti", "android fallback for GT Eesti", sans-serif !important;
        color: #1a2b49 !important;
        font-weight: 400 !important;
        padding: 12px 16px !important;
        border-radius: 8px !important;
        transition: all 0.3s ease !important;
    }
    
    .mobile-menu-item:hover {
        color: var(--text-hover-color) !important;
    }
    
    .dark .mobile-menu-item {
        color: #e5e7eb !important;
        border: 1px solid #374151 !important;
        margin-bottom: 4px !important;
    }
    
    .dark .mobile-menu-item:hover {
        background-color: #374151 !important;
        border-color: var(--text-hover-color) !important;
    }
}

/* Additional utility classes */
.text-hover-primary:hover {
    color: var(--text-hover-color) !important;
}

.bg-hover-primary:hover {
    background-color: var(--hover-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

.ring-primary {
    --tw-ring-color: var(--primary-color) !important;
}

/* Hero section title */
.hero-title {
    font-family: "GT Eesti", "fallback for GT Eesti", "android fallback for GT Eesti", sans-serif !important;
    font-weight: 700 !important;
    color: white !important;
    font-size: 2rem !important; /* Mobile default (32px) */
}

/* Hero section with background image */
.hero-section {
    position: relative;
    height: 600px;
    max-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Responsive adjustments for hero section */
@media (max-width: 768px) {
    .hero-section {
        height: 500px;
        max-height: 500px;
        background-attachment: scroll; /* Better performance on mobile */
    }
}

/* Responsive font sizes for hero title */
@media (min-width: 768px) {
    .hero-title {
        font-size: 4rem !important; /* Desktop (64px) */
    }
}

/* Exception for hero title - always white */
.hero-title {
    color: white !important;
}

.dark .hero-title {
    color: white !important;
}

/* Popular Activities Near You section - h3 headings always white */
.grid a h3 {
    color: white !important;
}

/* Search input placeholder styling */
.search-input::placeholder {
    color: #636879 !important;
    opacity: 1;
}

.search-input::-webkit-input-placeholder {
    color: #636879 !important;
}

.search-input::-moz-placeholder {
    color: #636879 !important;
    opacity: 1;
}

.search-input:-ms-input-placeholder {
    color: #636879 !important;
}

.search-input:-moz-placeholder {
    color: #636879 !important;
    opacity: 1;
}

/* Ensure activity card headings stay white in both light and dark mode */
.grid .absolute h3 {
    color: white !important;
}

/* Search button hover effect */
.bg-primary:hover {
    background-color: var(--hover-color) !important;
    color: black !important;
}

/* Footer h3 elements - always white */
footer h3 {
    color: white !important;
}

/* Ensure activity card headings stay white in both light and dark mode */
.grid .absolute h3 {
    color: white !important;
}

/* Dark mode mobile menu improvements */
.dark .mobile-menu-item {
    color: #e5e7eb !important; /* Light gray for better visibility */
    background-color: transparent !important;
}

.dark .mobile-menu-item:hover {
    background-color: #374151 !important; /* Darker gray background on hover */
    color: var(--text-hover-color) !important;
}

/* Mobile menu container dark mode */
.dark .navbar-menu nav {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

/* Testimonial section h2 - always white */
.bg-primary h2 {
    color: white !important;
}

/* Remove hover effects from testimonial section links - COMPLETE OVERRIDE */
.bg-primary .text-hover-primary,
.bg-primary .text-hover-primary:hover,
.bg-primary a,
.bg-primary a:hover {
    color: var(--text-hover-color) !important;
    text-decoration: underline !important;
    transition: none !important;
}

/* Disable the global text-hover-primary hover effect within bg-primary */
.bg-primary .text-hover-primary:hover {
    color: var(--text-hover-color) !important;
}

/* Hamburger menu button visibility */
.navbar-burger {
    transition: color 0.3s ease;
}

.dark .navbar-burger {
    color: #e5e7eb !important;
}

.navbar-burger:hover {
    color: var(--text-hover-color) !important;
} 

.bg-zy
{
    background: #1a2b49 !important;
}

.bg-zy-font
{
    color: #ffffff !important;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
}

/* DESKTOP SEARCH VISIBILITY RULES */

/* Desktop (1024px+): Show search on non-homepage, hide on homepage */
@media (min-width: 1024px) {
    #desktop-search-container {
        display: flex !important;
    }
    
    .homepage #desktop-search-container {
        display: none !important;
    }
}

/* Mobile (below 1024px): Hide search on ALL pages */
@media (max-width: 1023px) {
    #desktop-search-container,
    ul#desktop-search-container,
    .lg\:flex#desktop-search-container,
    nav #desktop-search-container {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Mobile Filters Styles */
#mobileFilterToggle {
    transition: all 0.3s ease;
}

#mobileFilterToggle:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#filterToggleIcon {
    transition: transform 0.3s ease;
}

/* Mobile filter form overlay styles */
@media (max-width: 767px) {
    #filtersForm {
        animation: slideInFromBottom 0.3s ease-out;
        border-radius: 20px 20px 0 0;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);
        max-height: calc(100vh - 80px);
    }
}

@keyframes slideInFromBottom {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Filter overlay animation */
#mobileFiltersOverlay {
    transition: opacity 0.3s ease;
}

#mobileFiltersOverlay.hidden {
    opacity: 0;
}

/* Filter section collapsible styling */
.filter-section-header {
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-section-header:hover {
    background-color: #f9fafb;
}

/* Mobile filter close button */
#mobileFilterClose {
    position: sticky;
    bottom: 0;
    z-index: 10;
}

/* Ensure proper stacking on mobile */
@media (max-width: 767px) {
    #filtersForm.fixed {
        z-index: 50;
    }
    
    #mobileFiltersOverlay {
        z-index: 40;
    }
}

.dark .testimonial-card-static {
    background-color: none !important;
    color: white !important;
    border-color: white !important;
}


.dark  p.text-black.text-sm.mb-3, .text-black.text-sm, .text-black.text-xs {
    color: white !important; 
}