/* ==========================================================================
   50 · Pages — آرشیو، صفحهٔ آموزش، صفحهٔ ساده، تماس
   ========================================================================== */

.wm-pagebody { max-width: var(--container-narrow); padding-bottom: var(--sp-5); }
.wm-entry-content { font-size: var(--fs-md); line-height: var(--lh-loose); }
.wm-entry-content h2 { scroll-margin-top: calc(var(--header-h) + var(--sp-6)); }
.wm-entry-content img { border-radius: var(--r-md); }
.wm-subcats { display: grid; grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr)); gap: var(--sp-3); margin-bottom: var(--sp-8); }

/* ---------- صفحهٔ آموزش ---------- */
/* قالب صفحهٔ آموزش: [ویدئو | ستون کناری] / [متن | ستون کناری]؛ در موبایل: ویدئو ← اعتبار علمی ← متن ← محصولات ← مرتبط */
.wm-single { display: grid; grid-template-columns: minmax(0, 46rem) 22rem; grid-template-areas: "video rail" "main rail"; justify-content: space-between; align-items: start; gap: var(--sp-6) var(--sp-10); padding-bottom: var(--section-gap); }
.wm-single--novideo { grid-template-areas: "main rail"; }
.wm-single__video { grid-area: video; }
.wm-single__main { grid-area: main; display: grid; gap: var(--sp-8); min-width: 0; }
.wm-single__main > * { margin: 0; }
.wm-rail { grid-area: rail; display: grid; gap: var(--sp-5); align-content: start; align-self: stretch; }
.wm-single--novideo .wm-rail { grid-row: 1; }
.wm-side__related { position: sticky; top: calc(var(--header-h) + var(--sp-6)); }
.wm-lessonmeta { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); margin: var(--sp-2) 0 var(--sp-3); color: var(--c-ink-700); font-size: var(--fs-sm); }
.wm-lessonmeta span { display: inline-flex; align-items: center; gap: var(--sp-2); }
.wm-lessonmeta svg { width: var(--icon-sm); height: var(--icon-sm); color: var(--c-primary-600); }
.wm-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--r-lg); background: var(--c-ink-900); cursor: pointer; }
.wm-video iframe, .wm-video video { width: 100%; height: 100%; border: 0; }
.wm-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wm-video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(32, 37, 63, .45), rgba(32, 37, 63, .05)); }
.wm-video.is-playing::after { display: none; }
.wm-video__btn { position: absolute; inset: 0; z-index: var(--z-raised); display: grid; place-items: center; width: 5.25rem; height: 5.25rem; margin: auto; border: 0; border-radius: 50%; background: var(--c-primary-600); color: var(--c-white); box-shadow: var(--shadow-pop); cursor: pointer; transition: transform var(--dur-base) var(--ease); }
.wm-video:hover .wm-video__btn { transform: scale(1.07); }
.wm-video__btn svg { width: var(--icon-xl); height: var(--icon-xl); fill: var(--c-white); stroke: none; }
.wm-video__time { position: absolute; z-index: var(--z-raised); inset-block-end: var(--sp-4); inset-inline-start: var(--sp-4); padding: 0 var(--sp-3); border-radius: var(--r-sm); background: rgba(32, 37, 63, .85); color: var(--c-white); font-size: var(--fs-xs); }
.wm-side__box { padding: var(--sp-4); border-radius: var(--r-lg); background: var(--c-surface); box-shadow: var(--shadow-md); }
.wm-side__box h3 { font-size: var(--fs-base); }
.wm-mini { display: grid; grid-template-columns: 4rem 1fr; align-items: center; gap: var(--sp-3); padding: var(--sp-2) 0; border-top: 1px solid var(--c-line); color: var(--c-ink-900); font-size: var(--fs-sm); }
.wm-mini:first-of-type { border-top: 0; }
.wm-mini img { width: 4rem; height: 4rem; object-fit: cover; border-radius: var(--r-sm); }
.wm-mini small { color: var(--c-primary-600); font-weight: var(--fw-bold); }
.wm-mini small del { margin-inline-end: var(--sp-2); color: var(--c-ink-500); font-weight: var(--fw-regular); }
.wm-mini small ins { text-decoration: none; }

/* ---------- تماس ---------- */
.wm-contact { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); margin: var(--sp-8) 0; }
.wm-contact__card { display: flex; flex-direction: column; align-items: center; gap: var(--sp-1); padding: var(--sp-6) var(--sp-4); border-radius: var(--r-lg); background: var(--c-surface-soft); text-align: center; }
.wm-contact__card svg { width: var(--icon-lg); height: var(--icon-lg); color: var(--c-primary-600); stroke-width: 1.4; }
.wm-contact__card strong { color: var(--c-ink-900); }
.wm-contact__card span { color: var(--c-ink-500); font-size: var(--fs-sm); }
.wm-pagebody .wm-form { margin-bottom: var(--sp-10); }

@media (max-width: 960px) {
	.wm-single { display: flex; flex-direction: column; gap: var(--sp-6); }
	.wm-rail { display: contents; }
	.wm-single__video { order: 1; }
	.wm-rail > .wm-cred { order: 2; margin: 0; }
	.wm-single__main { order: 3; }
	.wm-side__products { order: 4; }
	.wm-side__related { order: 5; position: static; }
	.wm-contact, .wm-form__row { grid-template-columns: 1fr; }
}

/* ---------- درباره ما ---------- */
.wm-about { display: grid; gap: var(--section-gap); padding-block: var(--section-gap); }
.wm-about__intro { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: var(--sp-10); }
.wm-about__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); margin: 0; padding: 0; list-style: none; }
.wm-about__stats li { display: grid; gap: var(--sp-1); padding: var(--sp-5); border-radius: var(--r-lg); background: var(--c-surface-soft); text-align: center; }
.wm-about__stats strong { color: var(--c-primary-600); font-size: var(--fs-2xl); font-weight: var(--fw-extrabold); }
.wm-about__stats span { color: var(--c-ink-700); font-size: var(--fs-sm); }
.wm-about__block .wm-section__head p { margin-top: var(--sp-2); }
.wm-about__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); }
.wm-about__card, .wm-about__path, .wm-about__steps li { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-2); padding: var(--card-pad); border: 1px solid var(--c-line); border-radius: var(--r-lg); background: var(--c-surface); box-shadow: var(--shadow-sm); }
.wm-about__card h3, .wm-about__path h3, .wm-about__steps h3 { margin: 0; font-size: var(--fs-md); }
.wm-about__card p, .wm-about__path p, .wm-about__steps p { margin: 0; color: var(--c-ink-700); font-size: var(--fs-sm); }
.wm-about__ico { display: grid; place-items: center; width: var(--control-lg); height: var(--control-lg); margin-bottom: var(--sp-1); border-radius: var(--r-md); background: var(--c-primary-50); color: var(--c-primary-600); }
.wm-about__ico svg { width: var(--icon-lg); height: var(--icon-lg); stroke-width: 1.5; }
.wm-about__duo { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--grid-gap); }
.wm-about__path { color: var(--c-ink-900); transition: transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease); }
.wm-about__path:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.wm-about__path .wm-btn { margin-top: auto; }
.wm-about__steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; }
.wm-about__steps li { position: relative; }
.wm-about__num { position: absolute; inset-block-start: var(--sp-4); inset-inline-end: var(--sp-4); color: var(--c-primary-100); font-size: var(--fs-3xl); font-weight: var(--fw-extrabold); line-height: 1; }
.wm-about__team { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); }
.wm-about__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-5); padding: var(--panel-pad-y) var(--panel-pad-x); border-radius: var(--r-xl); background: var(--g-dark); color: var(--c-white); }
.wm-about__cta h2 { margin: 0 0 var(--sp-1); color: var(--c-white); font-size: var(--fs-xl); }
.wm-about__cta p { margin: 0; color: var(--c-ink-300); }

/* ---------- سؤالات متداول ---------- */
.wm-faq { margin-bottom: var(--sp-3); border: 1px solid var(--c-line); border-radius: var(--r-lg); background: var(--c-surface); }
.wm-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); padding: var(--sp-4) var(--card-pad); color: var(--c-ink-900); font-weight: var(--fw-bold); cursor: pointer; list-style: none; }
.wm-faq summary::-webkit-details-marker { display: none; }
.wm-faq summary::after { content: "+"; display: grid; flex: none; place-items: center; width: var(--sp-8); height: var(--sp-8); border-radius: 50%; background: var(--c-primary-50); color: var(--c-primary-600); font-size: var(--fs-lg); line-height: 1; }
.wm-faq[open] summary::after { content: "−"; }
.wm-faq[open] { border-color: var(--c-primary-100); box-shadow: var(--shadow-sm); }
.wm-faq > div { padding: 0 var(--card-pad) var(--sp-4); color: var(--c-ink-700); }
.wm-faq > div p { margin: 0; }
.wm-entry-content h2 { margin-top: var(--sp-8); }
.wm-entry-content blockquote { margin: var(--sp-5) 0; padding: var(--sp-4) var(--card-pad); border-inline-start: 4px solid var(--c-primary-600); border-radius: var(--r-md); background: var(--c-surface-soft); color: var(--c-ink-900); font-weight: var(--fw-semibold); }
.wm-post-cover { margin-bottom: var(--sp-6); overflow: hidden; border-radius: var(--r-lg); }
.wm-post-cover img { width: 100%; max-height: 26rem; object-fit: cover; }

@media (max-width: 960px) {
	.wm-about__intro { grid-template-columns: 1fr; }
	.wm-about__grid, .wm-about__steps, .wm-about__team { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.wm-about__grid, .wm-about__steps, .wm-about__duo, .wm-about__team { grid-template-columns: 1fr; }
	.wm-about__cta { flex-direction: column; align-items: flex-start; }
}

/* فهرست «در این مطلب» */
.wm-toc { padding: var(--sp-4) var(--card-pad); border: 1px solid var(--c-line); border-radius: var(--r-lg); background: var(--c-surface-soft); }
.wm-toc strong { display: flex; align-items: center; gap: var(--sp-2); margin-bottom: var(--sp-2); color: var(--c-ink-900); font-size: var(--fs-sm); }
.wm-toc strong svg { width: var(--icon-sm); height: var(--icon-sm); color: var(--c-primary-600); }
.wm-toc ol { display: grid; gap: var(--sp-1); margin: 0; padding: 0; list-style: none; }
.wm-toc a { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-1) 0; color: var(--c-ink-700); font-size: var(--fs-sm); }
.wm-toc a:hover { color: var(--c-primary-600); }
.wm-toc a span { display: grid; flex: none; place-items: center; width: var(--sp-6); height: var(--sp-6); border-radius: 50%; background: var(--c-white); color: var(--c-primary-600); font-size: var(--fs-2xs); font-weight: var(--fw-bold); }
.wm-disclaimer { display: flex; align-items: flex-start; gap: var(--sp-2); }
.wm-disclaimer svg { flex: none; width: var(--icon-sm); height: var(--icon-sm); margin-top: var(--sp-1); color: var(--c-primary-600); }