/* Conteneur principal des options */
#materiauxOptions {
    display: flex;
    flex-direction: column;
}

/* Conteneur des onglets en ligne */
.materiaux-tabs {
    display: flex;
    gap: 10px; /* Espacement entre les onglets */
}

/* Conteneur des textures en bloc, affiché en dessous des onglets */
.textures-container {
    margin-top: 10px; /* Espacement entre les onglets et les textures */
}

/* Styles pour les boutons (identiques aux précédents) */
.lucemstone-button {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
}

    .lucemstone-button .circle {
        position: relative; /* Pour le pseudo-élément du point noir */
        width: 20px;
        height: 20px;
        background-color: white;
        border: 1px solid lightgray;
        border-radius: 50%;
        margin-right: 5px;
    }

    /* Affichage du point noir quand le bouton est actif */
    .lucemstone-button.active .circle::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: black;
    }

    .lucemstone-button .label {
        font-size: 16px;
        color: #333;
    }