/* ================================
   Single Post / Article (single.php)
   Plain hand-written CSS — not part of the Tailwind build.
   Runtime component stylesheet; edit this file directly (no build needed).
   Styles the real post content coming from the_content(), including
   WordPress's standard image/caption/alignment classes and the
   Gutenberg block classes editors commonly produce.
   ================================ */

.tk-article{color:rgba(255,255,255,.65);font-family:'Vazirmatn',sans-serif;font-weight:300;font-size:1.05rem;line-height:2.1}
.tk-article::after{content:'';display:table;clear:both}
.tk-article > *:first-child{margin-top:0}

.tk-article p{margin:0 0 1.6em;color:rgba(255,255,255,.65);font-weight:300}

.tk-article h2,.tk-article h3,.tk-article h4{font-family:'Playfair Display',serif;color:rgba(255,255,255,.95);line-height:1.4;margin:2.4em 0 .7em;clear:both}
.tk-article h2{font-size:1.5rem}
.tk-article h3{font-size:1.25rem}
.tk-article h4{font-size:1.05rem}
.tk-article > h2:first-child,.tk-article > h3:first-child,.tk-article > h4:first-child{margin-top:0}

.tk-article strong,.tk-article b{color:rgba(255,255,255,.9);font-weight:600}
.tk-article em,.tk-article i{color:rgba(255,255,255,.8)}

.tk-article a{color:#C9A86A;text-decoration:underline;text-decoration-color:rgba(201,168,106,.35);text-underline-offset:3px;transition:text-decoration-color .3s ease}
.tk-article a:hover{text-decoration-color:#C9A86A}

/* ── Lists ── */
.tk-article ul,.tk-article ol{margin:0 0 1.6em;padding:0;list-style:none}
.tk-article ul li,.tk-article ol li{position:relative;padding-right:28px;margin-bottom:.9em;color:rgba(255,255,255,.6);font-weight:300;line-height:1.9}
.tk-article ul li:last-child,.tk-article ol li:last-child{margin-bottom:0}
.tk-article ul li::before{content:'';position:absolute;right:0;top:.75em;width:6px;height:6px;border-radius:50%;background:#C9A86A}
.tk-article ol{counter-reset:tk-ol}
.tk-article ol li{counter-increment:tk-ol}
.tk-article ol li::before{content:counter(tk-ol);position:absolute;right:-2px;top:0;width:20px;height:20px;border-radius:50%;background:rgba(201,168,106,.12);border:1px solid rgba(201,168,106,.3);color:#C9A86A;font-size:.68rem;line-height:1;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif}
.tk-article ul ul,.tk-article ul ol,.tk-article ol ul,.tk-article ol ol{margin-top:.8em;margin-bottom:0}

/* ── Blockquote ── */
.tk-article blockquote{border-right:2px solid rgba(201,168,106,.5);border-left:none;padding-right:24px;margin:2.2em 0;font-style:italic;color:rgba(255,255,255,.5);font-size:1rem;line-height:2}
.tk-article blockquote p{margin-bottom:.5em;color:inherit}
.tk-article blockquote p:last-child{margin-bottom:0}
.tk-article blockquote cite{display:block;margin-top:.8em;font-style:normal;font-size:.75rem;color:rgba(201,168,106,.7)}

/* ── Images + WordPress caption/alignment classes ── */
.tk-article img{max-width:100%;height:auto;border-radius:16px;display:block}
.tk-article p > img,.tk-article > img{margin:2.2em auto}
.tk-article figure{margin:2.2em 0}
.tk-article figure img{margin:0 auto;border-radius:16px}
.tk-article figcaption,.tk-article .wp-caption-text{margin-top:12px;text-align:center;font-size:.78rem;color:rgba(255,255,255,.35);font-weight:300}
.tk-article .wp-caption{max-width:100%}
.tk-article .wp-caption img{margin:0}

.tk-article .alignleft{float:right;margin:.4em 0 1.4em 1.6em}
.tk-article .alignright{float:left;margin:.4em 1.6em 1.4em 0}
.tk-article .aligncenter{display:block;margin-left:auto;margin-right:auto;float:none}
.tk-article .alignnone{margin:2.2em 0}

/* ── Gutenberg gallery / columns ── */
.tk-article .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:2.2em 0;list-style:none;padding:0}
.tk-article .wp-block-gallery figure{margin:0}
.tk-article .wp-block-gallery img{border-radius:12px}
.tk-article .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:2.2em 0}
.tk-article .wp-block-column{margin:0}

/* ── Horizontal rule ── */
.tk-article hr{border:none;height:1px;background:rgba(255,255,255,.08);margin:3em 0}

/* ── Tables (wrapped in .tk-table-scroll by macan_wrap_content_tables() in functions.php) ── */
.tk-table-scroll{margin:2.2em 0;width:100%;overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015)}
.tk-article table{width:100%;min-width:480px;border-collapse:separate;border-spacing:0;margin:0}
.tk-article .wp-block-table{margin:2.2em 0}
.tk-article .wp-block-table table{margin:0}
.tk-article table thead th{background:rgba(201,168,106,.08);color:#C9A86A;font-family:'Inter',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;text-align:right;padding:14px 18px;border-bottom:1px solid rgba(201,168,106,.2);white-space:nowrap}
.tk-article table td{padding:14px 18px;font-size:.88rem;color:rgba(255,255,255,.65);font-weight:300;border-bottom:1px solid rgba(255,255,255,.06)}
.tk-article table tbody tr:last-child td{border-bottom:none}
.tk-article table tbody tr{transition:background-color .25s ease}
.tk-article table tbody tr:nth-child(even){background:rgba(255,255,255,.015)}
.tk-article table tbody tr:hover{background:rgba(201,168,106,.05)}
.tk-article table caption{caption-side:bottom;padding:10px 0 0;font-size:.75rem;color:rgba(255,255,255,.35);text-align:center}

/* ── Code ── */
.tk-article code{background:rgba(255,255,255,.06);color:#C9A86A;padding:.15em .5em;border-radius:6px;font-size:.85em;direction:ltr;display:inline-block}
.tk-article pre{background:#141414;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;overflow-x:auto;margin:2.2em 0;direction:ltr;text-align:left}
.tk-article pre code{background:none;padding:0;color:rgba(255,255,255,.75)}

/* ── Embeds (video etc.) ── */
.tk-article .wp-block-embed__wrapper{max-width:100%}
.tk-article .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:16px}

/* ── Share: copy-link tooltip feedback ── */
.tk-copy-link{position:relative}
.tk-copy-link.tk-copied::after{content:'کپی شد!';position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#C9A86A;color:#0B0B0B;font-family:'Vazirmatn',sans-serif;font-size:.65rem;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap}
