/* Worker sürümüne özel küçük eklemeler. Temanın kendi stilleri style.css'te. */

/* Kapaklar: yeni yüklenen görsellerin tek bir boyutu var, temadaki kırpma oranlarını CSS ile koru */
.post_banner img.list_cover { width: 100%; height: auto; aspect-ratio: 580 / 263; object-fit: cover; }
.post_banner img.single_cover { width: 100%; height: auto; aspect-ratio: 880 / 400; object-fit: cover; }
.post_banner img.grid_cover { width: 100%; height: auto; aspect-ratio: 420 / 230; object-fit: cover; }

/* Markdown ile yazılan yeni yazılardaki görseller */
.entry-content img { max-width: 100%; height: auto; }
.entry-content blockquote { border-left: 3px solid #ff374a; margin: 1.5em 0; padding: .2em 0 .2em 1.2em; color: #555; }
.entry-content pre { background: #f6f6f6; padding: 14px 16px; border-radius: 6px; overflow-x: auto; font-size: 14px; }

/* Sağ sütun: X (Twitter) profil kartı */
.x_card { border: 1px solid #ececec; border-radius: 10px; overflow: hidden; background: #fff; padding: 0 !important; }
.x_card a { text-decoration: none; }
.x_banner { display: block; aspect-ratio: 3 / 1; background: #e9eef2; }
.x_banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.x_body { padding: 0 16px 16px; }
.x_top { display: flex; justify-content: space-between; align-items: flex-end; margin-top: -36px; }
.x_avatar img { width: 72px; height: 72px; border-radius: 50%; border: 4px solid #fff; display: block; background: #fff; }
.x_follow { background: #0f1419; color: #fff !important; font: 600 13px Poppins, sans-serif; padding: 7px 16px; border-radius: 99px; margin-bottom: 4px; }
.x_follow:hover { background: #ff374a; }
.x_name { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; font: 700 16px/1.3 Poppins, sans-serif; color: #0f1419 !important; }
.x_name:hover { color: #ff374a !important; }
.x_badge { width: 17px; height: 17px; fill: #1d9bf0; flex: none; }
.x_handle { color: #8b98a5; font-size: 13px; }
.x_bio { margin: 10px 0 8px; font-size: 14px; line-height: 1.5; color: #222; }
.x_meta { color: #8b98a5; font-size: 12px; display: flex; gap: 10px; flex-wrap: wrap; }
.x_meta svg, .x_more svg { width: 13px; height: 13px; fill: currentColor; vertical-align: -2px; margin-right: 3px; }
.x_stats { display: flex; gap: 14px; font-size: 13px; color: #8b98a5; margin-top: 8px; }
.x_stats:empty { display: none; }
.x_stats b { color: #0f1419; font-weight: 700; }
.x_posts { margin-top: 12px; }
.x_posts:empty { display: none; }
.x_post { display: block; padding: 12px 0; border-top: 1px solid #f0f0f0; color: #222 !important; font-size: 13.5px; line-height: 1.5; }
.x_post:hover .x_text { color: #ff374a; }
.x_pin { display: block; color: #8b98a5; font-size: 12px; margin-bottom: 4px; }
.x_text { display: block; white-space: pre-line; overflow-wrap: anywhere; }
.x_post img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; margin-top: 8px; }
.x_date { display: block; color: #8b98a5; font-size: 12px; margin-top: 6px; }
.x_more { display: block; text-align: center; margin-top: 12px; padding: 9px; border: 1px solid #e5e5e5; border-radius: 99px; color: #0f1419 !important; font: 600 13px Poppins, sans-serif; }
.x_more:hover { border-color: #ff374a; color: #ff374a !important; }

.no_posts_found { padding: 40px 0; color: #777; }

/* Admin önizleme şeridi */
.draft_banner { background: #222; color: #fff; text-align: center; padding: 10px 16px; font-size: 14px; }
.draft_banner a { color: #ff374a; font-weight: 600; }
