/* ===== خبرگزاری — استایل فرانت (RTL, مدرن) ===== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);background:var(--bg);color:var(--text);
  line-height:1.9;font-size:15px;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;transition:.15s}
img{max-width:100%;display:block}
.container{max-width:1180px;margin-inline:auto;padding-inline:16px}

/* ---------- هدر ---------- */
.site-header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.topbar{background:var(--secondary);color:#fff;font-size:12.5px}
.topbar-in{display:flex;justify-content:space-between;align-items:center;height:34px}
.social-mini a{opacity:.85;margin-inline-start:14px}
.social-mini a:hover{opacity:1}
.header-main{display:flex;align-items:center;gap:24px;padding-block:16px}
.brand{display:flex;flex-direction:column}
.brand-name{font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-.5px}
.brand-tag{font-size:12px;color:#888}
.search-box{margin-inline-start:auto;display:flex;background:var(--bg);border-radius:var(--radius);overflow:hidden;border:1px solid #e5e7eb}
.search-box input{border:0;background:transparent;padding:10px 14px;width:240px;font-family:inherit;outline:none;color:var(--text)}
.search-box button{border:0;background:var(--primary);color:#fff;padding:0 16px;cursor:pointer;font-size:15px}

/* ---------- منو ---------- */
.main-nav{background:var(--primary)}
.nav-in{display:flex;gap:2px;overflow-x:auto}
.main-nav a{color:#fff;padding:13px 16px;font-weight:600;font-size:14.5px;white-space:nowrap;position:relative}
.main-nav a:hover{background:rgba(0,0,0,.14)}
.main-nav a.nav-home{background:rgba(0,0,0,.18)}

/* ---------- خبر فوری ---------- */
.breaking{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--radius);
  margin-top:18px;padding:10px 14px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}
.breaking-label{background:var(--primary);color:#fff;padding:6px 12px;border-radius:calc(var(--radius) - 6px);font-weight:700;font-size:13px;white-space:nowrap}
.breaking-track{display:flex;gap:8px;align-items:center;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600}
.breaking-track a:hover{color:var(--primary)}
.breaking-track .dot{color:#ccc}

/* ---------- Hero ---------- */
.site-main{padding-block:20px 48px}
.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:20px}
.hero-side{display:grid;gap:14px}

/* ---------- کارت ---------- */
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05);
  transition:transform .18s, box-shadow .18s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.card-media{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#e9edf2,#dfe4ea);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover .card-media img{transform:scale(1.06)}
.card-media .ph{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;font-weight:800;color:#c7ccd4}
.badge-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;display:grid;place-items:center;
  background:rgba(0,0,0,.55);color:#fff;border-radius:50%;font-size:20px}
.badge-breaking{position:absolute;top:10px;inset-inline-start:10px;background:var(--primary);color:#fff;
  font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px}
.card-body{padding:14px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-cat{align-self:flex-start;font-size:12px;font-weight:700;color:var(--cat,var(--primary));
  border:1px solid color-mix(in srgb,var(--cat,var(--primary)) 30%,transparent);padding:2px 9px;border-radius:20px}
.card-title{font-size:16.5px;line-height:1.6;font-weight:700}
.card-title a:hover{color:var(--primary)}
.card-lg .card-title{font-size:24px}
.card-sm{flex-direction:row;align-items:stretch}
.card-sm .card-media{width:118px;flex-shrink:0;aspect-ratio:1}
.card-sm .card-title{font-size:14.5px}
.card-sum{color:#666;font-size:13.5px;line-height:1.8}

/* ---------- بلوک‌ها ---------- */
.block{margin-top:38px}
.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;
  border-inline-start:4px solid var(--cat,var(--primary));padding-inline-start:12px}
.block-head h2{font-size:21px;font-weight:800}
.block-head .more{color:var(--primary);font-weight:600;font-size:14px}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

/* پربازدید */
.block-ranked .ranked{list-style:none;background:#fff;border-radius:var(--radius);padding:8px 6px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.ranked li{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px dashed #eee}
.ranked li:last-child{border-bottom:0}
.ranked .rank{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;background:var(--bg);
  border-radius:8px;font-weight:800;color:var(--primary)}
.ranked li:nth-child(1) .rank{background:var(--primary);color:#fff}
.ranked a{font-weight:600;font-size:14.5px}
.ranked a:hover{color:var(--primary)}

/* ---------- تک‌خبر ---------- */
.single{background:#fff;border-radius:var(--radius);padding:28px 30px;box-shadow:0 2px 16px rgba(0,0,0,.05);max-width:820px;margin-inline:auto}
.crumbs{font-size:12.5px;color:#999;margin-bottom:16px}
.crumbs a:hover{color:var(--primary)}
.single-head .kicker{color:var(--primary);font-weight:700;margin-bottom:8px}
.single-head h1{font-size:31px;font-weight:800;line-height:1.55;margin-bottom:10px}
.subtitle{color:#555;font-size:18px;font-weight:500;margin-bottom:14px}
.single-meta{display:flex;flex-wrap:wrap;gap:16px;color:#888;font-size:13px;padding-block:14px;border-block:1px solid #eee;margin-bottom:22px}
.single-cover{margin-bottom:22px;border-radius:var(--radius);overflow:hidden}
.single-cover img{width:100%}
.single-cover figcaption{background:#f7f7f9;color:#777;font-size:13px;padding:8px 12px}
.video-frame{position:relative;aspect-ratio:16/9;margin-bottom:22px;border-radius:var(--radius);overflow:hidden;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lead{font-size:17px;font-weight:600;color:#333;background:var(--bg);border-inline-start:3px solid var(--primary);padding:14px 16px;border-radius:8px;margin-bottom:22px}
.single-body{font-size:16px;line-height:2.1}
.single-body p{margin-bottom:18px}
.single-body h2,.single-body h3{margin:26px 0 12px;font-weight:800}
.single-body img{border-radius:10px;margin:18px 0}
.single-body blockquote{border-inline-start:4px solid var(--accent);background:#fffbf0;padding:14px 18px;border-radius:8px;margin:18px 0;color:#444}
.single-body a{color:var(--primary);text-decoration:underline}
.share{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid #eee;font-size:14px}
.share a{background:var(--bg);padding:6px 14px;border-radius:20px;font-weight:600}
.share a:hover{background:var(--primary);color:#fff}
.related{max-width:820px;margin-inline:auto}

/* ---------- دسته / جستجو ---------- */
.cat-head h1{font-size:26px;font-weight:800;color:var(--cat)}
.empty{background:#fff;border-radius:var(--radius);padding:40px;text-align:center;color:#999}
.pager{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:30px}
.pager a{background:#fff;padding:9px 18px;border-radius:var(--radius);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.pager a:hover{background:var(--primary);color:#fff}
.pg-cur{color:#999;font-size:14px}
.search-list{display:grid;gap:14px}
.search-item{display:flex;gap:16px;background:#fff;border-radius:var(--radius);padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.search-item img{width:150px;height:100px;object-fit:cover;border-radius:10px}
.search-item h3{font-size:17px;font-weight:700;margin-bottom:6px}
.search-item h3 a:hover{color:var(--primary)}
.search-item p{color:#666;font-size:14px}
.search-item time{color:#aaa;font-size:12px}

/* ---------- فوتر ---------- */
.site-footer{background:var(--secondary);color:#cbd2dc;margin-top:40px;padding-top:44px}
.footer-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:34px}
.footer-col h4{color:#fff;font-size:16px;margin-bottom:14px}
.footer-col p{font-size:13.5px;line-height:2}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-block:16px;font-size:12.5px;color:#8b93a1;text-align:center}

/* ---------- 404 ---------- */
.err-page{min-height:80vh;display:grid;place-content:center;text-align:center;gap:18px}
.err-code{font-size:100px;font-weight:900;color:var(--primary);line-height:1}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:11px 22px;border-radius:var(--radius);font-weight:700}
.btn-primary:hover{filter:brightness(.92)}

/* ---------- موبایل ---------- */
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .footer-in{grid-template-columns:1fr}
  .search-box input{width:150px}
}
@media(max-width:560px){
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
  .single{padding:20px 16px}
  .single-head h1{font-size:24px}
  .header-main{flex-wrap:wrap;gap:12px}
}

/* ---------- کلید تعویض زبان ---------- */
.topbar-right{display:flex;align-items:center;gap:18px}
.lang-switch{display:flex;gap:10px;align-items:center}
.lang-switch a{opacity:.8;font-weight:700;font-size:12.5px;padding:2px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.25)}
.lang-switch a:hover{opacity:1;background:rgba(255,255,255,.12)}
html[dir=ltr] .card-cat,html[dir=ltr] .block-head{--_d:ltr}
html[dir=ltr] .breaking-label{border-radius:calc(var(--radius) - 6px)}

/* ---------- حالت شب ---------- */
.theme-toggle{background:transparent;border:0;cursor:pointer;font-size:16px;padding:2px 6px;line-height:1}
html[data-theme=dark] .th-light{display:none}
html[data-theme=light] .th-dark{display:none}
html[data-theme=dark]{
  --bg:#0f141a; --text:#e6e9ee;
}
html[data-theme=dark] body{background:#0f141a;color:#e6e9ee}
html[data-theme=dark] .site-header,
html[data-theme=dark] .card,
html[data-theme=dark] .single,
html[data-theme=dark] .ranked,
html[data-theme=dark] .search-item,
html[data-theme=dark] .pager a{background:#1a2129;color:#e6e9ee}
html[data-theme=dark] .search-box{background:#232c36;border-color:#2c3742}
html[data-theme=dark] .search-box input{color:#e6e9ee}
html[data-theme=dark] .card-sum,
html[data-theme=dark] .subtitle,
html[data-theme=dark] .single-meta,
html[data-theme=dark] .brand-tag{color:#9aa6b2}
html[data-theme=dark] .lead{background:#232c36;color:#cdd5de}
html[data-theme=dark] .single-body blockquote{background:#232c36}
html[data-theme=dark] .card-media,
html[data-theme=dark] .single-cover figcaption{background:#232c36}
html[data-theme=dark] .single-body a{color:#6db3ff}

/* ---------- برچسب‌ها ---------- */
.tag-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid #eee}
html[data-theme=dark] .tag-list{border-color:#2c3742}
.tag-label{font-size:13px;color:#888;font-weight:700}
.tag-chip{background:var(--bg);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);color:var(--primary);
  padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}
.tag-chip:hover{background:var(--primary);color:#fff}
html[data-theme=dark] .tag-chip{background:#232c36}

/* ---------- نظرات ---------- */
.comments{max-width:820px;margin:34px auto 0}
.cmt-note{padding:12px 16px;border-radius:var(--radius);font-weight:600;font-size:14px;margin-bottom:16px}
.cmt-note.ok{background:#e8f8ef;color:#0f7a43;border:1px solid #b7e6c9}
.cmt-note.err{background:#fdeaea;color:#b42323;border:1px solid #f5c4c4}
.cmt-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:26px}
.cmt{background:#fff;border-radius:var(--radius);padding:14px 16px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.cmt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13.5px}
.cmt-head time{color:#aaa;font-size:11.5px}
.cmt p{font-size:14.5px;line-height:1.95;word-break:break-word}
.cmt-replies{list-style:none;margin-top:12px;padding-inline-start:18px;border-inline-start:2px solid var(--bg);display:flex;flex-direction:column;gap:10px}
.cmt-reply{background:var(--bg);box-shadow:none}
.cmt-form{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.cmt-form h3{font-size:17px;font-weight:800;margin-bottom:14px}
.cmt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.cmt-form input,.cmt-form textarea{width:100%;padding:11px 13px;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;outline:none;background:#fff;color:var(--text)}
.cmt-form input:focus,.cmt-form textarea:focus{border-color:var(--primary)}
.cmt-form textarea{margin-bottom:12px;resize:vertical}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
html[data-theme=dark] .cmt,html[data-theme=dark] .cmt-form{background:#1a2129}
html[data-theme=dark] .cmt-form input,html[data-theme=dark] .cmt-form textarea{background:#232c36;border-color:#2c3742;color:#e6e9ee}
html[data-theme=dark] .cmt-reply{background:#232c36}
@media(max-width:560px){.cmt-row{grid-template-columns:1fr}}

/* ---------- آرشیو و فیلتر پیشرفته ---------- */
.archive-filters{background:#fff;border-radius:var(--radius);padding:16px 18px;margin-bottom:22px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.af-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:10px}
.af-row:last-child{margin-bottom:0}
.af-row input[type=text],.af-row select,.af-row input[type=date]{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;background:#fff;color:var(--text)}
.af-row input[type=text]{flex:1;min-width:180px}
.af-row label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#777}
.card-date{font-size:12px;color:#999;direction:ltr}
.nav-archive{font-weight:700}
html[data-theme=dark] .archive-filters{background:#1a2129}
html[data-theme=dark] .af-row input,html[data-theme=dark] .af-row select{background:#232c36;border-color:#2c3742;color:#e6e9ee}

/* ---------- خبرنامه (فوتر) ---------- */
.footer-newsletter .nl-form{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.footer-newsletter input[type=email]{flex:1;min-width:150px;padding:10px 12px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.08);color:#fff}
.footer-newsletter input[type=email]::placeholder{color:rgba(255,255,255,.6)}
.nl-note{font-size:12.5px;padding:8px 10px;border-radius:8px;margin-top:8px}
.nl-note.ok{background:rgba(39,174,96,.2);color:#7ff0b0}
.nl-note.err{background:rgba(192,57,43,.2);color:#ffb3ab}