/* Theatre Collage — WordPress-specific glue (real images into prototype placeholders) */

/* Beat Astra's dynamic inline CSS (injected after our stylesheets) so the
   stage-dark theme wins. Body only — headings/links keep their own rules so the
   brass accent word in the hero survives. */
body { background-color: var(--tc-bg) !important; color: var(--tc-ivory) !important; }
/* Astra colors headings too; force ivory (em accents keep their own color). */
h1, h2, h3, h4, h5, h6 { color: var(--tc-ivory) !important; }
.tc-footer__col h4 { color: var(--tc-brass) !important; } /* re-assert the one exception */


/* Featured images fill the .tc-media card placeholders */
.tc-media > img,
.tc-media > a > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.tc-media > .tc-chip { position: relative; z-index: 1; }
.tc-media > .tc-media__tag { position: relative; z-index: 1; }

/* Production poster with a real featured image */
.tc-poster--img { position: relative; overflow: hidden; padding: 0; }
.tc-poster--img > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Editor (the_content) inside course/production bodies */
.tc-course__lead > :last-child,
.tc-prose > :last-child { margin-bottom: 0; }
.tc-prose img, .tc-course__lead img { border-radius: var(--tc-radius); }
.tc-prose .wp-block-gallery, .tc-prose figure { margin-top: 1.5rem; }
.tc-prose .wp-block-image img { border-radius: var(--tc-radius); }

/* Pagination */
.tc-pagination { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2.5rem; }
.tc-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 42px; padding: .5rem .9rem;
	border: 1px solid var(--tc-line); border-radius: 10px;
	color: var(--tc-ivory);
}
.tc-pagination .page-numbers:hover { border-color: var(--tc-brass); color: var(--tc-brass); }
.tc-pagination .page-numbers.current { background: var(--tc-brass); color: var(--tc-bg); border-color: var(--tc-brass); }

/* Logged-in admin bar: keep sticky header below it */
.admin-bar .tc-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .tc-header { top: 46px; } }
@media (max-width: 900px) { .admin-bar .tc-nav { top: calc(76px + 46px); } }