/* UFahrt - Minimal CSS using Mantine's theming */

/* Fix Dash's invalid input styling conflict with Mantine */
input:invalid {
    outline: none !important;
}

/* Smooth page transitions */
.dash-loading {
    opacity: 0.7;
    transition: opacity 0.15s ease-in-out;
}

/* Custom scrollbar styling */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--mantine-color-gray-4);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--mantine-color-gray-5);
}

[data-mantine-color-scheme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--mantine-color-dark-4);
}

[data-mantine-color-scheme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--mantine-color-dark-3);
}

/* Ensure app fills viewport */
html, body, #react-entry-point {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Active nav link styling */
.mantine-NavLink-root[data-active="true"] {
    font-weight: 500;
}

/* Graph container styling */
.graph-container {
    border-radius: var(--mantine-radius-md);
    overflow: hidden;
}

/* Keep OSM attribution visible while hiding hover tooltip */
.maplibregl-ctrl-attrib {
    pointer-events: none;
}