/* ===== قالب خبری نقش خورشید: استایل‌های سطح سایت. همهٔ مقادیر از توکن‌های theme.json. ===== */ html { scroll-behavior: smooth; } body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.atiye-theme { font-feature-settings: "ss01"; } img { height: auto; max-width: 100%; } a { transition: color var(--wp--custom--transition); } :focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; } ::selection { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-text); } [data-theme="dark"] img:not(.custom-logo) { opacity: .92; } /* --- هدر --- */ .site-header__top { min-height: 72px; } .site-header__top > * { flex: 1 1 0; } .site-header__top .site-brand { flex: 0 0 auto; align-items: center; text-align: center; } .site-header__top .site-header__search { display: flex; justify-content: flex-end; } .site-header__tools { justify-content: flex-start; } .site-brand .wp-block-site-logo img { width: var(--wp--custom--header--logo-width); max-width: 100%; height: auto; } .site-brand:has(.wp-block-site-logo img) .wp-block-site-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .site-header__search .wp-block-search__inside-wrapper { border-radius: var(--wp--custom--radius--button); border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--surface); padding: 2px 2px 2px 6px; } .site-header__search .wp-block-search__input { border: 0; background: transparent; font: inherit; font-size: var(--wp--preset--font-size--small); } .site-header__search .wp-block-search__button { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); border: 0; border-radius: 50%; width: 34px; height: 34px; padding: 0; display: grid; place-items: center; } .site-header__search .wp-block-search__button svg { fill: currentColor; } /* ناوبری اصلی: آیتم‌ها با آیکون زرد (کلاس روی آیتم منو: has-icon-read | has-icon-see | has-icon-hear | has-icon-know | has-icon-home) */ .site-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .25rem; } .site-nav .wp-block-navigation-item[class*="has-icon-"] > .wp-block-navigation-item__content::before { content: ""; width: 26px; height: 26px; border-radius: 50%; background: var(--wp--preset--color--accent); -webkit-mask: var(--nav-icon) center / 60% no-repeat, linear-gradient(#000 0 0); mask: var(--nav-icon) center / 60% no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; flex: none; } .site-nav .wp-block-navigation-item.has-icon-read { --nav-icon: url("../icons/read.svg"); } .site-nav .wp-block-navigation-item.has-icon-see { --nav-icon: url("../icons/see.svg"); } .site-nav .wp-block-navigation-item.has-icon-hear { --nav-icon: url("../icons/hear.svg"); } .site-nav .wp-block-navigation-item.has-icon-know { --nav-icon: url("../icons/know.svg"); } .site-nav .wp-block-navigation-item.has-icon-home { --nav-icon: url("../icons/home.svg"); } .site-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content, .site-nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content { text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 3px; text-underline-offset: 8px; } .site-nav .wp-block-navigation__submenu-container { border: 1px solid var(--wp--preset--color--border) !important; border-radius: var(--wp--custom--radius--card); background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--contrast) !important; box-shadow: 0 12px 30px rgba(0,0,0,.08); padding: .4rem 0; min-width: 200px; } .site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .5rem 1rem; font-weight: 500; } .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item[class*="has-icon-"] > .wp-block-navigation-item__content::before { display: none; } /* --- ستون‌ها --- */ .is-sticky-column > * { position: sticky; top: var(--wp--custom--sidebar--sticky-top); } .home-grid, .single-grid { align-items: flex-start; } .home-grid__main > * + * { padding-top: var(--wp--preset--spacing--60); border-top: 1px solid var(--wp--preset--color--border); } .home-grid__main > .atiye-ad-wrap + * { border-top: 0; } @media (max-width: 781px) { .home-grid { flex-direction: column; } .home-grid > .wp-block-column { flex-basis: 100% !important; } .home-grid__main { order: -1; } .is-sticky-column > * { position: static; } .site-header__top { flex-wrap: wrap; min-height: 0; } .site-header__top .site-brand { order: -1; flex: 1 1 100%; } .site-header__top .site-header__search { flex: 1 1 auto; width: auto !important; } .site-header__top .site-header__search .wp-block-search__inside-wrapper { width: 100%; } .site-header__tools { flex: 0 0 auto; order: 1; } } /* --- صفحهٔ خبر --- */ .single-article .wp-block-post-title { margin: 0; } .single-article .single-featured img { border-radius: var(--wp--custom--radius--card); } body.atiye-hide-featured .single-featured { display: none; } .wp-block-post-content > * { margin-block: var(--wp--preset--spacing--40); } .wp-block-post-content h2, .wp-block-post-content h3 { margin-top: var(--wp--preset--spacing--60); } .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--large); } .wp-block-post-content h3 { font-size: var(--wp--preset--font-size--medium); } .wp-block-post-content figcaption { text-align: center; } .wp-block-post-content a { text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 2px; text-underline-offset: 3px; } .wp-block-post-content a:hover { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-text); } .wp-block-post-content .wp-block-quote { background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--radius--card); padding: var(--wp--preset--spacing--40); } .wp-block-post-content table { border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--small); } .wp-block-post-content td, .wp-block-post-content th { border: 1px solid var(--wp--preset--color--border); padding: .5em .8em; } .single-media { border-radius: var(--wp--custom--radius--card); overflow: hidden; background: var(--wp--preset--color--dark); } .single-media iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; display: block; } .single-comments { margin-top: var(--wp--preset--spacing--60); padding-top: var(--wp--preset--spacing--50); border-top: 1px solid var(--wp--preset--color--border); } .single-comments:empty { display: none; } .wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea { border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--card); background: var(--wp--preset--color--base); color: inherit; font: inherit; padding: .6em .8em; width: 100%; } /* --- آرشیو --- */ .archive-cards { gap: var(--wp--preset--spacing--50) !important; } .archive-card .wp-block-post-featured-image img { border-radius: var(--wp--custom--radius--card); } .archive-card .wp-block-post-title a, .archive-row .wp-block-post-title a { text-decoration: none; } .archive-card .wp-block-post-title a:hover, .archive-row .wp-block-post-title a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 3px; text-underline-offset: 4px; } .archive-row .wp-block-post-featured-image { flex: 0 0 220px; } .archive-row .wp-block-post-featured-image img { border-radius: var(--wp--custom--radius--card); } @media (max-width: 640px) { .archive-row { flex-direction: column; } .archive-row .wp-block-post-featured-image { flex-basis: auto; width: 100% !important; } .archive-cards { grid-template-columns: 1fr !important; } } .wp-block-query-pagination { margin-top: var(--wp--preset--spacing--50); gap: .5rem; } .wp-block-query-pagination-numbers .page-numbers { display: inline-grid; place-items: center; min-width: 36px; height: 36px; padding: 0 .5em; border-radius: 50%; border: 1px solid var(--wp--preset--color--border); text-decoration: none; } .wp-block-query-pagination-numbers .page-numbers.current { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-text); border-color: transparent; font-weight: 700; } .wp-block-query-pagination-next, .wp-block-query-pagination-previous { text-decoration: none; } /* --- فوتر --- */ .site-footer .footer-list ul, .site-footer .footer-list { list-style: none; padding: 0; margin: 0; } .site-footer .wp-block-categories li, .site-footer .footer-list .wp-block-navigation-item { padding: .25rem 0; font-size: var(--wp--preset--font-size--small); } .site-footer .wp-block-categories a, .site-footer .footer-list a { text-decoration: none; color: var(--wp--preset--color--muted); } .site-footer .wp-block-categories a:hover, .site-footer .footer-list a:hover { color: var(--wp--preset--color--contrast); } .site-footer .wp-block-site-logo img { max-width: 150px; } .site-footer .wp-block-site-logo + .wp-block-site-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* --- ویرایشگر --- */ .editor-styles-wrapper .atiye-card__title-link { pointer-events: none; } /* ===================================================================== نسخهٔ ۳ — سیستم طراحی استاندارد: یک مقیاس فاصله، یک مقیاس تایپ، یک سیستم کارت، یک سایه. فقط توکن‌های theme.json. RTL منطقی. ===================================================================== */ body.atiye-theme { --c-ink: var(--wp--preset--color--contrast); --c-bg: var(--wp--preset--color--base); --c-accent: var(--wp--preset--color--accent); --c-on-accent: var(--wp--preset--color--accent-text); --c-sec: var(--wp--preset--color--secondary); --c-surface: var(--wp--preset--color--surface); --c-surface2: var(--wp--preset--color--surface-strong); --c-muted: var(--wp--preset--color--muted); --c-line: var(--wp--preset--color--border); --c-dark: var(--wp--preset--color--dark); --r: var(--wp--custom--radius--card); --r-s: var(--wp--custom--radius--small); --ease: var(--wp--custom--v-3--ease); --dur: var(--wp--custom--v-3--dur); --shadow: var(--wp--custom--v-3--shadow); --lift: var(--wp--custom--v-3--lift); --s-1: var(--wp--preset--spacing--10); --s-2: var(--wp--preset--spacing--20); --s-3: var(--wp--preset--spacing--30); --s-4: var(--wp--preset--spacing--40); --s-5: var(--wp--preset--spacing--50); --s-6: var(--wp--preset--spacing--60); --s-7: var(--wp--preset--spacing--70); --atiye-radius: var(--r); letter-spacing: 0; font-feature-settings: "ss01", "ss02"; } body.atiye-theme :is(h1,h2,h3,h4,.atiye-card__title,.atiye-section__title) { letter-spacing: 0; text-wrap: balance; } body.atiye-theme .site-main { --wp--style--block-gap: var(--wp--custom--v-3--section-gap); } body.atiye-theme .site-main > * + * { margin-block-start: var(--wp--custom--v-3--section-gap); } /* ---------- سرتیتر بخش (استاندارد): عنوان + خط پایه + «بیشتر» ---------- */ body.atiye-theme .atiye-section__head { position: relative; border-block-end: 1px solid var(--c-line); padding-block-end: var(--s-3); margin-block-end: var(--s-5); gap: var(--s-2) var(--s-4); align-items: baseline; } body.atiye-theme .atiye-section__head::before { content: ""; position: absolute; inset-inline-start: 0; bottom: -1px; width: 48px; height: 3px; background: var(--service-color, var(--c-accent)); border-radius: 2px; } body.atiye-theme .atiye-section__title { font-size: var(--wp--preset--font-size--large); font-weight: 800; padding: 0; line-height: 1.4; } body.atiye-theme .atiye-section__title::before { display: none; } body.atiye-theme .atiye-section__more { margin-inline-start: auto; font-size: var(--wp--preset--font-size--x-small); font-weight: 700; color: var(--c-muted); display: inline-flex; align-items: center; gap: .35em; transition: color var(--dur) var(--ease); } body.atiye-theme .atiye-section__more::after { content: "←"; transition: transform var(--dur) var(--ease); } [dir="ltr"] body.atiye-theme .atiye-section__more::after { content: "→"; } body.atiye-theme .atiye-section__more:hover { color: var(--c-accent); } body.atiye-theme .atiye-section__more:hover::after { transform: translateX(-3px); } body.atiye-theme .atiye-section__head .atiye-chips { flex-basis: 100%; } /* ---------- چیپ‌ها و متا ---------- */ body.atiye-theme .atiye-chip { font-size: var(--wp--preset--font-size--x-small); font-weight: 500; background: var(--c-surface); color: var(--c-ink); border: 1px solid transparent; padding: .4em .8em; transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease); } body.atiye-theme .atiye-chip:hover { background: var(--c-bg); border-color: var(--c-ink); } body.atiye-theme .atiye-chip--cat { background: transparent; color: var(--chip-bg, var(--c-accent)); font-weight: 800; padding: 0; border: 0; border-radius: 0; font-size: var(--wp--preset--font-size--x-small); } body.atiye-theme .atiye-chip--cat:hover { background: transparent; text-decoration: underline; text-underline-offset: 3px; } body.atiye-theme .atiye-meta { font-size: var(--wp--preset--font-size--x-small); color: var(--c-muted); gap: var(--s-2) var(--s-3); } body.atiye-theme .atiye-meta > * + *::before { content: "·"; margin-inline-end: var(--s-3); opacity: .6; } /* ---------- کارت‌ها ---------- */ body.atiye-theme .atiye-card { gap: var(--s-3); } body.atiye-theme .atiye-card__body { gap: var(--s-2); } body.atiye-theme .atiye-card__media { border-radius: var(--r); background: var(--c-surface2); } body.atiye-theme .atiye-card__media img { transition: transform .5s var(--ease); } body.atiye-theme .atiye-card:hover .atiye-card__media img { transform: scale(1.03); } body.atiye-theme .atiye-card__title { font-weight: 700; line-height: 1.6; transition: color var(--dur) var(--ease); } body.atiye-theme .atiye-card__title-link:hover .atiye-card__title { color: var(--c-accent); text-decoration: none; } body.atiye-theme .atiye-card__lead { font-size: var(--wp--preset--font-size--small); line-height: 1.8; } body.atiye-theme .atiye-card--row { gap: var(--s-4); } body.atiye-theme .atiye-card--row .atiye-card__media { flex-basis: var(--wp--custom--v-3--thumb); border-radius: var(--r-s); } body.atiye-theme .atiye-card--row .atiye-card__title { font-size: var(--wp--preset--font-size--small); } body.atiye-theme .atiye-card--card .atiye-card__title { font-size: var(--wp--preset--font-size--medium); } body.atiye-theme :is(.atiye-posts--list, .atiye-posts--text, .atiye-posts--numbered) .atiye-posts__items > * + * { border-top-color: var(--c-line); padding-top: var(--s-4); } body.atiye-theme .atiye-posts__items { gap: var(--s-4); } /* ---------- لید ---------- */ body.atiye-theme .home-lead .atiye-card--hero { position: relative; min-height: var(--wp--custom--v-3--hero-min-height); border-radius: var(--r); overflow: hidden; background: var(--c-dark); gap: 0; height: 100%; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__media { position: absolute; inset: 0; border-radius: 0; aspect-ratio: auto; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,0) 75%); } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__body { position: relative; z-index: 1; margin-top: auto; padding: var(--s-6) var(--s-5) var(--s-5); color: #fff; gap: var(--s-3); } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__title { font-size: var(--wp--preset--font-size--xxx-large); font-weight: 800; line-height: 1.45; color: #fff; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__title-link:hover .atiye-card__title { color: #fff; opacity: .85; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__lead { color: rgba(255,255,255,.8); font-size: var(--wp--preset--font-size--medium); -webkit-line-clamp: 2; } body.atiye-theme .home-lead .atiye-card--hero .atiye-meta { color: rgba(255,255,255,.7); } body.atiye-theme .home-lead .atiye-card--hero .atiye-chip--cat { background: var(--c-accent); color: var(--c-on-accent); padding: .35em .8em; border-radius: 999px; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__subtitle { color: rgba(255,255,255,.75); } /* ---------- تیترهای اصلی (ستون متنی) ---------- */ body.atiye-theme .home-topline .atiye-posts__items { gap: var(--s-3); } body.atiye-theme .home-topline .atiye-posts__items > * + * { padding-top: var(--s-3); } body.atiye-theme .home-topline .atiye-card--text .atiye-card__title { font-size: var(--wp--preset--font-size--small); line-height: 1.7; } body.atiye-theme .home-topline .atiye-posts__items > :first-child .atiye-card__title { font-size: var(--wp--preset--font-size--medium); font-weight: 800; } body.atiye-theme .home-topline .atiye-card--text { gap: var(--s-1); } /* ---------- برگزیدهٔ سردبیر ---------- */ body.atiye-theme .home-picks .atiye-posts__items { gap: var(--s-3); } body.atiye-theme .home-picks .atiye-posts__items > * + * { padding-top: var(--s-3); } body.atiye-theme .home-picks .atiye-card--row .atiye-card__media { flex-basis: 76px; } /* ---------- پربازدیدترین‌ها ---------- */ body.atiye-theme .home-mostread .atiye-posts__items { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-5); } body.atiye-theme .home-mostread .atiye-posts__items > * { border: 0; padding: 0; } body.atiye-theme .home-mostread .atiye-card--numbered { flex-direction: column; gap: var(--s-2); } body.atiye-theme .home-mostread .atiye-posts__items > * + * { border-inline-start: 1px solid var(--c-line); padding-inline-start: var(--s-5); } body.atiye-theme .home-mostread .atiye-card__num { font-size: 2.6rem; font-weight: var(--wp--custom--v-3--num-weight); line-height: 1; color: var(--c-accent); -webkit-text-stroke: 0; flex: none; } body.atiye-theme .home-mostread .atiye-card__title { font-size: var(--wp--preset--font-size--small); line-height: 1.7; } /* ---------- یادداشت‌ها ---------- */ body.atiye-theme .home-opinion .atiye-posts__items { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); } body.atiye-theme .home-opinion .atiye-posts__items > * { border: 0; padding: 0; } body.atiye-theme .home-opinion .atiye-card--note { flex-direction: column; background: var(--c-surface); border-radius: var(--r); padding: var(--s-5); gap: var(--s-4); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); } body.atiye-theme .home-opinion .atiye-card--note:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow); } body.atiye-theme .home-opinion .atiye-card--note .atiye-card__title { font-size: var(--wp--preset--font-size--medium); line-height: 1.75; flex: 1; } body.atiye-theme .home-opinion .atiye-card--note .atiye-card__title::before { content: "یادداشت"; display: block; font-size: var(--wp--preset--font-size--x-small); font-weight: 800; color: var(--c-sec); margin-block-end: var(--s-2); } body.atiye-theme .home-opinion .atiye-author { padding-top: var(--s-3); border-top: 1px solid var(--c-line); } body.atiye-theme .home-opinion .atiye-author__avatar, body.atiye-theme .home-opinion .atiye-author__avatar img { width: var(--wp--custom--v-3--avatar); height: var(--wp--custom--v-3--avatar); } body.atiye-theme .home-opinion .atiye-author__title { color: var(--c-muted); } /* ---------- سرویس‌ها ---------- */ body.atiye-theme .atiye-service--big-list .atiye-service__items { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: var(--s-5); } body.atiye-theme .atiye-service--big-list .atiye-service__items > :first-child .atiye-card__title { font-size: var(--wp--preset--font-size--large); font-weight: 800; } body.atiye-theme .atiye-service__items .atiye-card--row + .atiye-card--row { border-top-color: var(--c-line); padding-top: var(--s-4); } body.atiye-theme .home-splash .atiye-service__items { gap: var(--s-5) var(--s-4); } body.atiye-theme .home-splash .atiye-service__items > :first-child { flex-direction: row; align-items: center; gap: var(--s-5); } body.atiye-theme .home-splash .atiye-service__items > :first-child .atiye-card__media { flex: 0 0 58%; } body.atiye-theme .home-splash .atiye-service__items > :first-child .atiye-card__title { font-size: var(--wp--preset--font-size--x-large); font-weight: 800; line-height: 1.5; } body.atiye-theme .home-splash .atiye-service__items > :not(:first-child) .atiye-card__title { font-size: var(--wp--preset--font-size--small); } body.atiye-theme .home-stack .atiye-service--grid .atiye-service__items { grid-template-columns: 1fr; gap: var(--s-4); } body.atiye-theme .home-stack .atiye-service__items > :first-child .atiye-card__title { font-size: var(--wp--preset--font-size--medium); font-weight: 800; } body.atiye-theme .home-stack .atiye-service__items > :not(:first-child) { flex-direction: row; align-items: flex-start; gap: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--c-line); } body.atiye-theme .home-stack .atiye-service__items > :not(:first-child) .atiye-card__media { flex: 0 0 var(--wp--custom--v-3--thumb); border-radius: var(--r-s); } body.atiye-theme .home-stack .atiye-service__items > :not(:first-child) .atiye-card__title { font-size: var(--wp--preset--font-size--small); } /* ---------- ریل ---------- */ body.atiye-theme .home-rail { background: none; padding: 0; } body.atiye-theme .home-rail > .atiye-section { background: var(--c-surface); border-radius: var(--r); padding: var(--s-5); } body.atiye-theme .home-rail > .atiye-tagcloud .atiye-section__head { border-color: var(--c-surface2); } body.atiye-theme .home-latest .atiye-posts__items { gap: var(--s-3); } body.atiye-theme .home-latest .atiye-posts__items > * + * { padding-top: var(--s-3); border-top-color: var(--c-surface2); } body.atiye-theme .home-latest .atiye-card--text { flex-direction: column-reverse; gap: .15rem; } body.atiye-theme .home-latest .atiye-card--text .atiye-card__title { font-size: var(--wp--preset--font-size--small); } body.atiye-theme .home-latest .atiye-meta__date { color: var(--c-accent); font-weight: 700; } /* ---------- باند چندرسانه‌ای ---------- */ body.atiye-theme .home-media-band { background: var(--c-dark); color: #fff; border-radius: var(--r); } body.atiye-theme .home-media-band .atiye-section__head { border-color: rgba(255,255,255,.15); } body.atiye-theme .home-media-band .atiye-section__title { color: #fff; } body.atiye-theme .home-media-band .atiye-section__more { color: rgba(255,255,255,.7); } body.atiye-theme .home-media-band .atiye-section__more:hover { color: #fff; } body.atiye-theme .home-videos .atiye-card--media .atiye-card__media { background: #000; } body.atiye-theme .atiye-play { inset: auto; inset-inline-start: 50%; top: 50%; transform: translate(50%, -50%); width: var(--wp--custom--v-3--play-size); height: var(--wp--custom--v-3--play-size); background: rgba(255,255,255,.92); transition: transform var(--dur) var(--ease), background var(--dur) var(--ease); } [dir="ltr"] body.atiye-theme .atiye-play { transform: translate(-50%, -50%); } body.atiye-theme .atiye-play::after { border-color: transparent transparent transparent var(--c-ink); } body.atiye-theme .atiye-card:hover .atiye-play { background: var(--c-accent); transform: translate(50%, -50%) scale(1.06); } body.atiye-theme .atiye-card:hover .atiye-play::after { border-left-color: #fff; } body.atiye-theme .atiye-duration { background: rgba(0,0,0,.75); border-radius: 4px; font-weight: 600; } body.atiye-theme .atiye-card--media .atiye-duration { inset-block-start: .75rem; bottom: auto; } body.atiye-theme .home-podcasts .atiye-posts__items { grid-template-columns: 1fr; gap: var(--s-3); } body.atiye-theme .home-podcasts .atiye-posts__items > * { border: 0; padding: 0; } body.atiye-theme .home-podcasts .atiye-card--row { background: rgba(255,255,255,.06); border-radius: var(--r-s); padding: var(--s-3); align-items: center; transition: background var(--dur) var(--ease); } body.atiye-theme .home-podcasts .atiye-card--row:hover { background: rgba(255,255,255,.12); } body.atiye-theme .home-podcasts .atiye-card--row .atiye-card__media { flex-basis: 64px; aspect-ratio: 1; border-radius: var(--r-s); } body.atiye-theme .home-podcasts .atiye-card--row .atiye-play { width: 28px; height: 28px; } body.atiye-theme .home-podcasts .atiye-card--row .atiye-duration { display: none; } body.atiye-theme .home-podcasts .atiye-card__title { color: #fff; font-size: var(--wp--preset--font-size--small); } body.atiye-theme .home-podcasts .atiye-card__title-link:hover .atiye-card__title { color: var(--c-accent); } body.atiye-theme .home-podcasts .atiye-meta { color: rgba(255,255,255,.6); } /* ---------- اینفوگرافیک / بین‌الملل / مخاطبان ---------- */ body.atiye-theme .home-infographic .atiye-card__title { font-size: var(--wp--preset--font-size--small); } body.atiye-theme .home-world .atiye-service__items > :first-child { background: var(--c-surface); border-radius: var(--r); padding: var(--s-4); } body.atiye-theme .atiye-audience__item a { border: 1px solid var(--c-line); background: var(--c-bg); border-radius: var(--r); padding: var(--s-4) var(--s-3); gap: var(--s-3); transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); } body.atiye-theme .atiye-audience__item a:hover { border-color: transparent; background: var(--c-bg); transform: translateY(var(--lift)); box-shadow: var(--shadow); } body.atiye-theme .atiye-audience .atiye-icon, body.atiye-theme .atiye-audience .dashicons { width: 48px; height: 48px; font-size: 22px; background: var(--c-surface); color: var(--term-color, var(--c-sec)); transition: background var(--dur) var(--ease), color var(--dur) var(--ease); } body.atiye-theme .atiye-audience__item a:hover .atiye-icon, body.atiye-theme .atiye-audience__item a:hover .dashicons { background: var(--term-color, var(--c-sec)); color: #fff; } body.atiye-theme .atiye-slider__btn { border-color: var(--c-line); box-shadow: var(--shadow); } body.atiye-theme .atiye-slider__btn:hover { background: var(--c-ink); border-color: var(--c-ink); } body.atiye-theme .atiye-slider__btn:hover::before { border-color: #fff; } /* ---------- تیکر ---------- */ body.atiye-theme .atiye-ticker { border: 1px solid var(--c-line); border-radius: var(--r-s); background: var(--c-bg); font-size: var(--wp--preset--font-size--small); } body.atiye-theme .atiye-ticker__label { background: var(--c-accent); color: var(--c-on-accent); font-weight: 800; gap: .5rem; } body.atiye-theme .atiye-ticker__label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: currentColor; animation: v3-pulse 1.6s ease-in-out infinite; } body.atiye-theme .atiye-ticker__list li::before { content: "•"; color: var(--c-accent); -webkit-text-stroke: 0; } body.atiye-theme .atiye-ticker__list a:hover { color: var(--c-accent); } @keyframes v3-pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } } @media (prefers-reduced-motion: reduce) { body.atiye-theme .atiye-ticker__label::before { animation: none; } } /* ---------- هدر ---------- */ body.atiye-theme .site-topbar { font-size: var(--wp--preset--font-size--x-small); color: var(--c-muted); border-block-end: 1px solid var(--c-line); } body.atiye-theme .site-topbar .atiye-social__link { width: 30px; height: 30px; border: 0; color: var(--c-muted); } body.atiye-theme .site-topbar .atiye-social__link:hover { background: var(--c-surface); color: var(--c-ink); } body.atiye-theme .site-topbar .atiye-social__icon { width: 15px; height: 15px; } body.atiye-theme .site-topbar .atiye-darktoggle { width: 30px; height: 30px; border: 0; } body.atiye-theme .site-topbar .atiye-darktoggle__icon { width: 14px; height: 14px; } body.atiye-theme .site-header__top { min-height: 96px; } body.atiye-theme .site-brand .wp-block-site-title { font-weight: 900; line-height: 1.2; } body.atiye-theme .site-brand .wp-block-site-tagline { color: var(--c-muted); } body.atiye-theme .site-header__search .wp-block-search__inside-wrapper { background: var(--c-bg); border: 1px solid var(--c-line); padding: 2px 2px 2px 6px; height: 42px; align-items: center; transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); } body.atiye-theme .site-header__search .wp-block-search__inside-wrapper:focus-within { border-color: var(--c-ink); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-ink) 8%, transparent); } body.atiye-theme .site-header__search .wp-block-search__input { padding-inline: var(--s-3); font-size: var(--wp--preset--font-size--small); color: var(--c-ink); } body.atiye-theme .site-header__search .wp-block-search__input::placeholder { color: var(--c-muted); } body.atiye-theme .site-header__search .wp-block-search__button { background: transparent; color: var(--c-muted); width: 36px; height: 36px; border-radius: 50%; transition: background var(--dur) var(--ease), color var(--dur) var(--ease); } body.atiye-theme .site-header__search .wp-block-search__button:hover, body.atiye-theme .site-header__search .wp-block-search__inside-wrapper:focus-within .wp-block-search__button { background: var(--c-ink); color: var(--c-bg); } body.atiye-theme .site-header__search .wp-block-search__button svg { width: 18px; height: 18px; } body.atiye-theme .site-nav { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--c-bg) 92%, transparent); backdrop-filter: saturate(1.4) blur(10px); border-color: var(--c-line) !important; } body.atiye-theme .site-nav .wp-block-navigation { min-height: var(--wp--custom--v-3--nav-height); align-items: center; } body.atiye-theme .site-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font-weight: 700; font-size: var(--wp--preset--font-size--small); padding: .5rem .25rem; position: relative; } body.atiye-theme .site-nav .wp-block-navigation-item[class*="has-icon-"] > .wp-block-navigation-item__content::before { width: 18px; height: 18px; background: var(--c-accent); -webkit-mask: var(--nav-icon) center / contain no-repeat; mask: var(--nav-icon) center / contain no-repeat; -webkit-mask-composite: initial; mask-composite: initial; } body.atiye-theme .site-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after { content: ""; position: absolute; inset-inline: .25rem; bottom: -1px; height: 2px; background: var(--c-accent); transform: scaleX(0); transform-origin: var(--nav-origin, 100% 50%); transition: transform var(--dur) var(--ease); } [dir="ltr"] body.atiye-theme .site-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after { transform-origin: 0 50%; } body.atiye-theme .site-nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content, body.atiye-theme .site-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content { text-decoration: none; } body.atiye-theme .site-nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after, body.atiye-theme .site-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); } body.atiye-theme .site-nav .wp-block-navigation__submenu-container { border-radius: var(--r-s); border-color: var(--c-line) !important; box-shadow: var(--shadow); padding: .5rem 0; } body.atiye-theme .site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-weight: 500; font-size: var(--wp--preset--font-size--small); } body.atiye-theme .site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--c-surface); color: var(--c-accent); } body.atiye-theme .site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; } body.atiye-theme .atiye-darktoggle { border-color: var(--c-line); } body.atiye-theme .atiye-darktoggle:hover { background: var(--c-surface); } /* ---------- صفحهٔ خبر ---------- */ body.atiye-theme .single-article { --wp--style--block-gap: var(--s-4); } body.atiye-theme .single-article .wp-block-post-title { font-size: var(--wp--preset--font-size--xx-large); line-height: 1.5; font-weight: 800; margin-block: var(--s-2) var(--s-3); } body.atiye-theme .atiye-lead__text { border-inline-start: 3px solid var(--c-accent); color: var(--c-muted); font-size: var(--wp--preset--font-size--large); line-height: 1.9; } body.atiye-theme .atiye-postmeta { padding-block: var(--s-3); border-block: 1px solid var(--c-line); } body.atiye-theme .atiye-postmeta a { color: var(--c-ink); } body.atiye-theme .single-featured img { border-radius: var(--r); } body.atiye-theme .wp-block-post-content > * { margin-block: var(--s-4); } body.atiye-theme .wp-block-post-content > p { max-width: 70ch; } body.atiye-theme .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--x-large); margin-top: var(--s-6); } body.atiye-theme .wp-block-post-content h3 { font-size: var(--wp--preset--font-size--large); } body.atiye-theme .wp-block-post-content a { text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--c-accent) 50%, transparent); text-underline-offset: 3px; color: inherit; } body.atiye-theme .wp-block-post-content a:hover { background: transparent; color: var(--c-accent); text-decoration-color: var(--c-accent); } body.atiye-theme .wp-block-post-content .wp-block-quote { background: var(--c-surface); border-radius: var(--r); border-inline-start: 3px solid var(--c-accent); padding: var(--s-5); font-size: var(--wp--preset--font-size--large); } body.atiye-theme .wp-block-post-content .wp-block-quote cite { font-size: var(--wp--preset--font-size--x-small); color: var(--c-muted); font-style: normal; } body.atiye-theme .wp-block-post-content figure img { border-radius: var(--r); } body.atiye-theme .atiye-postterms { padding-top: var(--s-4); border-top: 1px solid var(--c-line); } body.atiye-theme .atiye-postterms + .atiye-postterms { padding-top: 0; border: 0; } body.atiye-theme .atiye-share__btn { background: var(--c-surface); border: 0; font-weight: 600; } body.atiye-theme .atiye-share__btn:hover { background: var(--c-ink); color: var(--c-bg); } body.atiye-theme .atiye-authorcard { background: var(--c-surface); border: 0; border-radius: var(--r); padding: var(--s-5); } body.atiye-theme .atiye-authorcard .atiye-author__avatar, body.atiye-theme .atiye-authorcard .atiye-author__avatar img { width: 64px; height: 64px; } body.atiye-theme .single-grid__side .site-sidebar { background: var(--c-surface); border-radius: var(--r); padding: var(--s-5); } body.atiye-theme .site-sidebar .atiye-posts__items > * + * { border-top-color: var(--c-surface2); } body.atiye-theme .site-sidebar .atiye-card--numbered .atiye-card__num { font-size: 1.6rem; font-weight: 300; color: var(--c-accent); -webkit-text-stroke: 0; } body.atiye-theme .atiye-breadcrumb ol { font-size: var(--wp--preset--font-size--x-small); } body.atiye-theme .atiye-breadcrumb a:hover { color: var(--c-accent); } /* ---------- آرشیو ---------- */ body.atiye-theme .atiye-archivehead { border: 0; padding: var(--s-5) 0 var(--s-5); margin-block-end: var(--s-2); position: relative; } body.atiye-theme .atiye-archivehead::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 64px; height: 3px; border-radius: 2px; background: var(--term-color, var(--c-accent)); } body.atiye-theme .atiye-archivehead__title { font-size: var(--wp--preset--font-size--xx-large); } body.atiye-theme .atiye-archivehead .atiye-icon, body.atiye-theme .atiye-archivehead .dashicons { background: var(--c-surface); color: var(--term-color, var(--c-accent)); } body.atiye-theme .archive-card .wp-block-post-featured-image img, body.atiye-theme .archive-row .wp-block-post-featured-image img { border-radius: var(--r); } body.atiye-theme .archive-card .wp-block-post-title, body.atiye-theme .archive-row .wp-block-post-title { font-weight: 700; line-height: 1.6; } body.atiye-theme .archive-card .wp-block-post-title a:hover, body.atiye-theme .archive-row .wp-block-post-title a:hover { color: var(--c-accent); text-decoration: none; } body.atiye-theme .archive-row { border-bottom-color: var(--c-line) !important; } body.atiye-theme .wp-block-query-pagination-numbers .page-numbers { border-color: var(--c-line); } body.atiye-theme .wp-block-query-pagination-numbers .page-numbers.current { background: var(--c-ink); color: var(--c-bg); } /* ---------- فوتر ---------- */ body.atiye-theme .site-footer { border-top: 1px solid var(--c-line) !important; } body.atiye-theme .site-footer .wp-block-heading { font-size: var(--wp--preset--font-size--small); font-weight: 800; color: color-mix(in srgb, var(--c-bg) 60%, transparent); margin-block-end: var(--s-3); } body.atiye-theme .site-footer :is(.wp-block-categories a, .footer-list a) { color: color-mix(in srgb, var(--c-bg) 85%, transparent); } body.atiye-theme .site-footer :is(.wp-block-categories a, .footer-list a):hover { color: var(--c-accent); } body.atiye-theme .site-footer .has-muted-color { color: color-mix(in srgb, var(--c-bg) 60%, transparent) !important; } body.atiye-theme .site-footer .atiye-social__link { border-color: color-mix(in srgb, var(--c-bg) 20%, transparent); color: var(--c-bg); } body.atiye-theme .site-footer .atiye-social__link:hover { background: var(--c-accent); border-color: var(--c-accent); } body.atiye-theme .site-footer > .wp-block-group:last-child { border-top-color: color-mix(in srgb, var(--c-bg) 12%, transparent) !important; } /* ---------- ساختار صفحهٔ اول ---------- */ body.atiye-theme .home-cols { align-items: stretch; } body.atiye-theme .home-body__main > * + * { border: 0; padding-top: 0; } body.atiye-theme .home-editor { height: 100%; display: flex; flex-direction: column; background: var(--c-surface); border-radius: var(--r); padding: var(--s-5); gap: var(--s-4); } body.atiye-theme .home-editor .home-topline { padding-top: var(--s-4); border-top: 1px dashed var(--c-surface2); } body.atiye-theme .home-editor .home-picks .atiye-posts__items > * + * { border-top-color: var(--c-surface2); } body.atiye-theme .home-editor .atiye-section__head { border-color: var(--c-surface2); } body.atiye-theme .home-front__lead > .home-lead { height: 100%; } body.atiye-theme .home-editor .home-picks { flex: 1; display: flex; flex-direction: column; } body.atiye-theme .home-editor .home-picks .atiye-posts__items { flex: 1; grid-auto-rows: 1fr; } body.atiye-theme .home-editor .home-picks .atiye-card--row { align-items: center; } body.atiye-theme .atiye-ad-placeholder { border-radius: var(--r); background: var(--c-surface); border: 1px dashed var(--c-line); } /* ---------- واکنش‌گرا ---------- */ @media (max-width: 1024px) { body.atiye-theme .home-mostread .atiye-posts__items, body.atiye-theme .home-opinion .atiye-posts__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.atiye-theme .home-mostread .atiye-posts__items > :nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; } body.atiye-theme .home-front { flex-wrap: wrap; } body.atiye-theme .home-front > .home-front__lead { flex-basis: 100% !important; } body.atiye-theme .home-front > .home-front__editor { flex-basis: 100% !important; } } @media (max-width: 781px) { body.atiye-theme .site-main > * + * { margin-block-start: var(--s-6); } body.atiye-theme .home-lead .atiye-card--hero { min-height: 400px; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__title { font-size: var(--wp--preset--font-size--xx-large); } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__body { padding: var(--s-5) var(--s-4) var(--s-4); } body.atiye-theme .home-mostread .atiye-posts__items, body.atiye-theme .home-opinion .atiye-posts__items { grid-template-columns: 1fr; } body.atiye-theme .home-mostread .atiye-posts__items > * { border: 0 !important; padding: 0 !important; } body.atiye-theme .home-mostread .atiye-card--numbered { flex-direction: row; align-items: center; gap: var(--s-3); } body.atiye-theme .home-mostread .atiye-card__num { font-size: 1.8rem; min-width: 2rem; text-align: center; } body.atiye-theme .home-splash .atiye-service__items > :first-child { flex-direction: column; align-items: stretch; } body.atiye-theme .home-splash .atiye-service__items > :first-child .atiye-card__media { flex-basis: auto; } body.atiye-theme .atiye-service--big-list .atiye-service__items { grid-template-columns: 1fr; } body.atiye-theme .home-media-band { border-radius: 0; } body.atiye-theme .site-nav { position: static; } } /* ===================== صفحهٔ مطلب (نسخهٔ ۳) ===================== */ body.atiye-theme .single-head { text-align: start; } body.atiye-theme .single-head .atiye-breadcrumb ol { font-size: var(--wp--preset--font-size--x-small); } body.atiye-theme .single-kicker .atiye-chips { gap: var(--s-3); } body.atiye-theme .single-kicker .atiye-chip--cat { font-size: var(--wp--preset--font-size--small); } body.atiye-theme .single-head .wp-block-post-title { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem); font-weight: 800; line-height: 1.5; margin: var(--s-2) 0 var(--s-3); } body.atiye-theme .single-head .atiye-lead { margin: 0; } body.atiye-theme .single-head .atiye-lead__text { border: 0; padding: 0; color: var(--c-muted); font-size: var(--wp--preset--font-size--large); line-height: 1.9; font-weight: 400; } body.atiye-theme .single-byline { margin-top: var(--s-4); padding-block: var(--s-4); border-block: 1px solid var(--c-line); gap: var(--s-4); } body.atiye-theme .single-byline .atiye-postmeta { border: 0; padding: 0; display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; } body.atiye-theme .atiye-postmeta__author { display: flex; align-items: center; gap: var(--s-3); } body.atiye-theme .atiye-postmeta__avatar img { width: 44px; height: 44px; border-radius: 50%; display: block; object-fit: cover; } body.atiye-theme .atiye-postmeta__who { display: flex; flex-direction: column; line-height: 1.5; } body.atiye-theme .atiye-postmeta__who a { font-weight: 800; color: var(--c-ink); font-size: var(--wp--preset--font-size--small); text-decoration: none; } body.atiye-theme .atiye-postmeta__who small { color: var(--c-muted); font-size: var(--wp--preset--font-size--x-small); } body.atiye-theme .atiye-postmeta__items { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); font-size: var(--wp--preset--font-size--x-small); color: var(--c-muted); } body.atiye-theme .atiye-postmeta__items > * + *::before { content: "·"; margin-inline-end: var(--s-4); opacity: .6; } body.atiye-theme .single-byline .atiye-postmeta__items { padding-inline-start: var(--s-4); border-inline-start: 1px solid var(--c-line); } @media (max-width: 640px) { body.atiye-theme .single-byline .atiye-postmeta__items { padding: 0; border: 0; flex-basis: 100%; } } /* اشتراک‌گذاری آیکونی */ body.atiye-theme .atiye-share--icons, body.atiye-theme .atiye-share--vertical { gap: var(--s-2); } body.atiye-theme .atiye-share--vertical { flex-direction: column; } body.atiye-theme :is(.atiye-share--icons, .atiye-share--vertical) .atiye-share__btn { width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 1px solid var(--c-line); background: var(--c-bg); display: inline-grid; place-items: center; color: var(--c-ink); transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease); } body.atiye-theme :is(.atiye-share--icons, .atiye-share--vertical) .atiye-share__btn:hover { background: var(--c-ink); color: var(--c-bg); border-color: var(--c-ink); transform: translateY(-2px); } body.atiye-theme :is(.atiye-share--icons, .atiye-share--vertical) .atiye-share__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } body.atiye-theme .atiye-share__icon { width: 17px; height: 17px; background: currentColor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; } body.atiye-theme .atiye-share--inline .atiye-share__btn { display: inline-flex; align-items: center; gap: .45em; padding: .5em 1em; background: var(--c-surface); border: 0; font-weight: 600; font-size: var(--wp--preset--font-size--x-small); } body.atiye-theme .atiye-share--inline .atiye-share__btn:hover { background: var(--c-ink); color: var(--c-bg); } body.atiye-theme .atiye-share--inline .atiye-share__icon { width: 14px; height: 14px; } body.atiye-theme .atiye-share__btn--telegram .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--whatsapp .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--twitter .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--linkedin .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--facebook .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--email .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--print .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-share__btn--copy .atiye-share__icon { --icon: url("data:image/svg+xml;utf8,"); } /* تصویر شاخص عریض */ body.atiye-theme .single-featured img { border-radius: var(--r); width: 100%; } body.atiye-theme .single-media-wrap { border-radius: var(--r); overflow: hidden; background: var(--c-dark); } /* بدنه */ body.atiye-theme .single-grid__main .wp-block-post-content { font-size: 1.08rem; line-height: 2.05; } body.atiye-theme .wp-block-post-content > * { margin-block: var(--s-5); } body.atiye-theme .wp-block-post-content > p { max-width: none; } body.atiye-theme .wp-block-post-content > p:first-child { margin-top: 0; } body.atiye-theme .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--x-large); margin-top: var(--s-7); padding-top: var(--s-2); scroll-margin-top: calc(var(--wp--custom--v-3--nav-height) + var(--s-5)); } body.atiye-theme .wp-block-post-content h3 { font-size: var(--wp--preset--font-size--large); margin-top: var(--s-6); scroll-margin-top: calc(var(--wp--custom--v-3--nav-height) + var(--s-5)); } body.atiye-theme .wp-block-post-content :is(ul, ol) { padding-inline-start: 1.4em; } body.atiye-theme .wp-block-post-content li { margin-block: .35em; } body.atiye-theme .wp-block-post-content li::marker { color: var(--c-accent); } body.atiye-theme .wp-block-post-content figure { margin-inline: 0; } body.atiye-theme .wp-block-post-content figcaption { text-align: start; font-size: var(--wp--preset--font-size--x-small); color: var(--c-muted); margin-top: var(--s-2); padding-inline-start: var(--s-3); border-inline-start: 2px solid var(--c-accent); } body.atiye-theme .wp-block-post-content .wp-block-quote { position: relative; background: transparent; border: 0; border-inline-start: 0; padding: var(--s-4) var(--s-6); font-size: var(--wp--preset--font-size--x-large); font-weight: 600; line-height: 1.7; text-align: center; } body.atiye-theme .wp-block-post-content .wp-block-quote::before, body.atiye-theme .wp-block-post-content .wp-block-quote::after { content: ""; display: block; width: 56px; height: 3px; background: var(--c-accent); margin: 0 auto var(--s-4); border-radius: 2px; } body.atiye-theme .wp-block-post-content .wp-block-quote::after { margin: var(--s-4) auto 0; } body.atiye-theme .wp-block-post-content .wp-block-quote p { margin: 0; } body.atiye-theme .wp-block-post-content .wp-block-quote cite { display: block; margin-top: var(--s-3); font-size: var(--wp--preset--font-size--x-small); font-weight: 500; } body.atiye-theme .wp-block-post-content .wp-block-pullquote { border: 0; background: var(--c-surface); border-radius: var(--r); padding: var(--s-5); } body.atiye-theme .wp-block-post-content table { font-size: var(--wp--preset--font-size--small); } body.atiye-theme .wp-block-post-content th { background: var(--c-surface); } /* پایان مطلب */ body.atiye-theme .single-footer { padding-top: var(--s-5); border-top: 1px solid var(--c-line); } body.atiye-theme .single-footer .atiye-postmeta { font-size: var(--wp--preset--font-size--x-small); color: var(--c-muted); } body.atiye-theme .single-footer .atiye-postterms { border: 0; padding: 0; } body.atiye-theme .single-footer .atiye-postterms__label { color: var(--c-muted); font-weight: 600; font-size: var(--wp--preset--font-size--x-small); min-width: 64px; } body.atiye-theme .single-footer .atiye-share { padding: var(--s-4); background: var(--c-surface); border-radius: var(--r); } body.atiye-theme .single-footer .atiye-share--inline .atiye-share__btn { background: var(--c-bg); } body.atiye-theme .single-footer .atiye-share__label { font-size: var(--wp--preset--font-size--small); font-weight: 800; flex-basis: 100%; } body.atiye-theme .single-footer .atiye-authorcard { background: var(--c-bg); border: 1px solid var(--c-line); } body.atiye-theme .single-footer .atiye-authorcard .atiye-author { align-items: flex-start; gap: var(--s-4); } body.atiye-theme .single-footer .atiye-author__name { font-size: var(--wp--preset--font-size--medium); } body.atiye-theme .single-grid__main > .atiye-posts { padding-top: var(--s-5); border-top: 1px solid var(--c-line); } /* ریل مطلب: فهرست مطلب */ body.atiye-theme .single-rail { background: transparent; padding: 0; } body.atiye-theme .single-rail > .atiye-section { background: var(--c-surface); border-radius: var(--r); padding: var(--s-5); } body.atiye-theme .single-grid__side .site-sidebar { background: none; padding: 0; } body.atiye-theme .atiye-toc { background: var(--c-bg); border: 1px solid var(--c-line); border-radius: var(--r); padding: var(--s-4) var(--s-5); } body.atiye-theme .atiye-toc__title { margin: 0 0 var(--s-3); font-size: var(--wp--preset--font-size--x-small); font-weight: 800; color: var(--c-muted); } body.atiye-theme .atiye-toc__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; border-inline-start: 2px solid var(--c-line); } body.atiye-theme .atiye-toc__item a { display: block; padding: .35em var(--s-3); margin-inline-start: -2px; border-inline-start: 2px solid transparent; font-size: var(--wp--preset--font-size--small); color: var(--c-muted); text-decoration: none; line-height: 1.6; transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease); } body.atiye-theme .atiye-toc__item--h3 a { padding-inline-start: var(--s-5); font-size: var(--wp--preset--font-size--x-small); } body.atiye-theme .atiye-toc__item a:hover, body.atiye-theme .atiye-toc__item a.is-active { color: var(--c-ink); border-inline-start-color: var(--c-accent); font-weight: 700; } /* یادداشت: کارت نویسنده در بای‌لاین */ body.atiye-theme .single--note .single-byline .atiye-authorcard { padding: 0; background: transparent; border: 0; flex: 1 1 60%; } body.atiye-theme .single--note .single-byline .atiye-authorcard .atiye-author__avatar, body.atiye-theme .single--note .single-byline .atiye-authorcard .atiye-author__avatar img { width: 56px; height: 56px; } body.atiye-theme .single--note .single-byline .atiye-author__bio { display: none; } @media print { body.atiye-theme :is(.site-header, .site-footer, .single-grid__side, .atiye-share, .single-comments, .atiye-ad, .atiye-progress, .atiye-posts) { display: none !important; } body.atiye-theme .single-grid__main { flex-basis: 100% !important; } } @media (max-width: 781px) { body.atiye-theme .single-byline { flex-direction: column; align-items: flex-start; } body.atiye-theme .single-grid__main .wp-block-post-content { font-size: 1.02rem; } } body.atiye-theme .single-head { max-width: none; } body.atiye-theme .single-head > * { margin-inline: 0 !important; max-width: none; } body.atiye-theme .single-grid { align-items: flex-start; } body.atiye-theme .single-grid__side .single-rail { position: sticky; top: calc(var(--wp--custom--v-3--nav-height) + var(--s-4)); } body.atiye-theme .is-sticky-column > .single-rail { top: calc(var(--wp--custom--v-3--nav-height) + var(--s-4)); } body.atiye-theme .single-grid__main .wp-block-post-content > *:not(.alignwide):not(.alignfull) { max-width: none; } body.atiye-theme .single-grid { gap: var(--s-6); } /* فهرست مطلب درون‌متنی: فقط موبایل/تبلت یا قالب بدون سایدبار */ body.atiye-theme .single-toc-inline { display: none; } @media (max-width: 781px) { body.atiye-theme .single-toc-inline:not([hidden]) { display: block; background: var(--c-surface); border: 0; } } body.atiye-theme .single--nosidebar .single-toc-inline:not([hidden]) { display: block; background: var(--c-surface); border: 0; } /* ===================================================================== موبایل (≤781px): هدر فشردهٔ چسبان، نوار تب پایین، کاروسل‌های افقی ===================================================================== */ body.atiye-theme .atiye-tabs { display: none; } @media (max-width: 781px) { body.atiye-theme { --wp--custom--v-3--section-gap: var(--s-6); padding-bottom: calc(64px + env(safe-area-inset-bottom)); } body.atiye-theme .site-main > * + * { margin-block-start: var(--s-6); } /* --- هدر --- */ body.atiye-theme .site-topbar { display: none; } body.atiye-theme .site-header { padding: 0 !important; } body.atiye-theme .site-header__top { position: sticky; top: 0; z-index: 60; background: color-mix(in srgb, var(--c-bg) 94%, transparent); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid var(--c-line); min-height: 56px; padding: var(--s-2) var(--s-4) !important; margin-inline: calc(-1 * var(--wp--style--root--padding-right)) calc(-1 * var(--wp--style--root--padding-left)); flex-wrap: nowrap !important; align-items: center; gap: var(--s-3); } body.atiye-theme .site-header__top .site-brand { order: 0; flex: 1 1 auto !important; align-items: flex-start; text-align: start; } body.atiye-theme .site-brand .wp-block-site-logo img { width: auto; max-height: 36px; } body.atiye-theme .site-brand .wp-block-site-title { font-size: var(--wp--preset--font-size--large); } body.atiye-theme .site-brand .wp-block-site-tagline { display: none; } body.atiye-theme .site-header__tools { display: none; } body.atiye-theme .site-header__top .site-header__search { order: 1; flex: 0 0 auto !important; width: auto !important; } body.atiye-theme .site-header__search .wp-block-search__inside-wrapper { width: 40px !important; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--c-surface); overflow: hidden; box-shadow: none; } body.atiye-theme .site-header__search .wp-block-search__input { position: absolute; width: 1px; height: 1px; opacity: 0; } body.atiye-theme .site-header__search .wp-block-search__button { width: 40px; height: 40px; flex: none; background: transparent; color: var(--c-ink); border-radius: 50%; } html.atiye-search-open body.atiye-theme .site-header__search { position: absolute; inset-inline: 0; top: 100%; z-index: 65; width: auto !important; padding: var(--s-4); background: var(--c-bg); border-bottom: 1px solid var(--c-line); box-shadow: 0 16px 32px rgba(0,0,0,.08); animation: v3-drop .22s var(--ease); } html.atiye-search-open body.atiye-theme .site-header__search .wp-block-search__inside-wrapper { width: 100% !important; height: 48px; border-radius: var(--r); background: var(--c-surface); padding-inline-start: var(--s-3); display: flex; align-items: center; } html.atiye-search-open body.atiye-theme .site-header__search .wp-block-search__input { position: static; width: auto; height: auto; flex: 1; opacity: 1; font-size: 16px; padding-inline: var(--s-2); } html.atiye-search-open body.atiye-theme .site-header__search .wp-block-search__button { width: 44px; height: 44px; background: var(--c-ink); color: var(--c-bg); border-radius: var(--r-s); margin: 2px; } html.atiye-search-open body.atiye-theme .atiye-search-backdrop { position: fixed; inset: 0; z-index: 64; background: rgba(0,0,0,.35); } @keyframes v3-drop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } } /* ناوبری بالا پنهان؛ فقط لایهٔ همبرگری از نوار تب باز می‌شود */ body.atiye-theme .site-nav { position: static; height: 0; min-height: 0; overflow: visible; border: 0 !important; margin: 0; padding: 0; backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent; } body.atiye-theme .site-nav .wp-block-navigation { min-height: 0; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container-open { display: none; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open { display: block; position: fixed; inset: 0; z-index: 100; overflow: auto; padding: var(--s-7) var(--s-5) var(--s-6); font-size: var(--wp--preset--font-size--large); background: var(--c-bg); color: var(--c-ink); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: var(--s-4); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-weight: 800; padding: var(--s-2) 0; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none; padding-inline-start: var(--s-4); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-weight: 500; color: var(--c-muted); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container-close { top: var(--s-4); inset-inline-end: var(--s-4); width: 40px; height: 40px; border-radius: 50%; background: var(--c-surface); } body.atiye-theme .site-header > .alignwide:last-of-type { margin-top: var(--s-4); } body.atiye-theme .atiye-ticker { border-radius: var(--r-s); } body.atiye-theme .atiye-ticker__label { padding-inline: var(--s-3); font-size: var(--wp--preset--font-size--x-small); } /* --- نوار تب پایین --- */ body.atiye-theme .atiye-tabs { display: flex; position: fixed; inset-inline: 0; bottom: 0; z-index: 70; height: calc(60px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: color-mix(in srgb, var(--c-bg) 96%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--c-line); transition: transform .3s var(--ease); } html.atiye-scrolling-down body.atiye-theme .atiye-tabs { transform: translateY(100%); } body.atiye-theme .atiye-tabs__item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font: inherit; font-size: 11px; font-weight: 600; color: var(--c-muted); background: none; border: 0; text-decoration: none; padding: 6px 0; cursor: pointer; } body.atiye-theme .atiye-tabs__item.is-active { color: var(--c-accent); } body.atiye-theme .atiye-tabs__icon { width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; } body.atiye-theme .atiye-tabs__item--home .atiye-tabs__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-tabs__item--latest .atiye-tabs__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-tabs__item--video .atiye-tabs__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-tabs__item--search .atiye-tabs__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-tabs__item--menu .atiye-tabs__icon { --icon: url("data:image/svg+xml;utf8,"); } body.atiye-theme .atiye-progress { top: 56px; } /* --- صفحهٔ اصلی: لید تمام‌عرض --- */ body.atiye-theme .home-front { gap: var(--s-5) !important; } body.atiye-theme .home-lead .atiye-card--hero { min-height: 0; aspect-ratio: 4 / 5; border-radius: var(--r); } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__title { font-size: var(--wp--preset--font-size--x-large); line-height: 1.5; } body.atiye-theme .home-lead .atiye-card--hero .atiye-card__lead { display: none; } body.atiye-theme .home-editor { padding: var(--s-4); } body.atiye-theme .home-editor .home-topline .atiye-posts__items > :nth-child(n+4) { display: none; } /* کاروسل‌های افقی با اسنپ */ body.atiye-theme :is(.home-mostread, .home-opinion, .home-videos, .home-infographic) .atiye-posts__items { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: var(--s-3); padding-bottom: var(--s-2); margin-inline: calc(-1 * var(--s-4)); padding-inline: var(--s-4); scrollbar-width: none; grid-template-columns: none; } body.atiye-theme :is(.home-mostread, .home-opinion, .home-videos, .home-infographic) .atiye-posts__items::-webkit-scrollbar { display: none; } body.atiye-theme :is(.home-mostread, .home-opinion, .home-videos, .home-infographic) .atiye-posts__items > * { flex: 0 0 78%; scroll-snap-align: start; } body.atiye-theme .home-mostread .atiye-posts__items > * { flex-basis: 70%; border: 0 !important; padding: var(--s-4) !important; background: var(--c-surface); border-radius: var(--r); } body.atiye-theme .home-mostread { padding: var(--s-4) 0 0; background: transparent; } body.atiye-theme .home-mostread .atiye-card--numbered { flex-direction: row; align-items: center; } body.atiye-theme .home-mostread .atiye-card__num { font-size: 2.2rem; } body.atiye-theme .home-opinion .atiye-posts__items > * { flex-basis: 80%; } body.atiye-theme .home-opinion .atiye-card--note { padding: var(--s-4); min-height: 100%; } body.atiye-theme .home-videos .atiye-posts__items > * { flex-basis: 82%; } body.atiye-theme .home-infographic .atiye-posts__items > * { flex-basis: 60%; } body.atiye-theme .home-media-band { margin-inline: calc(-1 * var(--wp--style--root--padding-right)) calc(-1 * var(--wp--style--root--padding-left)); padding: var(--s-5) var(--s-4) !important; } body.atiye-theme .home-media-band .atiye-posts__items { margin-inline: calc(-1 * var(--s-4)); } body.atiye-theme .home-podcasts .atiye-posts__items > :nth-child(n+3) { display: none; } body.atiye-theme .home-rail > .atiye-section { padding: var(--s-4); } body.atiye-theme .home-latest .atiye-posts__items > :nth-child(n+6) { display: none; } body.atiye-theme .home-splash .atiye-service__items > :first-child { padding: 0; background: transparent; } body.atiye-theme .atiye-audience--slider .atiye-audience__item { flex-basis: 120px; } body.atiye-theme .atiye-slider__btn { display: none; } /* --- سرتیتر بخش و کارت‌ها --- */ body.atiye-theme .atiye-section__title { font-size: var(--wp--preset--font-size--medium); } body.atiye-theme .atiye-section__head { margin-block-end: var(--s-4); } body.atiye-theme .atiye-card--row .atiye-card__media { flex-basis: 96px; } body.atiye-theme .atiye-card--row .atiye-card__title { font-size: var(--wp--preset--font-size--small); -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } /* --- صفحهٔ مطلب --- */ body.atiye-theme .site-main--single { margin-top: var(--s-4) !important; } body.atiye-theme .single-head .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); } body.atiye-theme .single-head .atiye-lead__text { font-size: var(--wp--preset--font-size--medium); } body.atiye-theme .single-byline { gap: var(--s-3); } body.atiye-theme .single-byline .atiye-share--icons { width: 100%; justify-content: space-between; } body.atiye-theme .single-byline .atiye-share__btn { width: 36px; height: 36px; } body.atiye-theme .single-featured { margin-inline: calc(-1 * var(--wp--style--root--padding-right)) calc(-1 * var(--wp--style--root--padding-left)); } body.atiye-theme .single-featured img { border-radius: 0; } body.atiye-theme .single-grid__main .wp-block-post-content { font-size: 1.04rem; line-height: 2; } body.atiye-theme .single-rail > .atiye-section { padding: var(--s-4); } body.atiye-theme .single-grid__side .atiye-toc { display: none; } /* --- آرشیو --- */ body.atiye-theme .atiye-archivehead { padding-block: var(--s-3) var(--s-4); } body.atiye-theme .atiye-archivehead__title { font-size: var(--wp--preset--font-size--x-large); } body.atiye-theme .archive-cards { grid-template-columns: 1fr !important; } body.atiye-theme .archive-row { flex-direction: row !important; } body.atiye-theme .archive-row .wp-block-post-featured-image { flex: 0 0 110px !important; width: 110px !important; } body.atiye-theme .archive-row .wp-block-post-excerpt { display: none; } /* --- فوتر --- */ body.atiye-theme .site-footer .wp-block-columns { gap: var(--s-5) !important; } } @media (max-width: 781px) and (prefers-reduced-motion: reduce) { body.atiye-theme .atiye-tabs { transition: none; } } @media (max-width: 781px) { body.atiye-theme .home-splash .atiye-service__items > :not(:first-child), body.atiye-theme .home-world .atiye-service__items > :not(:first-child) { flex-direction: row; align-items: flex-start; gap: var(--s-3); padding-top: var(--s-3); border-top: 1px solid var(--c-line); } body.atiye-theme .home-splash .atiye-service__items > :not(:first-child) .atiye-card__media, body.atiye-theme .home-world .atiye-service__items > :not(:first-child) .atiye-card__media { flex: 0 0 96px; aspect-ratio: 16 / 9; border-radius: var(--r-s); } body.atiye-theme .home-splash .atiye-service__items, body.atiye-theme .home-world .atiye-service__items { gap: var(--s-3); } } @media (max-width: 781px) { body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { display: block; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { display: flex; flex-direction: column; padding-top: var(--s-5); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { display: flex; flex-direction: column; align-items: stretch; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { border-bottom: 1px solid var(--c-line); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; align-items: center; gap: var(--s-3); padding: var(--s-3) 0; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { position: static; display: flex; flex-direction: column; visibility: visible; opacity: 1; width: auto; min-width: 0; height: auto; overflow: visible; background: transparent !important; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle, body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { display: none; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container-close { position: fixed; display: grid; place-items: center; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .atiye-menu-brand { font-weight: 900; font-size: var(--wp--preset--font-size--x-large); margin-block-end: var(--s-4); } } @media (max-width: 781px) { body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open { width: 100vw; height: 100dvh; margin: 0; inset: 0; box-sizing: border-box; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open::before { content: "فهرست"; display: block; font-size: var(--wp--preset--font-size--x-small); font-weight: 800; color: var(--c-muted); margin-block-end: var(--s-2); } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding: 0 var(--s-5) var(--s-3) 0; } body.atiye-theme .site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: var(--s-2) 0; font-size: var(--wp--preset--font-size--medium); } }