html {
    scroll-behavior: smooth;
}
.swiper-slide {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}
.separator img {
    width: 100%; /* Occupa tutta la larghezza della pagina */
    height: 520px; /* Altezza ridotta per ottenere un effetto "schiacciato" */
    display: block; /* Rimuove eventuali spazi indesiderati sotto l'immagine */
    object-fit: cover; /* Ritaglia l'immagine mantenendo le proporzioni */
}
.parisienne-regular {
    font-family: "Parisienne", cursive;
    font-weight: 600;
    font-style: normal;
}
/* Hamburger icon (mobile) */
#hamburger {
    display: block;
}

/* Nascondi navbar su mobile */
@media screen and (max-width: 1024px) {
    #hamburger {
        display: block;
    }

    #nav-links {
        padding: 1rem 0; /* Aggiungi padding per separare i link */
        background-color: rgba(0, 0, 0, 0.8); /* Sfondo scuro */
        border-radius: 8px; /* Bordo arrotondato */
        position: absolute;
        top: 60px; /* Distanza dall'alto (puoi regolarla) */
        left: 0;
        width: 100%;
        z-index: 50;
    }

    #nav-links a {
        padding: 1rem; /* Aggiungi padding ai link per facilitarne il clic */
        text-align: center; /* Allinea il testo al centro */
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Linea separatrice tra i link */
    }

    #nav-links a:last-child {
        border-bottom: none; /* Rimuovi la linea dall'ultimo link */
    }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 1s ease-out both;
}

/* Sezione Available Cars */
#cars {
    padding-top: 3rem; /* Padding top per mobile */
}

/* Titolo della sezione "Available Cars" su mobile */
@media screen and (max-width: 1024px) {
    #cars_title {
        font-size: 1.5rem; /* Rimpicciolisci il titolo */
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* Slider per mobile: ridurre la larghezza e l'altezza */
    .available-cars-slider {
        width: 100%;
    }

    .swiper-pagination {
        bottom: 10px; /* Posiziona la paginazione più in basso */
    }
}