/* ============================================================
   DarazHost — Blog / Article enhancements (production)
   Targets the REAL theme classes: .entry-content / .blog_postcontent
   and Gutenberg .wp-block-code. Loaded by the mu-plugin on singular
   posts. Presentation-only; SEO-safe (no markup/URL changes).
   ============================================================ */

/* ---- Readable measure + rhythm for article body ------------ */
.single-post .entry-content,
.single-post .blog_postcontent{
  font-size:16.5px; line-height:1.75;
}
.single-post .entry-content p,
.single-post .blog_postcontent p{ margin-bottom:1.15em; }
.single-post .entry-content h2{ margin-top:1.8em; margin-bottom:.6em; }
.single-post .entry-content h3{ margin-top:1.4em; margin-bottom:.5em; }

/* ---- Inline code ------------------------------------------- */
.entry-content :not(pre) > code,
.blog_postcontent :not(pre) > code{
  font-family:"JetBrains Mono","Fira Code","SF Mono",ui-monospace,Menlo,Consolas,monospace;
  font-size:.88em; background:#f3f4f2; color:#c0341d;
  padding:.12em .4em; border-radius:5px; border:1px solid #e3e6e2;
}

/* ---- Code blocks (dark, modern) ---------------------------- */
.entry-content pre,
.entry-content pre.wp-block-code,
.blog_postcontent pre{
  position:relative;
  background:#0f1b24 !important; color:#e6edf3 !important;
  border:1px solid #20303b; border-radius:10px;
  padding:18px 18px 18px 18px; margin:1.4em 0;
  overflow:auto; box-shadow:0 6px 18px rgba(42,54,63,.10);
  font-family:"JetBrains Mono","Fira Code","SF Mono",ui-monospace,Menlo,Consolas,monospace;
  font-size:14.5px; line-height:1.6; tab-size:2;
}
.entry-content pre code,
.blog_postcontent pre code{
  background:none !important; border:0 !important; color:inherit !important;
  padding:0 !important; font-size:inherit !important;
}
/* copy button injected by JS */
.dh-copy-btn{
  position:absolute; top:8px; right:8px;
  font:600 11px/1 "JetBrains Mono",monospace; letter-spacing:.04em; text-transform:uppercase;
  color:#cfe0a6; background:#16242e; border:1px solid #2f4a3a;
  border-radius:6px; padding:5px 10px; cursor:pointer; opacity:0; transition:all .18s ease;
}
.entry-content pre:hover .dh-copy-btn,
.blog_postcontent pre:hover .dh-copy-btn{ opacity:1; }
.dh-copy-btn:hover{ background:#86c724; color:#2a363f; border-color:#86c724; }
.dh-copy-btn.copied{ background:#a5d549; color:#2a363f; border-color:#a5d549; opacity:1; }

/* ---- Tables in articles (responsive wrapper added by JS) --- */
.dh-table-wrap{ overflow-x:auto; margin:1.4em 0; border:1px solid #e7eaed; border-radius:10px; }
.entry-content table{ width:100%; border-collapse:collapse; }
.entry-content table th{ background:#2a363f; color:#fff; text-align:left; padding:10px 14px; }
.entry-content table td{ padding:10px 14px; border-top:1px solid #e7eaed; }
.entry-content table tr:nth-child(even) td{ background:#f9faf8; }

/* ---- Blockquote / Key-Takeaways callout -------------------- */
.entry-content blockquote{
  margin:1.4em 0; padding:16px 20px;
  border-left:4px solid #86c724; border-radius:10px;
  background:#f4f9ea; color:#2a363f;
}

/* ---- Lists spacing ----------------------------------------- */
.entry-content ul li, .entry-content ol li{ margin-bottom:.4em; }

@media (max-width:600px){
  .single-post .entry-content, .single-post .blog_postcontent{ font-size:16px; }
  .entry-content pre{ font-size:13.5px; }
}