/* Style de base pour les icônes de sous-menu */
#menu-item-1166 .menu-item-731 a:before, /* Modèle A */
#menu-item-1166 .menu-item-1152 a:before, /* Modèle B */
#menu-item-1166 .menu-item-1151 a:before, /* Modèle C */
#menu-item-1166 .menu-item-1150 a:before { /* Modèle D */
    content: '';
    display: inline-block;
    width: 200px; /* Ajustez selon la taille réelle souhaitée */
    height: 150px; /* Ajustez selon la taille réelle souhaitée */
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Centrer l'image dans l'élément */
    vertical-align: middle;
    transition: transform 0.10s ease;
}

/* Mise à jour des URLs des images pour chaque modèle */
#menu-item-1166 .menu-item-731 a:before {
    background-image: url('https://nauticalresidence.fr/wp-content/uploads/2023/11/Eco23_Nordic32_NAUTICAL-RESIDENCE_019.jpeg');
}
#menu-item-1166 .menu-item-1152 a:before {
    background-image: url('https://nauticalresidence.fr/wp-content/uploads/2023/11/Houseboat_NAUTICAL-RESIDENCE36_Eco23_110-1.jpeg');
}
#menu-item-1166 .menu-item-1151 a:before {
    background-image: url('https://nauticalresidence.fr/wp-content/uploads/2023/11/Houseboat_NAUTICAL-RESIDENCE_003-1.jpg');
}
#menu-item-1166 .menu-item-1150 a:before {
    background-image: url('https://nauticalresidence.fr/wp-content/uploads/2023/11/Houseboat_NAUTICAL-RESIDENCE40_Evo42_012-1.jpg');
}

/* Style pour le conteneur du sous-menu */
#menu-item-1166 .sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Deux colonnes */
    gap: 10px;
    padding: 10px;
    list-style: none;
    border-radius: 10px;
}

/* Style pour les éléments individuels du sous-menu */
#menu-item-1166 .sub-menu .menu-item {
    display: block;
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

/* Style pour les liens dans les éléments du sous-menu */
#menu-item-1166 .sub-menu .menu-item a {
    text-decoration: none;
    color: #333;
    display: block;
}

/* Adapter le style pour les écrans plus petits */
@media screen and (max-width: 768px) {
    #menu-item-1166 .sub-menu {
        grid-template-columns: 1fr; /* Une colonne pour les petits écrans */
    }
}

/* Supprime la barre de défilement uniquement sur la page d'accueil */
.home {
    overflow: hidden;
}

/* Centrer le contenu sur le smart slider uniquement sur la page d'accueil */
.home .smart-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Utilisez min-height pour s'assurer que le contenu prend au moins toute la hauteur de la fenêtre */
}

/* Assurez-vous que le reste du contenu de la page d'accueil est centré si nécessaire */
.home .content {
    display: flex;
    justify-content: center;
    align-items: center;
}