:root {
    --primary-color: #06b6d4;
    --primary-color-hover: #0891b2;
    --primary-color-focus-ring: #22d3ee;
}

body {
    font-family: 'Inter', sans-serif;
}

/* Prevent horizontal scroll on small screens */
html,
body {
    overflow-x: hidden;
}

.container,
main,
section {
    max-width: 100vw;
}

.custom-marker {
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

#map-container {
    /* This clips the entire container (map + overlay) to the SVG shape */
    /* The URL must be relative to the HTML file */
    -webkit-mask-image: url(../mask/hexagon.svg);
    mask-image: url(../mask/hexagon.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.scroll-snap-container {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.scroll-snap-container::-webkit-scrollbar {
    display: none;
}

.scroll-snap-item {
    scroll-snap-align: center;
}

.maplibregl-ctrl-attrib {
    display: none !important;
}

/* Removed language dropdown styles (simplified UI) */