/*
Theme Name: The BJ Show
Theme URI: https://example.com/
Author: The BJ Show
Description: A podcast hub theme: episodes with YouTube, Spotify and Twitch players, automatic YouTube Live, a homepage carousel, an allin.com-style About page with hosts, and a Subscribe popup that collects emails right in WordPress. Configure it under Appearance → Customize → The BJ Show.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bjshow
Tags: dark, podcast, entertainment, custom-logo, custom-menu, one-column, grid-layout
*/

/* The main stylesheet lives in assets/css/theme.css. Styles below cover WordPress-generated markup. */

.pagination { margin-top: 64px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pagination .page-numbers {
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 4px;
  font-family: var(--display);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.pagination .page-numbers:hover { border-color: var(--fg); }
.pagination .page-numbers.current { background: var(--fg); color: #000; border-color: var(--fg); }
.pagination .page-numbers.dots { border: 0; }

.filters a { color: var(--muted); padding: 6px 0; }
.filters a:hover { color: var(--fg); }
.filters a[aria-current="page"] { color: var(--fg); text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.search { display: flex; }

.prose a { text-decoration: underline; text-underline-offset: 3px; }
.prose h2, .prose h3 { font-family: var(--display); text-transform: uppercase; line-height: 1; margin: 1.6em 0 0.6em; }
.prose ul, .prose ol { padding-left: 1.2em; color: #dadddd; font-size: 18px; }
.prose img { height: auto; border-radius: 6px; }

.alignwide { max-width: 1100px; }
.alignfull { width: 100%; }
.aligncenter { margin-left: auto; margin-right: auto; }
.wp-caption-text, .screen-reader-text:focus { font-size: 13px; color: var(--muted); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

.logo .custom-logo { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.modal__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.empty-state { border: 1px dashed var(--line); border-radius: 6px; padding: 40px; color: var(--muted); }
.empty-state a { color: var(--fg); text-decoration: underline; }