/* ============================================================
   Islamtics — Single-post polish
   Loads on is_single() only. Only three components:
     1. Byline card        (.author-byline)
     2. Quick Answer chip  (.quick-answer)
     3. Pull-quote         (blockquote.wp-block-quote)
   Dark-mode aware via light-dark() (Blocksy sets color-scheme).
   ============================================================ */

.single-post .entry-content {
  --itx-sand-border: light-dark(#A16207, #F59E0B);
  --itx-brand:       light-dark(#1a4d3a, #5eead4);
  --itx-muted:       light-dark(#6B7280, #9CA3AF);
  --itx-rule:        light-dark(#E5E7EB, rgba(148,163,184,0.18));
  --itx-card-bg:     light-dark(#FAFAF7, rgba(148,163,184,0.04));
  --itx-text:        light-dark(#374151, #CBD5E1);
}

/* ---- 1. Byline card (upgrades existing .author-byline) ---- */
.entry-content .author-byline {
  background: var(--itx-card-bg) !important;
  border: 1px solid var(--itx-rule) !important;
  border-top: 1px solid var(--itx-rule) !important;
  border-bottom: 1px solid var(--itx-rule) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  margin: 0 0 32px !important;
  gap: 16px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.02);
  transition: box-shadow 0.2s ease;
}
.entry-content .author-byline:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}
.entry-content .author-byline > div:last-child {
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: var(--itx-text) !important;
}
.entry-content .author-byline > div:last-child > strong:first-child {
  font-weight: 600;
}
.entry-content .author-byline > div:last-child > span {
  color: var(--itx-muted) !important;
  font-size: 13px;
}
.entry-content .author-byline a {
  text-decoration: none;
  border-bottom: 1px dotted var(--itx-brand);
  color: inherit;
}

/* ---- 2. Quick Answer label chip + spacing polish ---- */
.entry-content .quick-answer {
  padding: 1.1rem 1.25rem !important;
  margin: 0 0 1.5rem !important;
  border-radius: 8px !important;
  border-left-width: 3px !important;
  font-size: 1.02em;
  line-height: 1.65;
}
.entry-content .quick-answer > strong:first-child {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 0.16em;
  margin-right: 0.65em;
  padding: 0.15em 0.55em;
  background: var(--itx-sand-border);
  color: #FFFFFF;
  border-radius: 3px;
  font-weight: 700;
  vertical-align: 1px;
}

/* ---- 3. Pull-quote treatment for Hadith / Quran <blockquote> ---- */
.single-post .entry-content blockquote.wp-block-quote,
.single-post .entry-content > blockquote {
  position: relative;
  margin: 2.5em 0;
  padding: 1.5em 1.8em 1.3em 3.1em;
  background: light-dark(#FAF6EE, rgba(148,163,184,0.04));
  border-left: 4px solid var(--itx-brand);
  border-radius: 0 10px 10px 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  color: light-dark(#3D2A1A, #cbd5e1);
}
.single-post .entry-content blockquote.wp-block-quote p,
.single-post .entry-content > blockquote p {
  font-size: 1.18em;
  line-height: 1.6;
  margin: 0 0 0.6em;
  color: inherit;
}
.single-post .entry-content blockquote.wp-block-quote::before,
.single-post .entry-content > blockquote::before {
  content: '\201C';
  position: absolute;
  left: 0.34em;
  top: -0.05em;
  font-size: 4.4em;
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--itx-brand);
  opacity: 0.32;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
  pointer-events: none;
}
.single-post .entry-content blockquote.wp-block-quote cite,
.single-post .entry-content > blockquote cite {
  display: block;
  margin-top: 0.6em;
  font-size: 0.78em;
  font-style: normal;
  font-family: 'DM Sans', sans-serif;
  color: var(--itx-muted);
  letter-spacing: 0.05em;
  text-transform: none;
}
.single-post .entry-content blockquote cite::before {
  content: '— ';
  opacity: 0.6;
}

/* ---- Mobile refinements ---- */
@media (max-width: 640px) {
  .entry-content .author-byline {
    padding: 14px 16px !important;
    gap: 12px !important;
  }
  .single-post .entry-content blockquote.wp-block-quote,
  .single-post .entry-content > blockquote {
    padding: 1.2em 1.2em 1em 2.6em;
    margin: 2em 0;
  }
  .single-post .entry-content blockquote.wp-block-quote p,
  .single-post .entry-content > blockquote p {
    font-size: 1.08em;
  }
  .single-post .entry-content blockquote::before {
    font-size: 3.6em;
    left: 0.28em;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .entry-content .author-byline { transition: none !important; }
}