.breadcrumb-area-inner .nav-area-navigation {
    position: absolute;
    bottom: -250px;
    background: #fff;
    padding: 15px 31px;
    border-radius: 10px 10px 0 0;
    gap: 33px;
    display: flex;
    /* Ajout d'un fond légèrement transparent */
    background: rgba(255, 255, 255, 0.75);
}

.breadcrumb-area-inner .nav-area-navigation a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    color: var(--color-title);
}

/* Version augmentée pour PC/ordinateur */
@media screen and (min-width: 1025px) {
    .breadcrumb-area-inner .nav-area-navigation {
        /* Augmenter la taille du nav sur PC */
        padding: 30px 50px; /* Augmentation du padding */
        gap: 40px; /* Augmentation de l'espacement */
        bottom: -250px; /* Ajuster la position si besoin */
    }

    .breadcrumb-area-inner .nav-area-navigation a {
        font-size: 25px; /* Légère augmentation de la taille de police */
    }
}

/* Media query pour tablette */
@media screen and (max-width: 1024px) {
    .breadcrumb-area-inner .nav-area-navigation {
        bottom: -250px; /* Ramener à -187px sur tablette */
    }

    .breadcrumb-area-inner .nav-area-navigation a {
        font-size: 15px; /* Taille de police à 15px sur tablette */
    }
}

/* Media query pour mobile */
@media screen and (max-width: 768px) {
    .breadcrumb-area-inner .nav-area-navigation {
        bottom: -187px; /* Ramener à -187px sur mobile */
        padding: 12px 20px; /* Ajustement du padding pour mobile */
        gap: 20px; /* Réduction de l'espacement entre les liens */
    }

    .breadcrumb-area-inner .nav-area-navigation a {
        font-size: 15px; /* Taille de police à 15px sur mobile */
    }
}

/* Pour les très petits mobiles */
@media screen and (max-width: 480px) {
    .breadcrumb-area-inner .nav-area-navigation {
        padding: 10px 15px;
        gap: 15px;
        flex-wrap: wrap; /* Permettre le retour à la ligne si nécessaire */
        justify-content: center;
    }

    .breadcrumb-area-inner .nav-area-navigation a {
        font-size: 14px; /* Légèrement plus petit sur très petits écrans */
    }
}
