/* ============================================================
   12-SINGLE — detail příspěvku (PHP layout: obsah + pravý sidebar)
   ------------------------------------------------------------
   Komponenty (.wpl-content, .wpl-post-meta, .wpl-toc,
   .wpl-service-inline, .wpl-author-bio, .wpl-post-nav,
   .wpl-related-grid) jsou stylované jinde — tento modul řeší
   jen layout PHP šablony single.php.
   ============================================================ */

/* --- Hero --- */
.wpl-single-hero {
    margin-bottom: var(--wpl-space-loose);
}

.wpl-single-title {
    font-size: var(--wpl-h1);
    line-height: var(--wpl-leading-tight);
    letter-spacing: -0.02em;
    color: var(--wpl-navy);
    margin: var(--wpl-space-tight) 0 0;
    padding-bottom: 0;
}

.wpl-single-hero .wpl-post-meta {
    margin-top: var(--wpl-space-default);
}

.wpl-single-featured {
    margin: var(--wpl-space-loose) 0 0;
    border-radius: var(--wpl-radius-lg);
    overflow: hidden;
}

.wpl-single-featured img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- Layout: obsah vlevo, sticky sidebar vpravo --- */
.wpl-post-layout {
    display: flex;
    /* stretch (ne flex-start!) → sloupec sidebaru je vysoký jako článek,
       takže sticky vnitřek má kam jezdit při scrollu */
    align-items: stretch;
    gap: clamp(32px, 4vw, 64px);
    overflow: visible;
}

.wpl-post-main {
    flex: 1 1 auto;
    min-width: 0;
}

.wpl-post-aside {
    flex: 0 0 300px;
    width: 300px;
}

.wpl-post-aside-inner {
    position: sticky;
    top: calc(var(--wpl-header-height, 72px) + 24px);
}

/* Odsazení tagů pod obsahem (zůstávají v obsahovém sloupci) */
.wpl-post-main > .wpl-post-tags {
    margin-top: var(--wpl-space-loose);
}

/* Pod obsahem (sidebar tu už končí): autor + komentáře —
   na střed a užší než standardní šířka obsahu. */
.wpl-single-after {
    max-width: 760px;
    margin: var(--wpl-space-section) auto 0;
}

/* Komentáře */
.wpl-single-comments {
    margin-top: var(--wpl-space-loose);
    padding-top: var(--wpl-space-loose);
    border-top: 1px solid var(--wpl-border-soft);
}

/* --- Patička článku (prev/next + související) --- */
.wpl-single-foot {
    margin-top: var(--wpl-space-section);
}

.wpl-single-foot .wpl-related-grid {
    margin-top: var(--wpl-space-loose);
}

/* --- Mobile: kolaps na 1 sloupec, sidebar pod obsah, sticky pryč --- */
@media (max-width: 1024px) {
    .wpl-post-layout {
        flex-direction: column;
        gap: var(--wpl-space-loose);
    }
    .wpl-post-aside {
        flex-basis: auto;
        width: 100%;
    }
    .wpl-post-aside-inner {
        position: static;
    }
    /* TOC (obsah článku) nad obsahem na mobilu.
       Jen skutečný TOC — promo/CTA fallback u krátkých článků
       zůstává pod obsahem (žádné CTA před článkem). */
    .wpl-post-aside:has(.wpl-toc) {
        order: -1;
    }
}