/**
 * Single podcast episode — match Alavi blog single chrome.
 * Castos player keeps styles from podcast-player.css.
 */

.alavi-single-podcast-main,
body.single-podcast .alavi-single-podcast-main {
  background: var(--alavi-surface, #f7f7f5);
  padding: 0 0 72px;
  font-family: var(--alavi-font, "Vazirmatn", Tahoma, sans-serif);
  color: var(--alavi-text, #161616);
}

.alavi-single-podcast-inner {
  width: min(100% - 32px, 800px);
  margin: 0 auto;
  padding-top: 40px;
}

.alavi-single-podcast-thumb {
  margin: 0 0 28px;
  border-radius: 12px;
  overflow: hidden;
  background: #0b0b0b;
  aspect-ratio: 16 / 9;
}

.alavi-single-podcast-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.alavi-single-podcast-eyebrow {
  margin: 0 0 10px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #c9a227;
}

.alavi-single-podcast-eyebrow a {
  color: inherit;
  text-decoration: none;
}

.alavi-single-podcast-eyebrow a:hover,
.alavi-single-podcast-eyebrow a:focus-visible {
  text-decoration: underline;
}

.alavi-single-podcast-title {
  font-family: var(--alavi-font, "Vazirmatn", Tahoma, sans-serif) !important;
  font-size: clamp(1.6rem, 2.4vw, 2.15rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--alavi-text, #161616);
  margin: 0 0 14px;
}

/* Visible episode meta (site-wide date hide must not apply here). */
.alavi-single-podcast-meta {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: 0.92rem;
  color: var(--alavi-muted, #5c5c5c);
}

.alavi-single-podcast-meta li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.alavi-single-podcast-meta__date,
.alavi-single-podcast-meta time {
  display: inline !important;
  color: inherit;
  font-size: inherit;
}

.alavi-single-podcast-meta__label {
  color: #c9a227;
  font-weight: 600;
}

.alavi-single-podcast-body {
  font-family: var(--alavi-font, "Vazirmatn", Tahoma, sans-serif) !important;
  font-size: 1.05rem;
  line-height: 1.9;
  color: var(--alavi-text, #161616);
}

.alavi-single-podcast-body > .podcast_player,
.alavi-single-podcast-body > .castos-player,
.alavi-single-podcast-body .podcast_player:first-child,
.alavi-single-podcast-body .castos-player:first-of-type {
  margin: 0 0 1.75rem;
}

.alavi-single-podcast-body .podcast_meta,
.alavi-single-podcast-body .podcast-meta {
  margin: 0 0 1.75rem;
  padding: 12px 0;
  border-block: 1px solid var(--alavi-border, #e2e2e0);
  font-size: 0.9rem;
  color: var(--alavi-muted, #5c5c5c);
}

.alavi-single-podcast-body p {
  margin: 0 0 1.15em;
}

.alavi-single-podcast-body h2,
.alavi-single-podcast-body h3 {
  margin-top: 1.6em;
  color: var(--alavi-text, #161616);
}

.alavi-single-podcast-body a {
  color: #c9a227;
}

.alavi-single-podcast-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Comments — align with article column */
.alavi-single-podcast-comments {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--alavi-border, #e2e2e0);
}

.alavi-single-podcast-comments .comments-area,
.alavi-single-podcast-comments .comment-respond,
.alavi-single-podcast-comments .comment-form {
  font-family: var(--alavi-font, "Vazirmatn", Tahoma, sans-serif) !important;
}

.alavi-single-podcast-comments .comments-title,
.alavi-single-podcast-comments .comment-reply-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--alavi-text, #161616);
  margin: 0 0 18px;
}

.alavi-single-podcast-comments .comment-form textarea,
.alavi-single-podcast-comments .comment-form input[type="text"],
.alavi-single-podcast-comments .comment-form input[type="email"],
.alavi-single-podcast-comments .comment-form input[type="url"] {
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--alavi-border, #e2e2e0);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: inherit;
  background: #fff;
}

.alavi-single-podcast-comments .comment-form textarea:focus,
.alavi-single-podcast-comments .comment-form input:focus {
  outline: none;
  border-color: rgba(201, 162, 39, 0.65);
  box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.18);
}

.alavi-single-podcast-comments .form-submit .submit,
.alavi-single-podcast-comments .comment-form input[type="submit"] {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: #0b0b0b;
  color: #c9a227;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 10px 22px;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease;
}

.alavi-single-podcast-comments .form-submit .submit:hover,
.alavi-single-podcast-comments .comment-form input[type="submit"]:hover {
  background: #1a1a1a;
  color: #e0b84a;
}

/* Fallback when theme still renders default single without our template classes */
body.single-podcast:not(:has(.alavi-single-podcast-main)) .site-main,
body.single-podcast .site-main > article {
  font-family: var(--alavi-font, "Vazirmatn", Tahoma, sans-serif);
}

body.single-podcast:not(:has(.alavi-single-podcast-main)) .site-main > article {
  width: min(100% - 32px, 800px);
  margin-inline: auto;
  padding: 40px 0 72px;
}

body.single-podcast:not(:has(.alavi-single-podcast-main)) .entry-title {
  font-size: clamp(1.6rem, 2.4vw, 2.15rem);
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 1rem;
}

@media (max-width: 479px) {
  .alavi-single-podcast-inner {
    width: min(100% - 24px, 800px);
    padding-top: 28px;
  }

  .alavi-single-podcast-thumb {
    aspect-ratio: 1;
  }
}