/* Location Tabs Styling */
#locationTabs {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 0;
}

#locationTabs .nav-link {
    background: transparent;
    color: #6c757d;
    padding: 12px 24px;
    margin: 0;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    position: relative;
}

#locationTabs .nav-link:hover {
    color: var(--primary-color);
    background: #f8f9fa;
}

#locationTabs .nav-link.active {
    background: #e4f0e2;
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    font-weight: 600;
}




/* Smooth tab transitions */
.tab-content {
    position: relative;
}

.tab-content .tab-pane {
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.tab-content .tab-pane:not(.active) {
    opacity: 0;
    transform: translateY(10px);
}

.tab-content .tab-pane.active {
    opacity: 1;
    transform: translateY(0);
}

/* Fade animation for Bootstrap */
.tab-pane.fade {
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    opacity: 0;
    transform: translateY(10px);
}

.tab-pane.fade.show {
    opacity: 1;
    transform: translateY(0);
}