/*
 * JaiHanumanji — Content Styles
 * Styles for .entry-content (WordPress editor output).
 * Optimised for long-form devotional, prayer, and editorial content.
 */

.entry-content {
  font-family: 'Hind', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink);
}

/* ── Headings ── */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--maroon);
  line-height: 1.2;
  margin: 1.6em 0 .55em;
  font-weight: 600;
}
.entry-content h1 { font-size: 26px; }
.entry-content h2 { font-size: 22px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.entry-content h3 { font-size: 18px; }
.entry-content h4 { font-size: 16px; font-style: italic; }
.entry-content h5 { font-size: 14px; text-transform: uppercase; letter-spacing: .06em; }
.entry-content h6 { font-size: 13px; color: var(--mid); }

/* ── Body text ── */
.entry-content p { margin: 0 0 1.35em; }
.entry-content a { color: var(--saffron); text-decoration: none; }
.entry-content a:hover { color: var(--maroon); text-decoration: underline; }
.entry-content strong { color: var(--ink); font-weight: 600; }
.entry-content em { color: var(--mid); }

/* ── Blockquote — prayer / verse blocks ── */
.entry-content blockquote {
  border-left: 3px solid var(--gold);
  background: var(--card);
  padding: 18px 22px;
  margin: 24px 0;
  border-radius: 0 3px 3px 0;
}
.entry-content blockquote p {
  font-family: 'Tiro Devanagari Hindi', Georgia, serif;
  font-size: 18px;
  line-height: 2.1;
  color: var(--maroon);
  margin: 0 0 .6em;
}
.entry-content blockquote p:last-child { margin: 0; }
/* English translation cite inside blockquote */
.entry-content blockquote cite {
  display: block;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: var(--mid);
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

/* ── Lists ── */
.entry-content ul,
.entry-content ol { padding-left: 1.5em; margin: 0 0 1.35em; }
.entry-content li { margin-bottom: .55em; line-height: 1.7; }
.entry-content ul li::marker { color: var(--gold); }

/* ── Horizontal rule ── */
.entry-content hr { border: none; border-top: 1px solid var(--line); margin: 32px 0; }

/* ── Images ── */
.entry-content img {
  border-radius: 3px;
  margin: 8px 0;
  max-width: 100%;
  height: auto;
}
.entry-content figure { margin: 24px 0; }
.entry-content figcaption {
  font-size: 12px;
  color: var(--mid);
  text-align: center;
  margin-top: 6px;
  line-height: 1.5;
}
/* Alignment helpers from WP editor */
.entry-content .alignleft  { float: left;  margin: 4px 24px 16px 0; }
.entry-content .alignright { float: right; margin: 4px 0 16px 24px; }
.entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
@media (max-width: 600px) {
  .entry-content .alignleft,
  .entry-content .alignright { float: none; margin: 8px 0; }
}

/* ── Tables ── */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 24px 0;
  overflow-x: auto;
  display: block;
}
.entry-content table th {
  background: var(--maroon);
  color: #fff;
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .05em;
  white-space: nowrap;
}
.entry-content table td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
.entry-content table tr:nth-child(even) td { background: var(--card); }

/* ── Code ── */
.entry-content code,
.entry-content pre {
  font-family: 'Courier New', Courier, monospace;
  font-size: 14px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 2px;
}
.entry-content code { padding: 2px 6px; }
.entry-content pre { padding: 16px; overflow-x: auto; }

/* ── WordPress gallery ── */
.entry-content .gallery { margin: 20px 0; }
.entry-content .gallery-item img { border: 1px solid var(--line); border-radius: 2px; }
.entry-content .gallery-caption { font-size: 12px; color: var(--mid); }

/* ── WordPress embeds ── */
.entry-content .wp-block-embed,
.entry-content .wp-video,
.entry-content .wp-audio {
  margin: 24px 0;
  max-width: 100%;
}

/* ── Contact Form 7 overrides ── */
.entry-content .wpcf7 input[type="text"],
.entry-content .wpcf7 input[type="email"],
.entry-content .wpcf7 textarea {
  font-family: 'Hind', sans-serif;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--ink);
  border-radius: 2px;
  padding: 9px 12px;
  width: 100%;
  font-size: 14px;
}
.entry-content .wpcf7 input[type="submit"],
.entry-content .wpcf7 .wpcf7-submit {
  background: var(--saffron);
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 10px 22px;
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: background .15s;
}
.entry-content .wpcf7 input[type="submit"]:hover { background: var(--maroon); }

/* ── Devanagari within content ── */
.entry-content .hindi,
.entry-content .devanagari,
.entry-content .dv-text {
  font-family: 'Tiro Devanagari Hindi', Georgia, serif;
  font-size: 18px;
  line-height: 2.1;
  color: var(--maroon);
}

/* Auto-wrapped inline Devanagari (applied by jh-devanagari.js) */
.entry-content .dv-inline {
  font-family: 'Tiro Devanagari Hindi', Georgia, serif;
  font-size: 1.125em;   /* 18px at body 16px; scales proportionally in tables */
  line-height: 1.9;
}
/* In table cells keep the proportion but nudge line-height tighter */
.entry-content table .dv-inline {
  line-height: 1.6;
}

/* ── Clear float ── */
.entry-content::after { content: ''; display: table; clear: both; }