/* ============================================
   Tag Cloud Widget - Polaris Theme Integration
   ============================================ */

.qa-tag-cloud-widget {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--bs-white, #fff);
}

.qa-tag-cloud-widget .card-header {
    background: linear-gradient(135deg, var(--bs-primary, #0d6efd) 0%, var(--bs-primary-dark, #0a58ca) 100%);
    border-bottom: none;
}

.qa-tag-cloud-widget .card-header h5 {
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.qa-tag-cloud-container {
    min-height: 60px;
    padding: 0.5rem 0;
}

.qa-tag-cloud-link {
    transition: all 0.2s ease;
    border-radius: 1rem !important;
    padding: 0.25rem 0.6rem !important;
    font-weight: 500;
    white-space: nowrap;
}

.qa-tag-cloud-link:hover {
    background: var(--bs-primary, #0d6efd) !important;
    color: var(--bs-white, #fff) !important;
    border-color: var(--bs-primary, #0d6efd) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.25);
    text-decoration: none !important;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .qa-tag-cloud-widget {
        background: var(--bs-dark, #212529);
        border-color: var(--bs-gray-700, #495057);
    }

    .qa-tag-cloud-link {
        background: var(--bs-gray-700, #495057) !important;
        color: var(--bs-light, #f8f9fa) !important;
        border-color: var(--bs-gray-600, #6c757d) !important;
    }

    .qa-tag-cloud-link:hover {
        background: var(--bs-primary, #0d6efd) !important;
        color: var(--bs-white, #fff) !important;
    }
}

/* Responsive */
@media (max-width: 576px) {
    .qa-tag-cloud-link {
        font-size: 0.75rem !important;
        padding: 0.2rem 0.5rem !important;
    }
}