/*
* Episode screen — templates/single.html (prototype "05 Епизод").
* Loaded on single posts only (inc/screens/episode.php) and in the editor.
*
* Markup contract (all core blocks, generated by scripts/gen-episode-news-templates.py):
* .hc-episode the band, 1200px
* .hc-crumbs Начало › Предавания › [show button .hc-crumbs__show]
* .hc-player | figure.hc-episode__media player, or the featured image when there is no video
* .hc-episode__cols
* .hc-episode__main show button, H1, .hc-episode__byline (speakers + .hc-episode__meta), .hc-prose,
* .hc-episode__topics (Post Terms: topic links)
* .hc-episode__side
* aside.hc-episode__aside .hc-episode__aside-head (H2 + .hc-autoplay), Query Loop, note
* .hc-sharebar label + .hc-share (copy link, Facebook, Viber as icon buttons)
* .hc-episode__more section head + rail
*/
/* Band: the old flex column of style.css §19 does not apply to block markup. */
.wp-block-group.hc-episode { padding-top: 0; }
.hc-episode > .wp-block-spacer + .wp-block-spacer { display: none; }
/* Breadcrumbs. */
.wp-block-group.hc-crumbs { gap: 8px; }
.hc-crumbs > * { margin: 0; }
.hc-crumbs p { font-size: 13px; font-weight: 600; line-height: 1.4; }
.hc-crumbs .wp-block-button .wp-block-button__link {
min-height: 0;
padding: 0;
border-radius: 0;
background: none;
color: var(--hc-ink);
font-size: 13px;
font-weight: 600;
line-height: 1.4;
}
.hc-crumbs .wp-block-button .wp-block-button__link:hover { background: none; color: var(--hc-accent-ink); }
/* Featured image in place of the player. */
figure.hc-episode__media {
margin: 0;
aspect-ratio: 16 / 9;
border-radius: clamp(14px, 2vw, 22px);
overflow: hidden;
background: var(--hc-card);
}
figure.hc-episode__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Two columns that wrap. */
.wp-block-group.hc-episode__cols { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; }
.hc-episode__cols > * { margin-block: 0; }
.hc-episode__main > *,
.hc-episode__aside > * { margin-block: 0; }
/* Show name above the title: a bound Button that reads as a label. */
.wp-block-button.hc-episode__show .wp-block-button__link {
min-height: 0;
padding: 0;
border-radius: 0;
background: none;
color: var(--hc-accent-ink);
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
line-height: 1.3;
text-transform: uppercase;
text-align: left;
}
.wp-block-button.hc-episode__show .wp-block-button__link:hover { background: none; text-decoration: underline; }
/* No show: the bound button has no label. */
.wp-block-button:is(.hc-episode__show, .hc-crumbs__show) .wp-block-button__link:empty { display: none; }
.hc-crumbs:has(.wp-block-button__link:empty) > .hc-crumbs__sep:nth-last-child(2) { display: none; }
h1.hc-episode__title { text-transform: none; font-weight: 700; }
/* Date · duration. The dot belongs to the duration, so it goes when there is no video. */
.wp-block-group.hc-episode__meta { gap: 10px; }
.hc-episode__meta > p { margin: 0; }
.hc-episode__meta > p + p:not(:empty) { display: inline-flex; align-items: center; gap: 10px; }
.hc-episode__meta > p + p:not(:empty)::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: currentColor;
}
/* Speaker + date between two lines (design "Speaker and Share" 3a). */
.wp-block-group.hc-episode__byline {
gap: 16px;
padding: 14px 0;
border-top: 1px solid var(--hc-line);
border-bottom: 1px solid var(--hc-line);
}
.hc-episode__byline > * { margin: 0; }
.hc-episode__byline .hc-episode__meta { font-size: 15px; }
/* Description. */
.hc-episode__main > .wp-block-post-content.hc-prose { margin-top: 6px; }
/* Topics under the description: the look of .hc-chip--tag, as links to /tema//. */
.wp-block-post-terms.hc-episode__topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.hc-episode__topics a {
padding: 5px 10px;
border-radius: 8px;
background: var(--hc-chip);
color: var(--hc-ink);
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
text-decoration: none;
transition: background .15s;
}
.hc-episode__topics a:hover { background: var(--hc-chip2); }
/* Side column: "Следва" card, then the share bar (which stays when there is no next episode). */
.wp-block-group.hc-episode__side { flex: 1 1 300px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.hc-episode__side > * { margin-block: 0; }
.hc-episode__side > .hc-episode__aside { flex: none; }
/* "Следва". */
aside.hc-episode__aside.wp-block-group { display: flex; }
.hc-episode__aside:not(:has(.wp-block-post-template > li)) { display: none; }
.wp-block-group.hc-episode__aside-head { gap: 12px; }
.hc-episode__aside-head > * { margin: 0; }
h2.hc-episode__aside-title { font-size: 13px; letter-spacing: 0; line-height: 1.2; }
/* Autoplay switch: a Button block; the class sits on the