:root{
  --font-sans: "Vazirmatn", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-latin: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --radius-lg: 18px;
  --radius-md: 14px;
}

html{ font-family: var(--font-sans); }
body{
  font-family: var(--font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.9;
}

h1,h2,h3,h4,h5,h6{
  font-family: var(--font-sans);
  letter-spacing: -0.2px;
  line-height: 1.35;
}

.site-header .brand-title strong{ font-weight: 800; }

.entry-content, .blog-details-content, .page-content{
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 2;
}

.entry-content p, .blog-details-content p{ margin: 0 0 16px; }
.entry-content img, .blog-details-content img{ max-width:100%; height:auto; border-radius: 14px; }

/* ============================================================
   Pezeshk-site Modern Redesign v2
   - Keep PHP logic intact
   - Replace legacy look with a modern, fast, RTL-first UI
   ============================================================ */

/* Font */
:root{
  --bg: #f6f7fb;
  --surface: #ffffff;
  --surface2: #f1f5f9;
  --text: #0f172a;
  --muted: #64748b;
  --border: rgba(15, 23, 42, .10);

  --brand: #0ea5e9;
  --brand2:#10b981;
  --danger:#ef4444;

  --radius: 18px;
  --radius-sm: 12px;

  --shadow: 0 12px 34px rgba(2, 6, 23, .10);
  --shadow-sm: 0 8px 20px rgba(2, 6, 23, .08);

  --container: 1200px;
}

html{ scroll-behavior:smooth; }
html, body{ height:100%; }
body{
  background: radial-gradient(1200px 600px at 50% -10%, rgba(14,165,233,.12), transparent 60%),
              radial-gradient(900px 500px at 10% 10%, rgba(16,185,129,.10), transparent 55%),
              var(--bg);
  color: var(--text);
  direction: rtl;
  font-family: IRANYekanX, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans Arabic", "Noto Sans", sans-serif;
  line-height: 1.85;
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img{ max-width:100%; height:auto; }
a{ color: inherit; text-decoration: none; }
a:hover{ color: var(--brand); }

.container{
  max-width: var(--container);
}

::selection{
  background: rgba(14,165,233,.25);
}

/* Accessibility */
.skip-link{
  position:absolute;
  top:-60px;
  right: 16px;
  background: var(--text);
  color: #fff;
  padding: 10px 14px;
  border-radius: 999px;
  z-index: 9999;
  transition: top .2s ease;
}
.skip-link:focus{ top: 14px; }

/* ============================================================
   Header (new markup)
   ============================================================ */
.site-header{
  position: sticky;
  top: 0;
  z-index: 2000;
  backdrop-filter: blur(10px);
  background: rgba(246,247,251,.72);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.header-inner{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 14px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 180px;
}
.brand img{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  background: #fff;
}
.brand-title{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
.brand-title strong{
  font-size: 1.02rem;
  font-weight: 800;
}
.brand-title span{
  font-size: .82rem;
  color: var(--muted);
}
.header-actions{
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  gap: 10px;
}

.icon-btn{
  width: 42px;
  height: 42px;
  display:grid;
  place-items:center;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.75);
  box-shadow: 0 6px 16px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.icon-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(2,6,23,.10);
  background: rgba(255,255,255,.95);
}
.icon-btn:focus{ outline: 3px solid rgba(14,165,233,.25); outline-offset: 2px; }

/* Desktop: hide hamburger (mobile nav toggle) */
@media (min-width: 993px){
  .header-actions [data-nav-toggle]{
    display: none !important;
  }
}

.site-nav{
  display:flex;
  align-items:center;
  gap: 10px;
}
.site-nav ul{
  display:flex;
  gap: 6px;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
}
.site-nav a{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  color: rgba(15,23,42,.88);
  transition: background .15s ease, color .15s ease;
  font-weight: 700;
  font-size: .95rem;
}
.site-nav a:hover{
  background: rgba(14,165,233,.10);
  color: var(--brand);
}

/* Sub menus from walker */
.site-nav .sub-menu,
.site-nav .sub-sub-menu{
  position:absolute;
  inset-inline-start: 0;
  top: calc(100% + 8px);
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  box-shadow: var(--shadow);
  padding: 10px;
  min-width: 220px;
  display:none;
}
.site-nav li{ position:relative; }
.site-nav li:hover > .sub-menu,
.site-nav li:focus-within > .sub-menu{
  display:block;
}
.site-nav .sub-menu a{
  display:flex;
  width:100%;
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 700;
}

/* Search drawer */
.search-drawer{
  display:none;
  border-top: 1px solid rgba(15,23,42,.08);
  padding: 10px 0 16px;
}
.search-drawer.is-open{ display:block; }
.search-form-modern{
  display:flex;
  gap: 10px;
  align-items:center;
}
.search-form-modern input[type="search"]{
  flex: 1;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  padding: 12px 14px;
  background: rgba(255,255,255,.9);
}
.search-form-modern button{
  border:0;
  border-radius: 999px;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(14,165,233,1), rgba(16,185,129,1));
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 26px rgba(14,165,233,.22);
}

/* Mobile nav */
@media (max-width: 992px){
  .brand{ min-width: auto; }
  .site-nav{
    position: fixed;
    inset: 72px 12px auto 12px;
    background: rgba(255,255,255,.98);
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 20px;
    box-shadow: var(--shadow);
    padding: 12px;
    display:none;
    max-height: calc(100vh - 96px);
    overflow:auto;
  }
  .site-nav.is-open{ display:block; }
  .site-nav ul{ flex-direction:column; align-items:stretch; gap: 4px; }
  .site-nav a{ justify-content:space-between; border-radius: 14px; }
  .site-nav .sub-menu{ position: static; display:block; border:0; box-shadow:none; padding: 0 0 0 0; background: transparent; }
  .site-nav .sub-menu a{ padding-inline-start: 16px; font-weight: 700; }
}

/* ============================================================
   Section + Cards (works with existing templates)
   ============================================================ */
main.site-main{
  padding: 22px 0 36px;
}

section{
  margin-bottom: 26px;
}

.section-title-wrap{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.section-title .title{
  font-size: clamp(1.05rem, 1.6vw + .6rem, 1.6rem);
  font-weight: 900;
  margin: 0;
}
.section-title-line{
  height: 3px;
  width: 110px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), transparent);
  opacity: .85;
}

/* Generic post card look */
.banner-post-six,
.banner-post-seven,
.banner-post-five,
.top-news-post,
.weekly-post-four,
.stories-post,
.editor-post-item,
.today-post-item,
.politics-post-item{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.banner-post-six:hover,
.top-news-post:hover,
.stories-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(2,6,23,.10);
}

.banner-post-thumb-six,
.banner-post-thumb-five,
.top-news-post-thumb,
.stories-post-thumb,
.weekly-post-thumb{
  position: relative;
  overflow:hidden;
}
.banner-post-thumb-six img,
.banner-post-thumb-five img,
.top-news-post-thumb img,
.stories-post-thumb img,
.weekly-post-thumb img{
  width:100%;
  height:auto;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.banner-post-six:hover img,
.top-news-post:hover img,
.stories-post:hover img{
  transform: scale(1.06);
}

/* Content areas */
.banner-post-content-six,
.banner-post-content-five,
.top-news-post-content,
.stories-post-content,
.weekly-post-content,
.editor-post-content-three{
  padding: 16px 16px 18px;
}

.post-tag-two,
.post-tag-four{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  background: rgba(14,165,233,.12);
  color: #0369a1;
  border: 1px solid rgba(14,165,233,.20);
}
.post-tag-four{
  background: rgba(16,185,129,.12);
  color:#047857;
  border-color: rgba(16,185,129,.20);
}

h1, h2, h3, h4{
  line-height: 1.35;
  letter-spacing: 0;
}
.banner-post-content-six h1,
.post-title{
  margin: 10px 0 8px;
  font-weight: 950;
}
.banner-post-content-six h1 a,
.post-title a{
  color: var(--text);
}
.banner-post-content-six h1 a:hover,
.post-title a:hover{
  color: var(--brand);
}

.blog-post-meta ul{
  list-style:none;
  margin: 0;
  padding: 0;
  display:flex;
  flex-wrap:wrap;
  gap: 10px 14px;
  color: var(--muted);
  font-weight: 700;
  font-size: .86rem;
}
.blog-post-meta i{
  margin-inline-start: 6px;
  opacity:.8;
}

/* Small post list inside banner */
.news-banner-small-post{
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.news-banner-small-post .banner-post-seven{
  display:flex;
  gap: 12px;
  padding: 10px;
  border-radius: 18px;
}
.news-banner-small-post .banner-post-thumb-seven{
  width: 120px;
  flex: 0 0 auto;
  border-radius: 14px;
  overflow:hidden;
}
.news-banner-small-post .banner-post-thumb-seven img{ width:100%; height:100%; object-fit:cover; }
.news-banner-small-post .banner-post-content-seven{ padding: 4px 4px 4px 0; }
.news-banner-small-post .banner-post-content-seven .post-title{ font-size: .98rem; margin: 4px 0 6px; }

/* Breadcrumb */
.breadcrumb-area{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius);
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
  margin: 18px auto 18px;
}
.breadcrumb-content{ padding: 14px 16px; }
.breadcrumb{
  margin:0;
  padding:0;
  background: transparent;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.breadcrumb-item{
  font-weight: 800;
  color: var(--muted);
}
.breadcrumb-item.active{ color: var(--text); }
.breadcrumb-item + .breadcrumb-item::before{
  float: none;
  padding-inline: 6px;
  content: "›";
  color: rgba(100,116,139,.8);
}

/* Blog content */
.blog-details-area .blog-details-wrap,
.blog-details-area .blog-details-content{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius);
  box-shadow: 0 14px 40px rgba(2,6,23,.07);
  overflow:hidden;
}
.blog-details-area .blog-details-content{ padding: 18px 18px 22px; }
.blog-details-area .blog-details-content p{ color: rgba(15,23,42,.92); }
.blog-details-area .blog-details-content h2,
.blog-details-area .blog-details-content h3{
  margin-top: 18px;
  font-weight: 950;
}
.blog-details-area .blog-details-content a{
  color: #0369a1;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Sidebar widgets */
.sidebar-wrap .widget{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
  padding: 14px 14px 16px;
  margin-bottom: 16px;
}
.widget-title, .widget-title-three{
  font-weight: 950;
  margin-bottom: 10px;
  font-size: 1.05rem;
}

/* Buttons */
.btn, .btn-two, .view-all-btn, .link-btn{
  border-radius: 999px !important;
  font-weight: 900 !important;
  border: 0 !important;
  padding: 12px 16px !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn, .btn-two{
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(14,165,233,.20);
}
.btn:hover, .btn-two:hover{
  transform: translateY(-1px);
  filter: saturate(1.05);
  box-shadow: 0 20px 44px rgba(14,165,233,.24);
}

/* Ads image */
.ad-banner-img img{
  border-radius: var(--radius);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: var(--shadow-sm);
}

/* ============================================================
   Footer (new markup)
   ============================================================ */
.site-footer{
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(8px);
}
.footer-grid{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 18px;
  padding: 18px 0;
}
.footer-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
  padding: 14px 14px 16px;
}
.footer-card h4{
  font-weight: 950;
  margin: 0 0 10px;
}
.footer-card ul{ list-style:none; margin:0; padding:0; display:grid; gap: 8px; }
.footer-card a{ color: rgba(15,23,42,.88); font-weight: 800; }
.footer-card a:hover{ color: var(--brand); }

.footer-bottom-modern{
  padding: 14px 0 18px;
  color: var(--muted);
  font-weight: 800;
  font-size: .92rem;
}
.footer-disclaimer{
  background: rgba(255,255,255,.92);
  border: 1px dashed rgba(15,23,42,.18);
  border-radius: var(--radius);
  padding: 12px 14px;
  box-shadow: 0 8px 18px rgba(2,6,23,.05);
  margin-bottom: 10px;
}

/* Responsive footer */
@media (max-width: 992px){
  .footer-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 576px){
  .footer-grid{ grid-template-columns: 1fr; }
}

/* ============================================================
   Scroll top
   ============================================================ */
.scroll-top-modern{
  position: fixed;
  bottom: 16px;
  inset-inline-end: 16px;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.85);
  box-shadow: var(--shadow-sm);
  display:none;
  z-index: 3000;
}
.scroll-top-modern.is-show{ display:grid; place-items:center; }
.scroll-top-modern i{ color: rgba(15,23,42,.8); }
.scroll-top-modern:hover i{ color: var(--brand); }

/* Dark mode support (theme toggle using tg-theme="dark") */
body[tg-theme="dark"]{
  --bg:#0b1220;
  --surface:#0f172a;
  --surface2:#111c33;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --border: rgba(148,163,184,.20);
  background: radial-gradient(1200px 600px at 50% -10%, rgba(14,165,233,.16), transparent 60%),
              radial-gradient(900px 500px at 10% 10%, rgba(16,185,129,.12), transparent 55%),
              var(--bg);
}
body[tg-theme="dark"] .site-header{
  background: rgba(11,18,32,.72);
  border-bottom-color: rgba(148,163,184,.15);
}
body[tg-theme="dark"] .icon-btn{
  background: rgba(15,23,42,.70);
  border-color: rgba(148,163,184,.18);
}
body[tg-theme="dark"] .site-nav a{ color: rgba(229,231,235,.92); }
body[tg-theme="dark"] .banner-post-six,
body[tg-theme="dark"] .top-news-post,
body[tg-theme="dark"] .footer-card,
body[tg-theme="dark"] .blog-details-area .blog-details-content{
  background: rgba(15,23,42,.78);
  border-color: rgba(148,163,184,.16);
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; transition:none !important; }
}

/* ============================================================
   Legacy spacing utilities kept for template compatibility
   ============================================================ */
.pt-20{ padding-top:20px !important; }
.pt-50{ padding-top:50px !important; }
.pt-60{ padding-top:60px !important; }
.pt-70{ padding-top:70px !important; }
.pb-50{ padding-bottom:50px !important; }
.pb-60{ padding-bottom:60px !important; }
.pb-70{ padding-bottom:70px !important; }
.mb-20{ margin-bottom:20px !important; }
.mb-25{ margin-bottom:25px !important; }
.mb-30{ margin-bottom:30px !important; }
.mb-50{ margin-bottom:50px !important; }
.mt-60{ margin-top:60px !important; }

.list-wrap{ list-style:none; margin:0; padding:0; }

/* Custom columns used in index banner */
.col-67{ width:66.8%; flex:0 0 auto; }
.col-33{ width:33.2%; flex:0 0 auto; }

@media (max-width: 992px){
  .col-67, .col-33{ width:100%; }
}


/* ---- Fix: sidebar category arrow SVG oversized ---- */
.right-arrow{ display:inline-flex; align-items:center; justify-content:center; margin-inline-start:10px; opacity:.8; }
.right-arrow svg{ width:18px; height:18px; flex:0 0 18px; }

/* ---- Fix: important posts list scroll ---- */
.stories-post-wrap.stories-scroll{
  max-height: 560px;
  overflow:auto;
  padding-inline-end: 6px;
}
.stories-post-wrap.stories-scroll::-webkit-scrollbar{ width: 10px; }
.stories-post-wrap.stories-scroll::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); border-radius: 999px; border: 3px solid transparent; background-clip: content-box; }
.stories-post-wrap.stories-scroll::-webkit-scrollbar-track{ background: transparent; }
@media (max-width: 991px){
  .stories-post-wrap.stories-scroll{ max-height: 420px; }
}

/* ---- Single post modern meta + share ---- */
.blog-details-content-top .bd-content-inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.blog-details-social ul.list-wrap{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  margin:0;
  padding:0;
}
.blog-details-social ul.list-wrap li{ list-style:none; }
.blog-details-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius: 12px;
  background: rgba(15,23,42,.06);
}
.blog-details-social a:hover{ background: rgba(15,23,42,.10); }

/* Ensure sidebar doesn't collapse */
.blog-details-area .sidebar-wrap{ position: sticky; top: 92px; }
@media (max-width: 991px){
  .blog-details-area .sidebar-wrap{ position: static; top:auto; }
}



/* ===========================
   Hotfix v4: Typography + UI
   =========================== */
:root{
  --font-sans: "Vazirmatn","Inter",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
}
body{ font-family: var(--font-sans); }
h1,h2,h3,h4,h5,h6{ font-family: var(--font-sans); letter-spacing: -0.2px; }
button, input, textarea, select { font-family: var(--font-sans); }

/* Logo: keep aspect ratio */
.brand-logo{
  height: 44px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
  display: block;
}

/* SVG arrow icons: prevent huge default size across the site */
.svg-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.svg-icon svg{
  width: 14px;
  height: 14px;
  flex: none;
  display: block;
}
.view-all-btn .link-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Sidebar (modern cards) */
.sidebar-wrap{ display:flex; flex-direction:column; gap:16px; }
.sidebar-card{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 12px 30px rgba(2,6,23,.06);
  backdrop-filter: blur(8px);
}
.sidebar-card__title{
  font-weight: 800;
  font-size: 1rem;
  margin: 0 0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.sidebar-search{
  display:flex;
  gap:10px;
  align-items:center;
}
.sidebar-search input{
  width:100%;
  border-radius: 999px;
  border: 1px solid rgba(2,6,23,.10);
  padding: 10px 14px;
  background: rgba(255,255,255,.92);
  outline: none;
}
.sidebar-search input:focus{
  border-color: rgba(2,6,23,.22);
  box-shadow: 0 0 0 4px rgba(2,6,23,.06);
}
.sidebar-search button{
  width:42px;
  height:42px;
  border-radius:999px;
  border: 1px solid rgba(2,6,23,.10);
  background: rgba(2,6,23,.92);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.sidebar-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.sidebar-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(2,6,23,.08);
  background: rgba(255,255,255,.85);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.sidebar-link:hover{
  transform: translateY(-1px);
  border-color: rgba(2,6,23,.14);
  box-shadow: 0 10px 22px rgba(2,6,23,.08);
}
.sidebar-link__text{ font-weight:700; color: rgba(2,6,23,.92); }
.sidebar-link__meta{
  font-size: .85rem;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(2,6,23,.10);
  background: rgba(2,6,23,.04);
  color: rgba(2,6,23,.72);
}

.sidebar-posts{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.sidebar-post{ display:flex; gap:10px; align-items:center; }
.sidebar-post__thumb img{ width:56px; height:56px; border-radius:14px; object-fit:cover; display:block; }
.sidebar-post__title{ font-weight:700; color: rgba(2,6,23,.92); line-height:1.35; display:inline-block; }
.sidebar-post__meta{ font-size:.85rem; color: rgba(2,6,23,.62); margin-top:2px; }
.sidebar-empty{ opacity:.7; }

/* Tags chips (site-wide) */
.tag-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.tag-chip{
  display:inline-flex;
  align-items:center;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(2,6,23,.10);
  background: rgba(255,255,255,.86);
  color: rgba(2,6,23,.82);
  font-weight:700;
  font-size: .9rem;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tag-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(2,6,23,.16);
  box-shadow: 0 10px 22px rgba(2,6,23,.08);
}

/* Single post: bottom actions */
.post-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:flex-start;
  justify-content:space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(2,6,23,.08);
}
.post-bottom__label{
  display:block;
  margin: 0 0 10px;
  font-weight: 800;
  font-size: .92rem;
  color: rgba(2,6,23,.72);
}
.post-tags, .post-share{ flex:1 1 280px; }

.share-buttons{ display:flex; flex-wrap:wrap; gap:10px; }
.share-btn{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(2,6,23,.10);
  background: rgba(255,255,255,.86);
  color: rgba(2,6,23,.86);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.share-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(2,6,23,.18);
  box-shadow: 0 10px 22px rgba(2,6,23,.10);
  background: rgba(2,6,23,.04);
}

/* Mobile spacing */
@media (max-width: 991px){
  .brand-logo{ height: 40px; }
}
/* ================================
   Hotfix: Stories ("مقالات مهم") spacing & card style
   Add to END of modern-v3.css
================================ */

.sidebar-widget-three .stories-post-wrap.stories-scroll{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;                 /* فاصله بین آیتم‌ها */
}

.sidebar-widget-three .stories-post{
  margin: 0 !important;                 /* اگر قبلاً margin را صفر کرده باشد */
  padding: 12px !important;             /* پدینگ داخلی */
  border-radius: 16px !important;
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 10px 26px rgba(2,6,23,.06) !important;
}

.sidebar-widget-three .stories-post + .stories-post{
  margin-top: 0 !important;             /* جلوگیری از چسبندگی با هر CSS دیگر */
}

.sidebar-widget-three .stories-post-thumb{
  flex: 0 0 auto;
}

.sidebar-widget-three .stories-post-thumb img{
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px !important;
  display: block;
}

.sidebar-widget-three .stories-post-content{
  padding-right: 10px;
}

.sidebar-widget-three .stories-post-content .post-title{
  margin: 6px 0 8px !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
  font-size: 0.98rem !important;
}

.sidebar-widget-three .stories-post-content .blog-post-meta{
  margin-top: 4px !important;
  opacity: .9;
}

.sidebar-widget-three .stories-post-content .blog-post-meta .list-wrap{
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px;
}
/* ===== Text Ads (Global) ===== */
.newsletter-area-four{
  padding: 26px 0 40px;
}
.newsletter-wrap-four{
  background: linear-gradient(135deg, rgba(2,132,199,.10), rgba(16,185,129,.10));
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 22px;
  padding: 18px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  box-shadow: 0 12px 26px rgba(2,6,23,.06);
}

.newsletter-wrap-four .newsletter-content{
  display: flex;
  align-items: center;
  gap: 12px;
}
.newsletter-wrap-four .newsletter-content::before{
  content: "\f0a1"; /* fa-bullhorn */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.85);
}
.newsletter-wrap-four .newsletter-content .title{
  margin: 0;
  font-weight: 950;
  font-size: 1.05rem;
  line-height: 1.4;
}

.newsletter-wrap-four .newsletter-form{
  flex: 1 1 520px;
}

/* Shortcode output safe styles */
.newsletter-wrap-four .newsletter-form ul,
.newsletter-wrap-four .newsletter-form ol{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.newsletter-wrap-four .newsletter-form li{
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-wrap-four .newsletter-form a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.86);
  font-weight: 900;
  transition: all .15s ease;
  text-decoration: none !important;
  white-space: nowrap;
}
.newsletter-wrap-four .newsletter-form a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,1);
  border-color: rgba(2,132,199,.22);
  box-shadow: 0 10px 18px rgba(2,6,23,.06);
  color: var(--brand);
}

@media (max-width: 991px){
  .newsletter-wrap-four{
    padding: 16px;
  }
  .newsletter-wrap-four .newsletter-form{
    flex: 1 1 100%;
  }
}