/*
 * Sports Content AI — Sources block styles
 *
 * Applied to <section class="sca-sources"> blocks that are injected into
 * WordPress post content (drafts, published posts) and the block editor.
 *
 * Specificity strategy
 * --------------------
 * All rules are scoped under `body .sca-sources` (specificity 0,1,1) so that
 * child selectors such as `body .sca-sources h2` reach 0,1,2.  This reliably
 * outranks the most common theme patterns:
 *   - bare resets: `h2`         → 0,0,1
 *   - scoped resets: `.entry-content h2`, `.site h2`, `.wp-block-post-content h2`
 *                               → 0,1,1  (tie broken by source order — ours comes last)
 * The very few remaining `!important` declarations cover properties where themes
 * commonly use their own `!important` (border overrides on headings).
 */

/* ── Container ────────────────────────────────────────────────────────────── */

body .sca-sources {
    margin-top: 40px;
    padding: 18px 22px;
    background: #f8faff;
    border: 1px solid #d0ddf5;
    border-left: 4px solid #1e4d8c;
    border-radius: 6px;
    font-size: 0.9em;
    color: #374151;
    clear: both;
    /* Reset properties that themes may set on sections or articles */
    box-sizing: border-box;
    display: block;
}

/* ── Section heading (h2) ─────────────────────────────────────────────────── */

body .sca-sources h2 {
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #1e4d8c;
    margin: 0 0 10px;
    padding: 0;
    /* !important only where themes are known to use !important themselves */
    border: none !important;
    border-bottom: none !important;
    background: none;
    box-shadow: none;
}

/* Subsequent headings need extra top spacing */
body .sca-sources h2 + h2,
body .sca-sources ul + h2 {
    margin-top: 20px;
}

/* ── Source list ──────────────────────────────────────────────────────────── */

body .sca-sources ul {
    margin: 0;
    padding-left: 18px;
    list-style: disc;
    /* Prevent themes from stripping list styling on ul inside .entry-content */
    list-style-type: disc;
}

body .sca-sources ul li {
    margin-bottom: 5px;
    padding: 0;
    line-height: 1.5;
    font-size: 13px;
    color: #4b5563;
    background: none;
    /* Some themes add ::before pseudo-elements instead of native bullets */
    list-style: inherit;
}

body .sca-sources ul li::before {
    /* Suppress theme-injected decorative bullets / counters */
    content: none;
    display: none;
}

/* ── Links ────────────────────────────────────────────────────────────────── */

body .sca-sources ul li a,
body .sca-sources ul li a:visited {
    color: #1e4d8c;
    text-decoration: underline;
    word-break: break-all;
    background: none;
    box-shadow: none;
}

body .sca-sources ul li a:hover,
body .sca-sources ul li a:focus {
    color: #163a6a;
    text-decoration: none;
    background: none;
    box-shadow: none;
}