html { scroll-behavior: smooth; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

:root {
    /* Sidebar/content split position, adjustable at runtime by the dragger */
    --split-pos: 20%;
}

@media (min-width: 1024px) {
    .split-left-container {
        width: var(--split-pos) !important;
    }
    .split-right-container {
        width: calc(100% - var(--split-pos)) !important;
        margin-left: var(--split-pos) !important;
    }
    .split-dragger-pos {
        left: var(--split-pos) !important;
    }
    .is-dragging * { pointer-events: none !important; user-select: none !important; }
}

/* Container Queries for Navigation - Mint theme (For Venues) */
@container nav-container (min-width: 800px) {
    .nav-wrapper {
        justify-content: space-between !important;
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .nav-links-container {
        background: rgba(6, 78, 59, 0.04);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(6, 78, 59, 0.08);
        border-radius: 2rem;
        padding: 0.375rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }
    .nav-login-container {
        background: rgba(6, 78, 59, 0.04);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(6, 78, 59, 0.08);
        border-radius: 2rem;
        padding: 0.375rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        margin-left: auto;
    }
    .nav-divider {
        display: none !important;
    }
}