/**
 * Nostr Previews Component
 * Styles for Nostr event and profile preview cards
 * Converted from SCSS to plain CSS
 */

.nostr-preview {
    margin-top: var(--spacing-2);
}

.nostr-preview .nostr-event-preview,
.nostr-preview .nostr-profile-preview {
    border-left: 3px solid #6c5ce7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.nostr-preview .nostr-profile-preview {
    border-left-color: #00b894;
}

.nostr-preview .card-title {
    margin-bottom: var(--spacing-2);
    font-size: 1rem;
}

.nostr-preview .card-text {
    font-size: 0.9rem;
}

.nostr-preview .card-footer {
    padding: var(--spacing-2) var(--spacing-3);
}

.nostr-previews h6 {
    font-size: 0.9rem;
    margin-bottom: var(--spacing-3);
}

.nostr-previews .preview-container {
    max-height: 500px;
    overflow-y: auto;
    padding-right: var(--spacing-2);
}

/* Style for nostr links in text */
.nostr-link {
    color: #6c5ce7;
    background-color: rgba(108, 92, 231, 0.1);
    padding: 0 var(--spacing-1);
    border-radius: 3px;
    text-decoration: none;
}

.nostr-link:hover {
    background-color: rgba(108, 92, 231, 0.2);
}