/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* Smooth Scroll pentru ancorele din meniu */
html {
    scroll-behavior: smooth;
}

/* Utilități pentru ascunderea barei de scroll la slidere */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Stiluri personalizate pentru markerele de pe Harta Mapbox */
.custom-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.marker-icon {
    width: 40px;
    height: 40px;
    background-color: #65D853;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
}

.marker-label {
    background-color: white;
    color: #101435;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin-top: 6px; 
    z-index: 1;
    white-space: nowrap;
}

/* Ascundem input-ul radio standard pentru a stiliza doar label-ul */
input[type="radio"]:checked + div {
    border-color: #4753BF;
    background-color: #F0F2FF;
}