.loading-placeholder {
    text-align: center;
    padding: 10px;
    color: #6c757d;
    font-style: italic;
}

.text-muted {
    color: #6c757d !important;
}

.subcategory-link {
    display: block;
    padding: 8px 16px;
    color: #495057;
    text-decoration: none;
    transition: background-color 0.2s ease;
    border-radius: 4px;
    margin: 2px 8px;
}

    .subcategory-link:hover {
        background-color: #f8f9fa;
        color: #212529;
        text-decoration: none;
    }

/* Spinner animation for loading state */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ph-spin {
    animation: spin 1s linear infinite;
}

/* Smooth transitions for better UX */
.submenus-submenu__list {
    transition: opacity 0.2s ease;
}

    .submenus-submenu__list.loading {
        opacity: 0.7;