/*
==========================================================================
    Component: Reusable Taxonomy Labels
==========================================================================
*/
.taxonomy-labels-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 6px; /* 6px vertical gap, 8px horizontal gap */
    width: 100%; /* Ensures the container takes full width, fixing wrapping issues in Elementor */
}

.taxonomy-label {
    padding: 6px 12px;
    line-height: 1.4; /* Ensures consistent height */
    white-space: nowrap; /* Prevents long labels from breaking onto two lines */
}