/**
 * 8-single.css
 * Single article page.
 *
 * Parent HTML structure (singular-content.php):
 * .entry-outer
 *   .breadcrumbs
 *   .primary-header > .container > .primary-header-inner > .primary-header-inner-2
 *   .primary-content > .container
 *     .primary-content-inner
 *       .primary-content-inner-2
 *         .entry-header-outer > .entry-image + .entry-header
 *         .primary-content-inner-3
 *           .entry-share
 *           .primary-content-inner-4.entry-content
 *           .entry-share
 *           .entry-tags
 *           .entry-author
 */

/* Reading progress sits below admin bar */
#adc-reading-progress {
    top: var(--wp-admin--admin-bar--height, 0);
}

/* Article shell */
.adc-single .entry-outer {
    background: var(--adc-bg);
}
.adc-single .primary-header {
    background: var(--adc-bg) !important;
    padding-block: var(--adc-gap-6) 0;
}
.adc-single .primary-header-inner-2 {
    display: flex;
    flex-direction: column;
    gap: var(--adc-gap-4);
    padding-block: 0 var(--adc-gap-5);
}

/* Category badge above title */
.adc-single .primary-header-inner-2 .post-meta-terms a,
.adc-single .primary-header-inner-2 .post-meta-terms span {
    display: inline-flex;
    align-items: center;
    background: var(--adc-brand-soft);
    color: var(--adc-brand-dark);
    font-size: var(--adc-text-xs);
    font-weight: 700;
    padding: 3px 10px;
    border-radius: var(--adc-radius-pill);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none !important;
}

/* Article title */
.adc-single .primary-header h1 {
    font-size: var(--adc-text-4xl) !important;
    font-weight: 800 !important;
    line-height: var(--adc-lh-heading) !important;
    color: var(--adc-text) !important;
    letter-spacing: -0.02em;
    margin-bottom: 0 !important;
}

/* Sub-title / deck */
.adc-single .primary-header h2,
.adc-single .entry-content h1.entry-title + p.entry-subtitle {
    font-size: var(--adc-text-lg) !important;
    font-weight: 400 !important;
    line-height: var(--adc-lh-body) !important;
    color: var(--adc-text-muted) !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-block: 0 var(--adc-gap-3) !important;
}

/* Post meta strip */
.adc-single .post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--adc-gap-3);
    padding-block: var(--adc-gap-4);
    border-block: 1px solid var(--adc-border);
    font-size: var(--adc-text-sm);
    color: var(--adc-text-muted);
    margin-bottom: 0;
}
.adc-single .post-meta-item {
    display: flex;
    align-items: center;
    gap: var(--adc-gap-2);
}
.adc-single .post-meta-avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--adc-bg-alt);
}
.adc-single .post-meta a {
    color: var(--adc-text-muted);
    font-weight: 600;
}
.adc-single .post-meta a:hover {
    color: var(--adc-brand-dark);
}

/* Reading time chip (injected by functions.php) */
.adc-reading-time {
    display: inline-flex;
    align-items: center;
    gap: var(--adc-gap-2);
    color: var(--adc-text-muted);
    font-size: var(--adc-text-xs);
}
.adc-reading-time svg {
    flex-shrink: 0;
    color: var(--adc-brand);
}

/* Featured image */
.adc-single .entry-image-inner {
    border-radius: var(--adc-radius) !important;
    overflow: hidden;
    max-height: 540px;
}
.adc-single .entry-image img {
    width: 100%;
    max-height: 540px;
    object-fit: cover;
    border-radius: var(--adc-radius);
}

/* Article body */
.adc-single .entry-content {
    font-size: var(--adc-text-lg);
    line-height: var(--adc-lh-prose);
    color: var(--adc-text);
    max-width: 800px;
    margin-inline: auto;
}
.adc-single .entry-content > * {
    margin-block-end: var(--adc-gap-5);
}
.adc-single .entry-content > *:last-child {
    margin-block-end: 0;
}
.adc-single .entry-content p {
    font-size: var(--adc-text-lg);
    line-height: var(--adc-lh-prose);
}
.adc-single .entry-content a:not(.btn):not(.no-underline) {
    color: var(--adc-brand-dark);
    text-decoration-color: var(--adc-brand-mid);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.adc-single .entry-content a:hover {
    color: var(--adc-brand);
    text-decoration-color: var(--adc-brand);
}

/* Images & figures */
.adc-single .entry-content img,
.adc-single .entry-content figure {
    border-radius: var(--adc-radius);
    margin-block: var(--adc-gap-6);
}
.adc-single .entry-content figcaption,
.adc-single .entry-content .wp-caption-text,
.adc-single .entry-content .wp-element-caption {
    text-align: center;
    color: var(--adc-text-faint);
    font-size: var(--adc-text-sm);
    margin-top: var(--adc-gap-2);
    font-style: italic;
}

/* Code */
.adc-single .entry-content code {
    background: var(--adc-brand-soft);
    color: var(--adc-brand-dark);
    font-size: 0.9em;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
}
.adc-single .entry-content pre {
    background: var(--adc-bg-alt);
    border: 1px solid var(--adc-border);
    border-radius: var(--adc-radius);
    padding: var(--adc-gap-5);
    overflow-x: auto;
}
.adc-single .entry-content pre code {
    background: none;
    padding: 0;
    color: var(--adc-text);
}

/* Tables */
.adc-single .entry-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--adc-text-sm);
    margin-block: var(--adc-gap-6);
}
.adc-single .entry-content th,
.adc-single .entry-content td {
    padding: var(--adc-gap-3);
    border: 1px solid var(--adc-border);
    text-align: start;
}
.adc-single .entry-content th {
    background: var(--adc-brand-soft);
    font-weight: 700;
    color: var(--adc-brand-dark);
}
.adc-single .entry-content tr:hover td {
    background: var(--adc-bg-hover);
}

/* Share buttons */
.adc-single .share-links-inner a {
    border-radius: var(--adc-radius) !important;
    border-bottom-width: 2px;
    transition: opacity 200ms, transform 200ms;
}
.adc-single .share-links-inner a:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.adc-single .share-links-inner .title {
    font-size: var(--adc-text-xs) !important;
}

/* Breadcrumbs */
.breadcrumbs-inner {
    font-size: var(--adc-text-sm);
    color: var(--adc-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--adc-gap-2);
    align-items: center;
}
.breadcrumbs-inner a {
    color: var(--adc-text-muted);
}
.breadcrumbs-inner a:hover {
    color: var(--adc-brand-dark);
}