/**
 * Summary Block Base Styles
 *
 * Static styles for the LLM Ready summary block.
 * Dynamic values (colors, spacing) are injected inline.
 *
 * @package EVPRO_LLM_Ready
 */

/* Container - dynamic props set inline */
.tldr-container {
    border-radius: 8px;
}

/* Heading */
.tldr-summary h2 {
    margin-top: 0;
    font-size: 1.25rem;
}

/* Divider */
.tldr-container hr {
    border: 0;
    border-top: 1px solid #e2e8f0;
    margin: 20px 0;
}

/* TOC Heading */
.tldr-toc p {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #64748b;
    margin-bottom: 10px;
}

/* TOC List - list-style set inline based on setting */
.tldr-toc ul {
    list-style-position: outside;
    padding: 0;
    margin: 0;
    margin-left: 15px;
}

/* TOC Items */
.tldr-toc li {
    margin-bottom: 8px;
}

/* TOC Links */
.tldr-toc a {
    text-decoration: none;
    font-weight: 500;
}

.tldr-toc a:hover {
    text-decoration: underline;
}

/* ── Anchor target behaviour ─────────────────────────────────────────────── */

/*
 * Smooth scrolling for TOC anchor links.
 * Scoped to the post content area so we don't override the theme's
 * global scroll-behavior setting.
 */
.entry-content,
.post-content,
.site-content,
article.post,
article.page {
    scroll-behavior: smooth;
}

/*
 * scroll-margin-top creates a gap between the viewport top edge and the
 * heading target after following an anchor link. This prevents the heading
 * from being hidden behind:
 *   - The WordPress admin bar (32 px on desktop, 46 px on mobile)
 *   - Common theme sticky headers
 * The value is intentionally generous; themes with taller sticky headers can
 * override this via their own stylesheet or Custom CSS in the plugin settings.
 */
h2[id] {
    scroll-margin-top: 80px;
}

/* Tighten the offset when logged in (admin bar is 32px) */
.logged-in h2[id] {
    scroll-margin-top: 112px; /* 80px clearance + 32px admin bar */
}

/* Mobile: admin bar collapses to 46px */
@media screen and (max-width: 782px) {
    .logged-in h2[id] {
        scroll-margin-top: 126px; /* 80px clearance + 46px admin bar */
    }
}