/**
 * TL;DR / Key Takeaways box styles. Used by the [tldr] and [bv_takeaways]
 * shortcodes on single posts only.
 *
 * Extracted from `bv_add_tldr_styles()` in functions.php.
 */

.bv-tldr-box {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-left: 4px solid var(--bv-accent, #0891b2);
    border-radius: 0 12px 12px 0;
    padding: 20px 24px;
    margin: 0 0 32px 0;
}

.bv-tldr-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--bv-accent, #0891b2);
    margin-bottom: 16px;
}

.bv-tldr-header svg {
    flex-shrink: 0;
}

.bv-tldr-list {
    margin: 0;
    padding: 0 0 0 24px;
    list-style: none;
}

.bv-tldr-list li {
    position: relative;
    padding: 6px 0;
    color: #374151;
    line-height: 1.6;
}

.bv-tldr-list li::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 14px;
    width: 8px;
    height: 8px;
    background: var(--bv-accent, #0891b2);
    border-radius: 50%;
}

[data-neve-theme="dark"] .bv-tldr-box {
    background: linear-gradient(135deg, #1e3a5f 0%, #1e40af33 100%);
    border-color: var(--bv-accent-bright, #14b8a6);
}

[data-neve-theme="dark"] .bv-tldr-header {
    color: #93c5fd;
}

[data-neve-theme="dark"] .bv-tldr-list li {
    color: #d1d5db;
}

[data-neve-theme="dark"] .bv-tldr-list li::before {
    background: var(--bv-accent-bright, #14b8a6);
}