/* General Rating Container Styling */
.ntg-rating-container {
    display: flex;
    justify-content: center; /* Adjust alignment dynamically */
    align-items: center;
    gap: 1px; /* Space between icons */
}

.ntg-rating {
    display: flex;
    gap: 5px; /* Space between icons */
}

/* Default Icon State */
.rating_icon .icon {
    color: #dddddd; /* Default color for empty icons */
    padding: 0.1em;
}

/* Filled Icon State */
.rating_icon .filled {
    color: #ffd700;

    transform: scale(1.1); /* Enlarge by 20% */
    transition: transform 0.3s ease, fill 0.3s ease; /* Smooth scaling and color transition */
}



/* Dynamic Sizing for Icons */
.ntg-rating-container[data-rating-size="xs"] .icon {
    width: 1em;
    height: 1em;
}

.ntg-rating-container[data-rating-size="sm"] .icon {
    width: 1.5em;
    height: 1.5em;
}

.ntg-rating-container[data-rating-size="md"] .icon {
    width: 2em;
    height: 2em;
}

.ntg-rating-container[data-rating-size="lg"] .icon {
    width: 3em;
    height: 3em;
}
.ntg-rating-container[data-rating-size="xl"] .icon {
    width: 4em;
    height: 4em;
}