/*
 * ظاهر «مجله» (look-magazine، styles/magazine.json = compact + magazine، پوسته 0.17.0).
 * قالب‌های مشترک وبلاگ (single، home، archive و الگوی blog-posts که کلاس wl-bg دارند) را
 * سردبیری می‌کند: چیپ دسته با مربع رنگی ارسی، کارت بی‌قاب، سر نوشته‌ی راست‌چین، نقل‌قول با خط رنگی.
 * رنگ‌های --mz-* در lib-mag.css است که سربرگ مجله (wl-mz) در همه‌ی برگه‌ها بارگذاری‌اش می‌کند.
 */

.look-magazine { --bg-ink: var(--wp--preset--color--contrast); --bg-pop: var(--mz-2, #b4232f); }

/* چیپ دسته */
.look-magazine .wl-bg-chip a { display: inline-flex; align-items: center; gap: 0.4em; padding: 0; border-radius: 0; background: none; color: var(--wp--preset--color--contrast); font-weight: 800; font-size: 0.76rem; }
.look-magazine .wl-bg-chip a::before { content: ""; inline-size: 0.55em; block-size: 0.55em; background: var(--mz, var(--wp--preset--color--primary)); }
.look-magazine .wl-bg-chip a + a { margin-inline-start: 0.7rem; }

/* کارت‌ها: بی‌قاب، عکس گوشه‌دار، تیتر پررنگ */
.look-magazine .wl-bg-card { background: none; border: 0; border-radius: 0; overflow: visible; }
.look-magazine .wl-bg-card:hover { transform: none; box-shadow: none; }
.look-magazine .wl-bg-card .wl-bg-card__img { border-radius: var(--wp--custom--radius--md); }
.look-magazine .wl-bg-card > * { margin-block: 0 !important; }
.look-magazine .wl-bg-card__body { padding: 0.9rem 0 0; gap: 0.45rem; }
.look-magazine .wl-sec .wl-bg-card__title, .look-magazine .wl-bg-archive .wl-bg-card__title { font-size: 1.08rem !important; font-weight: 800; }
.look-magazine .wl-bg-card__ex { font-size: 0.88rem; }
.look-magazine .wl-bg-list .wp-block-post-template { gap: 2.25rem 1.5rem; }
.look-magazine .wl-bg-list.is-rows .wl-bg-card__body { padding: 0 1.5rem 0 0; }
.look-magazine .wl-bg-pages .page-numbers { border-radius: var(--wp--custom--radius--sm); }

/* بایگانی و نتیجه‌ی جستجو */
.look-magazine .wl-bg-archive__head { padding-bottom: 1.5rem; border-bottom: 1px solid var(--wp--preset--color--border); margin-bottom: var(--wp--preset--spacing--50) !important; }
.look-magazine .wl-bg-archive__head::before { content: ""; display: block; inline-size: 12.5rem; block-size: 0.45rem; margin-bottom: 1.2rem; background: linear-gradient(to left, var(--mz-1) 0 20%, var(--mz-2) 20% 40%, var(--mz-3) 40% 60%, var(--mz-4) 60% 80%, var(--mz-5) 80%); }
.look-magazine .wl-bg-archive .wl-bg-kicker { font-family: inherit; font-size: 0.8rem; font-weight: 800; color: var(--wp--preset--color--muted); }
.look-magazine .wl-bg-archive .wl-bg-archive__title { font-weight: 800; line-height: 1.4; }

/* نوشته */
.look-magazine .wl-bg-head { text-align: start; max-width: 48rem; }
.look-magazine .wl-bg-head > * { margin-inline: 0 !important; }
.look-magazine .wl-bg-head .wl-bg-meta { justify-content: flex-start; }
.look-magazine .wl-bg-single .wl-bg-title { font-weight: 800; line-height: 1.45; font-size: clamp(1.7rem, 3.2vw, 2.5rem) !important; }
.look-magazine .wl-bg-single .wl-bg-lead { font-size: 1.05rem; padding-inline-start: 1rem; border-inline-start: 3px solid var(--mz-3, #c98a0b); }
.look-magazine .wl-bg-meta .wl-mz-by + *::before { margin-inline-start: 0.6em; }
.look-magazine .wl-bg-single .wl-bg-cover { border-radius: var(--wp--custom--radius--md); }
.look-magazine .wl-bg-prose { font-size: 1.04rem; line-height: 2.1; }
.look-magazine .wl-bg-prose h2 { display: flex; align-items: center; gap: 0.6rem; font-size: 1.4rem; font-weight: 800; }
.look-magazine .wl-bg-prose h2::before { content: ""; flex: none; inline-size: 0.7rem; block-size: 0.7rem; background: var(--mz-2, #b4232f); }
.look-magazine .wl-bg-prose .wp-block-quote { padding: 0.25rem 1.4rem 0.25rem 0; border-inline-start: 4px solid var(--mz-1, #2747b8); font-size: 1.22rem; font-weight: 700; color: var(--wp--preset--color--contrast); }
.look-magazine .wl-bg-prose .wp-block-quote::before { content: none; }
.look-magazine .wl-bg-prose li::marker { color: var(--mz-2, #b4232f); }
.look-magazine .wl-bg-progress { background: linear-gradient(to left, var(--mz-1), var(--mz-2), var(--mz-3)); }
.look-magazine .wl-bg-share__btn { border-radius: var(--wp--custom--radius--sm); }
.look-magazine .wl-bg-rel__card img { border-radius: var(--wp--custom--radius--md); }
.look-magazine .wl-bg-rel .wl-bg-chip a { font-size: 0.74rem; }
.look-magazine .wl-bg-comment { border-radius: var(--wp--custom--radius--md); }