/* ==================================================
   GLOBAL ANNOUNCEMENT BAR
   ================================================== */
.site-header::before {
	content: "NEW INTERESTING AND UNUSUAL EPISODES WEEKLY!";
	display: block;
	background: #000;
	color: #ff0000;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 10px 0;
	text-transform: uppercase;
}

/* ==================================================
   GLOBAL BACKGROUND + BASE TEXT
   ================================================== */
html,
body {
	background-color: #000 !important;
	color: #ffd400;
}

.site-content,
.entry-content,
.wp-site-blocks,
main {
	background-color: #000 !important;
}

/* ==================================================
   TYPOGRAPHY
   ================================================== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-post-title,
p {
	color: #ffd400 !important;
}

/* ==================================================
   LINKS
   ================================================== */
a {
	color: #ffd400;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
}

a:visited {
	color: #ffd400;
}

/* ==================================================
   NAVIGATION
   ================================================== */
.site-header,
.site-header nav,
.main-navigation,
.main-navigation ul {
	background-color: #000 !important;
}

.site-header a,
.main-navigation a {
	color: #ffffff !important;
	font-weight: 600;
}

.site-header a:hover,
.main-navigation a:hover {
	color: #ffd400 !important;
}

.current-menu-item > a,
.current_page_item > a,
.current-menu-ancestor > a {
	color: #ffd400 !important;
}

/* ==================================================
   REMOVE SEARCH COMPLETELY
   ================================================== */
.wp-block-search,
.wp-block-search__button,
.wp-block-search__input,
.menu-item-search,
.menu-item a[href*="search"],
button[aria-label*="Search"],
.search .page-title,
.search main {
	display: none !important;
}

/* ==================================================
   YOUTUBE MENU ICON
   ================================================== */
.menu-item a[href*="youtube"] {
	font-size: 0;
	width: 32px;
}

.menu-item a[href*="youtube"]::before {
	content: "\f236";
	font-family: dashicons;
	font-size: 20px;
	color: #ff0000;
	display: inline-block;
}

.menu-item a[href*="youtube"]:hover::before {
	color: #ffd400;
}

/* ==================================================
   EPISODES PAGE — VIDEO-FIRST (FINAL, CLEAN)
   ================================================== */

/* -----------------------------------------------
   1. REMOVE THEME WIDTH CONSTRAINTS (PAGE ONLY)
   ----------------------------------------------- */
.page-id-368 .wp-site-blocks,
.page-id-368 .entry-content,
.page-id-368 .is-layout-constrained {
  max-width: none !important;
  width: 100% !important;
}

/* -----------------------------------------------
   2. EPISODES SECTION WRAPPER
   ----------------------------------------------- */
.page-id-368 .wp-block-query {
  max-width: 1820px;
  margin: 0 auto;
  padding: 56px 32px 72px;
  box-sizing: border-box;
}

/* -----------------------------------------------
   3. GRID — SINGLE SOURCE OF TRUTH
   ----------------------------------------------- */
.page-id-368 .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 48px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Tablet */
@media (max-width: 1100px) {
  .page-id-368 .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
  }
}

/* Mobile */
@media (max-width: 700px) {
  .page-id-368 .wp-block-post-template {
    grid-template-columns: 1fr;
  }
}

/* -----------------------------------------------
   4. CARD CONTAINER — CONSISTENT HEIGHT
   ----------------------------------------------- */
.page-id-368 .wp-block-post-template > li {
  display: flex;
}

.page-id-368 .wp-block-post {
  background: #0f0f0f;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 460px;
  box-sizing: border-box;
  transition: transform 0.25s ease;
}

.page-id-368 .wp-block-post:hover {
  transform: translateY(-6px);
}

/* -----------------------------------------------
   5. VIDEO — HERO ELEMENT
   ----------------------------------------------- */
.page-id-368 .wp-block-embed {
  order: 1;
}

.page-id-368 .wp-block-embed iframe {
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 260px;
  max-height: 420px;
  height: auto;
  border-radius: 16px;
  display: block;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.55);
}

/* -----------------------------------------------
   6. TITLE — SUPPORTIVE, NOT DOMINANT
   ----------------------------------------------- */
.page-id-368 .wp-block-post-title {
  order: 2;
  margin: 6px 0 2px;
  color: #ffd400;
  font-weight: 600;

  /* Kill theme heading inflation */
  font-size: inherit !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ACTUAL TITLE TEXT (THIS IS WHAT USERS SEE) */
.page-id-368 .wp-block-post-title a {
  font-size: 0.8rem !important;   /* ~50% visual reduction */
  line-height: 1.25;
  font-weight: 600;
}

/* -----------------------------------------------
   7. EXCERPT — OPTIONAL CONTEXT ONLY
   ----------------------------------------------- */
.page-id-368 .wp-block-post-excerpt {
  order: 3;
  font-size: 0.75rem;
  line-height: 1.35;
  color: #b2b2b2;
  margin: 0;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page-id-368 .wp-block-post-excerpt__more-link {
  display: none;
}

/* -----------------------------------------------
   8. REMOVE META NOISE
   ----------------------------------------------- */
.page-id-368 .wp-block-post-date,
.page-id-368 .wp-block-post-author,
.page-id-368 .entry-footer {
  display: none;
}


/* ==================================================
   PODCAST ARCHIVE — WORDPRESS.COM + CAPTIVATE (FINAL)
   ================================================== */

/* 1. Kill theme width limits */
body.archive .wp-site-blocks,
body.archive .is-layout-constrained {
  max-width: none !important;
}

/* 2. Center the podcast feed */
body.archive main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 24px 72px;
}

/* 3. Episode card */
body.archive .wp-block-post {
  background: #0f0f0f;
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 32px;
  box-shadow: 0 10px 22px rgba(0,0,0,0.45);
}

/* 4. Captivate player sizing */
body.archive iframe,
body.archive .captivate-player {
  width: 100% !important;
  border-radius: 12px;
  margin-bottom: 12px;
}

/* 5. Title — reasonable size */
body.archive .wp-block-post-title a {
  font-size: 0.95rem !important;
  line-height: 1.35;
  color: #ffd400;
}

/* 6. CLAMP THE DESCRIPTION (THIS IS THE BIG FIX) */
body.archive .wp-block-post-content p {
  font-size: 0.82rem;
  line-height: 1.45;
  color: #bcbcbc;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 7. Remove meta junk */
body.archive time,
body.archive .wp-block-post-date,
body.archive .entry-footer {
  display: none !important;
}