/**
 * 3-parent-fixes.css
 * Neutralize specific parent styles that break the editorial look.
 * RULE: every override has a comment explaining WHY.
 */

/* ─── 1. H2/H3 inside article body ──────────────────────────────
   Parent adds: border-top + background gradient = looks like a blockquote.
   We want clean headings with a bottom accent only.
 ──────────────────────────────────────────────────────────────── */
.entry-content h1:not(.unstyled),
.entry-content h2:not(.unstyled),
.entry-content h3:not(.unstyled) {
    border-top: none !important;
    background: none !important;
    background-image: none !important;
    padding: 0 !important;
}

.entry-content h2:not(.unstyled) {
    font-size: var(--adc-text-3xl);
    font-weight: 700;
    line-height: var(--adc-lh-heading);
    color: var(--adc-text);
    margin-block: var(--adc-gap-7) var(--adc-gap-3);
    padding-block-end: var(--adc-gap-2);
    border-block-end: 2px solid var(--adc-brand-mid);
    letter-spacing: -0.01em;
}

.entry-content h3:not(.unstyled) {
    font-size: var(--adc-text-2xl);
    font-weight: 700;
    line-height: var(--adc-lh-heading);
    color: var(--adc-text);
    margin-block: var(--adc-gap-6) var(--adc-gap-3);
}

.entry-content h4:not(.unstyled) {
    font-size: var(--adc-text-xl);
    font-weight: 600;
    margin-block: var(--adc-gap-5) var(--adc-gap-3);
}

/* ─── 2. Blockquote — recolor to brand ───────────────────────── */
.entry-content blockquote {
    background: var(--adc-brand-soft) !important;
    border-inline-start-color: var(--adc-brand) !important;
    border-inline-end: none;
    color: var(--adc-brand-dark);
    font-style: italic;
    font-size: var(--adc-text-xl);
    border-radius: 0 var(--adc-radius) var(--adc-radius) 0 !important;
}
.rtl .entry-content blockquote {
    border-right-color: var(--adc-brand) !important;
}

/* ─── 3. Post cards — strip heavy parent shadow ──────────────── */
.post .post-content {
    box-shadow: none !important;
    border: 1px solid var(--adc-border) !important;
    transition: border-color 220ms ease, box-shadow 220ms ease !important;
}
.post .post-content:hover {
    border-color: var(--adc-border-mid) !important;
    box-shadow: var(--adc-shadow-sm) !important;
}

/* ─── 4. Site header — lighten shadow, accent top border ─────── */
#site-header {
    box-shadow: var(--adc-shadow-xs) !important;
    border-top: 3px solid var(--adc-brand) !important;
    background-color: var(--adc-bg) !important;
}

/* ─── 5. Nav menu underline color ────────────────────────────── */
#site-header .nav-menu > ul > li > a::after {
    background: var(--adc-brand) !important;
}

/* ─── 6. Footer — clean bordering ────────────────────────────── */
#site-footer {
    border-bottom: 3px solid var(--adc-brand) !important;
    box-shadow: none !important;
    border-top: 1px solid var(--adc-border);
    background-color: var(--adc-bg) !important;
}

/* ─── 7. Single-post primary content panel ───────────────────── */
.design-normal .entry-outer .primary-content {
    background: var(--adc-bg) !important;
}
.design-normal .entry-outer {
    margin-top: var(--adc-gap-5) !important;
}
.design-normal .entry-outer:first-child {
    margin-top: 0 !important;
}

/* ─── 8. Post meta color ─────────────────────────────────────── */
.post-meta,
.meta-color {
    color: var(--adc-text-muted) !important;
}

/* ─── 9. Tags — pill style with sage tint ────────────────────── */
.entry-tags-inner a {
    background-color: var(--adc-brand-soft) !important;
    border-color: var(--adc-brand-mid) !important;
    color: var(--adc-brand-dark) !important;
    border-radius: var(--adc-radius-pill) !important;
    padding: 4px 12px !important;
    font-size: var(--adc-text-xs) !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: background-color 200ms !important;
}
.entry-tags-inner a:hover {
    background-color: var(--adc-brand-mid) !important;
}

/* ─── 10. Search overlay background ──────────────────────────── */
#search-overlay {
    background-color: var(--adc-bg) !important;
}

/* ─── 11. Side menu background ───────────────────────────────── */
#side-menu {
    background-color: var(--adc-bg) !important;
}

/* ─── 12. Author block ───────────────────────────────────────── */
.entry-author-inner {
    border-color: var(--adc-border) !important;
    background: var(--adc-bg-alt) !important;
    border-radius: var(--adc-radius-lg) !important;
}

/* ─── 13. Comments ───────────────────────────────────────────── */
.comments-list .comment-body {
    border-color: var(--adc-border) !important;
    background: var(--adc-bg) !important;
}
.comments-list .comment.byteam > .comment-body,
.comments-list .comment.bypostauthor > .comment-body {
    border-color: var(--adc-brand) !important;
}

/* ─── 14. glob-links (category tabs) ─────────────────────────── */
.glob-links-inner > span,
.glob-links-inner > a,
.glob-links-inner li > a {
    border-top-color: var(--adc-border) !important;
    box-shadow: var(--adc-shadow-xs) !important;
    background-color: var(--adc-bg) !important;
    color: var(--adc-text-muted) !important;
    font-size: var(--adc-text-sm) !important;
    border-radius: var(--adc-radius) !important;
}
.glob-links-inner .current,
.glob-links-inner a:hover {
    color: var(--adc-brand-dark) !important;
    border-top-color: var(--adc-brand) !important;
    background: var(--adc-brand-soft) !important;
}