/* Haizum AI Suite — Frontend Styles */

.haizum-ai-disclaimer {
    font-size: 0.75rem;
    color: var(--text-muted, #8A9893);
    margin-top: 0.6rem;
    font-style: italic;
}

/* AI Search & Recommender result cards reuse theme .card classes,
   but provide fallbacks in case theme classes are absent */
.haizum-ai-result-card {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid var(--border-color, #e5e0d4);
    border-radius: var(--radius-md, 12px);
    margin-bottom: 0.6rem;
    background: var(--bg-surface, #fff);
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease;
}
.haizum-ai-result-card:hover { transform: translateY(-2px); }
.haizum-ai-result-card img {
    width: 64px; height: 64px; object-fit: cover; border-radius: 8px; flex-shrink: 0;
    background: var(--accent-primary, #0F5C4A);
}
.haizum-ai-result-card .info h5 { margin: 0 0 0.2rem; font-size: 0.95rem; }
.haizum-ai-result-card .info span { font-size: 0.75rem; color: var(--text-muted, #8A9893); text-transform: capitalize; }

.haizum-ai-loading-spinner {
    display: inline-block;
    width: 16px; height: 16px;
    border: 2px solid var(--border-color, #ddd);
    border-top-color: var(--accent-primary, #0F5C4A);
    border-radius: 50%;
    animation: haizum-ai-spin 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 0.4rem;
}
@keyframes haizum-ai-spin { to { transform: rotate(360deg); } }

/* Floating widgets container — generic recommender/search widget */
.haizum-ai-floating-widget {
    background: var(--bg-surface, #fff);
    border: 1px solid var(--border-color, #e5e0d4);
    border-radius: var(--radius-md, 12px);
    padding: 1rem;
}
.haizum-ai-floating-widget textarea,
.haizum-ai-floating-widget input[type="text"] {
    width: 100%;
    padding: 0.7rem;
    border: 1px solid var(--border-color, #e5e0d4);
    border-radius: var(--radius-sm, 8px);
    font-family: inherit;
    margin-bottom: 0.6rem;
    background: var(--bg-base, #faf7f0);
    color: var(--text-primary, #102320);
}