/*
Theme Name: Tista Modern Magazine
Theme URI: https://tista.ir/
Author: Tista
Description: قالب مدرن و حرفه‌ای مجله تیستا برای عجایب، دانستنی‌ها، داستان‌های واقعی و کشفیات علمی.
Version: 1.1.2
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: tista-modern
Domain Path: /languages
Tags: rtl-language-support, blog, news, custom-menu, featured-images, wide-blocks
*/

@font-face{font-family:IRANSansX;src:url("fonts/IRANSansXFaNum-Regular.woff2") format("woff2"),url("fonts/IRANSansXFaNum-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IRANSansX;src:url("fonts/IRANSansXFaNum-Bold.woff2") format("woff2"),url("fonts/IRANSansXFaNum-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}

:root{--ink:#101e2c;--navy:#071521;--navy-soft:#102534;--paper:#f6f7f3;--card:#fff;--muted:#677783;--line:#dfe5e6;--cyan:#65e5ff;--lime:#baf56a;--radius:1.35rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:IRANSansX,Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alignwide{max-width:1180px;margin-inline:auto}.alignfull{width:100vw;margin-inline:calc(50% - 50vw)}

/* Header */
.site-header{position:relative;z-index:20;color:#fff;background:var(--navy)}
.header-bar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand-mark{width:47px;height:47px;display:grid;place-items:center;border-radius:15px 6px 15px 15px;color:var(--navy);background:var(--lime);font-size:1.75rem;font-weight:700;transform:rotate(-3deg);box-shadow:0 0 0 5px rgba(186,245,106,.1)}
.brand>span:last-child{display:grid;gap:2px}.brand-title{margin:0;font-size:1.45rem;font-weight:700;line-height:1}.brand small{color:#93a8b6;font-size:.72rem}
.header-note{color:#a9bbc6;font-size:.78rem}.header-note::first-letter{color:var(--lime)}
.category-nav{border-block:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.nav-scroll{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow-x:auto;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}
.nav-scroll a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;color:#d9e2e6;font-size:.78rem;transition:color .18s ease}.nav-scroll a:hover{color:#fff}.nav-scroll a span{font-size:1.12rem}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:transparent}.menu-toggle span{display:block;height:1px;margin:5px 0;background:#fff}

/* Home hero */
.hero{position:relative;min-height:530px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:72px;color:#fff;background:var(--navy)}
.hero:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--navy)}
.hero-copy{position:relative;z-index:2;padding-block:64px}.hero-kicker{margin-bottom:28px;color:var(--lime);font-size:.78rem}
.hero-category{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700}.hero-category i{width:25px;height:1px;background:currentColor}
.hero h2{margin:17px 0 21px;font-size:clamp(1.85rem,3.2vw,3.1rem);line-height:1.5;letter-spacing:-.035em}.hero-copy>p{max-width:590px;margin:0;color:#a9bbc6;font-size:1rem;line-height:2}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.read-button{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:14px;color:var(--navy);background:var(--lime);font-size:.86rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.read-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(186,245,106,.18)}
.post-meta{display:flex;align-items:center;gap:18px;color:#77858d;font-size:.7rem}.post-meta-light{color:#8fa4b1}
.hero-media{position:relative;align-self:stretch;min-height:530px;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#0d2738}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 27%),linear-gradient(0deg,rgba(7,21,33,.52),transparent 45%)}
.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}.hero-media-empty>span:first-child{font-size:9rem}.image-index{position:absolute;left:24px;bottom:23px;z-index:2;color:#d7e5eb;font-size:.72rem}
.orbit{position:absolute;z-index:2;border:1px solid rgba(101,229,255,.44);border-radius:999px;pointer-events:none}.orbit-one{width:190px;height:190px;left:17%;top:15%}.orbit-two{width:14px;height:14px;left:calc(17% + 88px);top:calc(15% - 6px);border:0;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}
.topic-strip{position:relative;z-index:3;min-height:91px;display:grid;grid-template-columns:250px 1fr;align-items:center;gap:30px;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 18px 45px rgba(17,35,47,.07)}
.topic-strip>p{margin:0;padding-right:28px;font-size:.83rem;font-weight:700}.topic-strip>div{align-self:stretch;display:grid;grid-template-columns:repeat(5,1fr)}.topic-strip a{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--line);font-size:.8rem}.topic-strip a span{font-size:1.2rem}

/* Cards and magazine sections */
.content-section{padding-block:86px 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:31px}.section-heading span{display:block;margin-bottom:8px;color:#77909c;font-size:.7rem}.section-heading h2{margin:0;font-size:clamp(1.55rem,2.5vw,2.25rem);letter-spacing:-.04em}
.editorial-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:44px}.post-card{min-width:0}.card-media{position:relative;display:block;height:318px;overflow:hidden;border-radius:var(--radius);background:var(--navy-soft)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .card-image img{transform:scale(1.035)}
.category-pill{--pill:var(--cyan);position:absolute;top:18px;right:18px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--pill),transparent 52%);border-radius:999px;color:#fff;background:rgba(7,21,33,.72);backdrop-filter:blur(12px);font-size:.7rem}
.card-symbol{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#173449,#0b1c29 70%)}.card-symbol>span{font-size:4.2rem}.card-symbol i{position:absolute;width:54%;height:54%;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.card-copy{padding-top:20px}.eyebrow{color:#6b7f8a;font-size:.72rem}.card-copy h3{margin:8px 0 10px;font-size:1.28rem;line-height:1.75;letter-spacing:-.025em}.card-copy h3 a:hover{color:#0a7892}.card-copy p{margin:0 0 18px;color:#65747c;font-size:.83rem;line-height:1.95}
.compact-stack{display:grid}.post-card-compact{display:grid;grid-template-columns:128px 1fr;gap:20px;padding-block:17px;border-bottom:1px solid var(--line)}.post-card-compact:first-child{padding-top:0}.post-card-compact .card-media{height:112px;border-radius:18px}.post-card-compact .card-symbol>span{font-size:2.4rem}.post-card-compact .card-copy{align-self:center;padding:0}.post-card-compact .card-copy h3{margin-block:5px 13px;font-size:1rem;line-height:1.8}.post-card-compact .post-meta span:last-child{display:none}
.quick-section{margin-top:80px;padding-block:64px 70px;color:#fff;background:#0c202e}.section-heading-light span{color:var(--lime)}.section-heading-light>b{color:var(--lime);font-size:1.7rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.12)}.quick-grid article{min-height:130px;display:grid;grid-template-columns:54px 1fr;gap:18px;padding:28px;border-left:1px solid rgba(255,255,255,.12)}.quick-grid article:last-child{border-left:0}.quick-grid span{color:var(--cyan);font-size:.76rem}.quick-grid p{margin:0;color:#dce6ea;font-size:.91rem;line-height:2}
.more-posts{padding-bottom:90px}.text-post-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px}.text-post-grid .card-media,.archive-grid .card-media{height:220px}

/* Category archives */
.archive-hero{--archive-accent:var(--cyan);position:relative;overflow:hidden;color:#fff;background:#0b1d2a}.archive-hero:after{content:"";position:absolute;width:430px;height:430px;left:-110px;top:-160px;border-radius:50%;background:color-mix(in srgb,var(--archive-accent),transparent 82%);filter:blur(30px)}
.archive-hero-inner{position:relative;z-index:1;min-height:330px;display:grid;grid-template-columns:1fr 270px;align-items:center;gap:60px}.archive-overline{color:var(--archive-accent);font-size:.75rem}.archive-hero h1{margin:15px 0 10px;font-size:clamp(3rem,7vw,6rem);line-height:1.2;letter-spacing:-.06em}.archive-hero p{max-width:650px;margin:0;color:#9eb1bc;font-size:.93rem;line-height:2}
.archive-emblem{position:relative;display:grid;place-items:center;aspect-ratio:1}.archive-emblem span{color:var(--archive-accent);font-size:7.5rem;text-shadow:0 0 40px color-mix(in srgb,var(--archive-accent),transparent 55%)}.archive-emblem i{position:absolute;inset:10%;border:1px solid color-mix(in srgb,var(--archive-accent),transparent 68%);border-radius:50%}.archive-emblem i:last-child{inset:27%;border-style:dashed}
.archive-content{padding-block:48px 100px}.archive-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:29px;border-bottom:1px solid var(--line)}.archive-summary>div{display:flex;align-items:center;gap:9px}.archive-summary strong{font-size:1.25rem}.archive-summary span,.archive-summary p{color:#788a93;font-size:.72rem}.archive-summary p{margin:0}
.archive-lead{margin-block:50px 62px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:22px;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(27,44,55,.07)}.archive-lead .post-card .card-copy{display:none}.archive-lead .card-media{height:360px}.archive-lead-copy{padding:20px 34px}.archive-lead-copy>span{color:#0c8199;font-size:.72rem;font-weight:700}.archive-lead-copy h2{margin:14px 0;font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.6;letter-spacing:-.04em}.archive-lead-copy p{margin:0;color:#667983;font-size:.86rem;line-height:2.1}.archive-lead-copy a{display:inline-flex;margin-top:26px;color:#0b7187;font-size:.8rem;font-weight:700}

/* Single article */
.article-site{background:#fbfbf8}.article-head{max-width:900px;padding-block:72px 48px;text-align:center}.article-breadcrumb{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:32px;color:#8a999f;font-size:.7rem}.article-head h1{max-width:900px;margin:0 auto 17px;font-size:clamp(2.35rem,5.4vw,4.4rem);line-height:1.38;letter-spacing:-.055em}.article-deck{max-width:690px;margin:0 auto;color:#667984;font-size:1rem;line-height:2.05}
.article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:31px;color:#788991;font-size:.72rem}.article-meta .article-category{font-weight:700}.article-meta .article-category:hover{filter:brightness(.82)}.article-meta .article-author strong{color:#263943;font-size:.76rem}.article-meta i{width:1px;height:18px;margin-inline:4px;background:var(--line)}
.article-cover{max-width:1120px;margin-bottom:0}.article-cover img{width:100%;height:min(610px,54vw);object-fit:cover;border-radius:28px}.article-cover figcaption{padding:12px 4px 0;color:#89989e;font-size:.66rem;text-align:left}
.article-layout{max-width:1180px;display:block;padding-block:70px 105px}.article-body{width:100%;min-width:0}.article-body p{margin:0 0 28px;color:#2f4048;font-size:1.04rem;line-height:2.22}.article-body>p:first-child{color:#172b35;font-size:1.2rem;line-height:2.2}.article-body h2{margin:62px 0 20px;color:#122934;font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.6;letter-spacing:-.035em}.article-body h3{margin-top:42px;line-height:1.7}.article-body blockquote{margin:44px 0;padding:34px 38px 30px;border-right:4px solid var(--lime);border-radius:18px 4px 18px 18px;background:#0d2230}.article-body blockquote p{margin:0;color:#f0f6f7;font-size:1.18rem;font-weight:700;line-height:2}.article-body ul,.article-body ol{margin-block:26px;padding-right:24px}.article-body li{margin-bottom:10px;line-height:2}.article-body a{color:#08748a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.tista-inline-related{display:grid;grid-template-columns:70px 1fr 42px;align-items:center;gap:18px;margin:42px 0;padding:18px;border-block:1px solid var(--line);background:#fff}.inline-related-mark{height:70px;display:grid;place-items:center;border-radius:15px;background:#0d2230;font-size:2.1rem}.tista-inline-related span{color:#829299;font-size:.67rem}.tista-inline-related h3{margin:4px 0 7px;font-size:.96rem;line-height:1.7}.tista-inline-related h3 a{text-decoration:none}.tista-inline-related small{color:#98a4a9;font-size:.65rem}.inline-related-arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#0b7187!important;text-decoration:none!important}
.article-takeaway{display:flex;align-items:flex-start;gap:16px;margin:42px 0 27px;padding:25px;border:1px solid #dbeebf;border-radius:18px;background:#f5faed}.article-takeaway>span{color:#4a8700}.article-takeaway strong{font-size:.8rem}.article-takeaway p{margin:7px 0 0;color:#56664b;font-size:.83rem;line-height:1.95}
.after-article{padding-block:70px 95px;border-top:1px solid var(--line)}.after-article>div:first-child span{color:#84949b;font-size:.7rem}.after-article h2{margin:7px 0 28px;font-size:2rem}.after-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.after-article-grid a{min-height:185px;padding:24px;border-radius:20px;color:#fff;background:#0d2230;transition:transform .18s ease}.after-article-grid a:hover{transform:translateY(-3px)}.after-article-grid span{color:var(--cyan);font-size:.67rem}.after-article-grid h3{margin:12px 0 20px;font-size:1rem;line-height:1.8}.after-article-grid small{color:#8fa3ad;font-size:.65rem}

/* Generic pages, pagination and footer */
.listing-page{padding-block:70px 100px}.listing-head{margin-bottom:38px}.listing-head>span{color:#0b8198}.listing-head h1{margin:9px 0;font-size:clamp(2rem,4vw,3.5rem)}.page-shell{max-width:850px;padding-block:75px 100px}.page-shell>article>header h1{margin:0 0 40px;font-size:clamp(2.3rem,5vw,4rem)}
.empty-state{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-state>span{color:#0b8198;font-size:3rem}.empty-state p{max-width:520px;color:#71828a;line-height:2}.error-state{min-height:600px}.error-state>span{font-size:5rem}.error-state .read-button{margin-top:20px}
.navigation.pagination{margin-top:60px}.nav-links{display:flex;justify-content:center;gap:8px}.page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}.page-numbers.current{color:#fff;background:var(--navy);border-color:var(--navy)}
.site-footer{color:#fff;background:#06121c}.footer-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner>p{color:#728995;font-size:.72rem}.footer-nav ul{display:flex;gap:18px;margin:0;padding:0;list-style:none}.footer-nav a{color:#9aadb7;font-size:.73rem}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-block:55px 25px}.hero-media{min-height:360px}.topic-strip{grid-template-columns:1fr;gap:0;padding-top:20px}.topic-strip>p{padding-inline:20px}.topic-strip>div{overflow-x:auto}.topic-strip a{min-width:130px;min-height:65px}.editorial-grid{grid-template-columns:1fr}.quick-grid,.text-post-grid{grid-template-columns:1fr}.quick-grid article{border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .archive-hero-inner{grid-template-columns:1fr 170px}.archive-lead{grid-template-columns:1fr}.archive-lead .post-card .card-copy{display:block}.archive-lead-copy{display:none}.archive-grid{grid-template-columns:repeat(2,1fr)}
  .after-article-grid{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}
}

@media (max-width:640px){
  .shell{width:min(100% - 28px,1180px)}.header-bar{min-height:78px}.header-note{display:none}.brand-mark{width:42px;height:42px}.menu-toggle{display:block}.category-nav{display:none}.category-nav.is-open{display:block}.nav-scroll{align-items:stretch;flex-direction:column;gap:0;padding-block:8px}.nav-scroll a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
  .hero h2{font-size:1.8rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-media{min-height:290px}.content-section{padding-top:66px}.section-heading{align-items:flex-start;flex-direction:column}.card-media{height:245px}.post-card-compact{grid-template-columns:92px 1fr;gap:14px}.post-card-compact .card-media{height:92px}.post-card-compact .post-meta{display:none}
  .archive-hero-inner{min-height:290px;grid-template-columns:1fr;padding-block:48px}.archive-emblem{display:none}.archive-summary{align-items:flex-start;flex-direction:column}.archive-lead{margin-top:34px;padding:12px}.archive-lead .card-media{height:250px}.archive-grid{grid-template-columns:1fr}
  .article-head{padding-top:50px}.article-head h1{font-size:2.25rem}.article-meta i{display:none}.article-cover img{height:300px;border-radius:18px}.article-layout{gap:34px;padding-top:45px}.article-body p{font-size:.98rem;line-height:2.15}.article-body>p:first-child{font-size:1.08rem}.tista-inline-related{grid-template-columns:57px 1fr;gap:13px;padding-inline:0}.inline-related-mark{height:57px}.inline-related-arrow{display:none}.footer-inner{align-items:flex-start;justify-content:center;flex-direction:column}.footer-nav ul{flex-wrap:wrap}
}