: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{
  
  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 { 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%;
  }
}

/* Business widget (Card UI) */
.ps-biz-widget{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  box-shadow:0 10px 24px rgba(2,6,23,.06);
  overflow:hidden
}
.ps-biz-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 14px 10px
}
.ps-biz-head .title{margin:0;font-weight:950;font-size:1.05rem}
.ps-biz-more{
  display:inline-flex;align-items:center;gap:8px;
  padding:.45rem .75rem;border-radius:999px;
  background:rgba(2,132,199,.10);color:var(--brand);
  font-weight:950;font-size:.85rem
}
.ps-biz-more:hover{background:rgba(2,132,199,.16)}
.ps-biz-list{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px}

.ps-biz-item{
  display:grid;grid-template-columns:120px 1fr;gap:12px;
  background:rgba(15,23,42,.03);
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;overflow:hidden
}
.ps-biz-thumb{display:block;aspect-ratio:16/11;overflow:hidden}
.ps-biz-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.ps-biz-body{
  padding:10px 10px 10px;
  display:flex;flex-direction:column;gap:6px
}
.ps-biz-pill{
  display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;
  background:rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.18);
  color:#065f46;padding:.28rem .65rem;border-radius:999px;
  font-weight:900;font-size:.78rem
}
.ps-biz-title{margin:0;font-weight:950;line-height:1.55;font-size:.98rem}
.ps-biz-title a{color:inherit}
.ps-biz-title a:hover{color:var(--brand)}
.ps-biz-excerpt{margin:0;color:rgba(15,23,42,.78);font-weight:750;line-height:1.9;font-size:.9rem}
.ps-biz-meta{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;
  color:rgba(15,23,42,.65);font-weight:850;font-size:.85rem
}
.ps-biz-meta i{opacity:.8}

@media (max-width:575px){
  .ps-biz-item{grid-template-columns:1fr}
  .ps-biz-thumb{aspect-ratio:16/9}
}

/* Text Ads spacing (keep | separators) */
.newsletter-area-four .newsletter-form{
  line-height: 3.2;           /* فاصله عمودی بین ردیف‌ها (مهم‌ترین قسمت) */
}

.newsletter-area-four .newsletter-form a{
  display: inline-flex;
  align-items: center;
  padding: .5rem .95rem;      /* چیپ شکیل */
  border-radius: 999px;
  margin: 0 .35rem;           /* فاصله افقی از | (| دست نخورده می‌مونه) */
  line-height: 1.2;           /* چیپ خودش کش نیاد */
  vertical-align: middle;
}

/* Single post featured image - make it full width, centered, cover-like */
.blog-details-area .post-thumb,
.blog-details-area .blog-details-thumb,
.blog-details-area .details-thumb,
.single-post .post-thumb,
.single-post .blog-details-thumb,
.single-post .details-thumb {
  width: 100%;
  display: block;
  margin: 0 auto 18px auto;   /* فاصله پایین برای نچسبیدن به TOC */
  overflow: hidden;
  border-radius: 16px;        /* مثل بقیه کارت‌ها */
}

/* Force the image to fill the container and be centered */
.blog-details-area .post-thumb img,
.blog-details-area .blog-details-thumb img,
.blog-details-area .details-thumb img,
.single-post .post-thumb img,
.single-post .blog-details-thumb img,
.single-post .details-thumb img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* اگر قالب شما ارتفاع ثابت برای thumb دارد، این بخش کمک می‌کند عکس مثل کاور بشود */
.blog-details-area .post-thumb.is-cover,
.single-post .post-thumb.is-cover {
  aspect-ratio: 16 / 9;     /* یا 4/3 اگر دوست داری */
}

.blog-details-area .post-thumb.is-cover img,
.single-post .post-thumb.is-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Center all images inside post content */
.single-post .post-content img,
.single-post .entry-content img,
.blog-details-content img,
.blog-details-area .entry-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  max-width: 100%;
}

/* Center figures/images in Gutenberg */
.single-post .entry-content figure,
.blog-details-area .entry-content figure,
.wp-block-image,
figure.wp-block-image {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Prevent WordPress align classes from breaking centering */
.alignnone,
.alignleft,
.alignright {
  float: none !important;
}

/* If image has caption, keep caption centered */
.wp-caption,
.wp-block-image figcaption,
.wp-caption-text {
  text-align: center;
}

/* Sidebar post thumbnails: fixed size + cover crop */
.sidebar-post__thumb {
  width: 72px;          /* می‌تونی 80 هم بذاری */
  height: 72px;
  flex: 0 0 72px;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  background: rgba(0,0,0,0.04);
}

.sidebar-post__thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Single post prev/next cards: normalize text layout */
.post-navigation,
.post-nav,
.blog-post-nav,
.single-post-nav {
  width: 100%;
}

.post-navigation .nav-links,
.post-nav .nav-links,
.blog-post-nav .nav-links,
.single-post-nav .nav-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .post-navigation .nav-links,
  .post-nav .nav-links,
  .blog-post-nav .nav-links,
  .single-post-nav .nav-links {
    grid-template-columns: 1fr;
  }
}

.post-navigation .nav-previous,
.post-navigation .nav-next,
.post-nav .nav-previous,
.post-nav .nav-next {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.post-navigation a,
.post-nav a {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  text-decoration: none !important; /* همون بحث حذف underline */
}

.post-navigation .post-thumb,
.post-nav .post-thumb,
.post-navigation img,
.post-nav img {
  width: 92px;
  height: 92px;
  flex: 0 0 92px;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
}

.post-navigation .post-nav-content,
.post-nav .post-nav-content,
.post-navigation .nav-content,
.post-nav .nav-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

/* title: max 2 lines for consistent height */
.post-navigation .post-title,
.post-nav .post-title,
.post-navigation .nav-title,
.post-nav .nav-title,
.post-navigation h4,
.post-nav h4 {
  margin: 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Global: remove underline from all links */
a, a:visited {
  text-decoration: none !important;
}

/* Optional: underline only on hover  */
a:hover, a:focus {
  text-decoration: none !important;
}

/* ============================================================
   Single-only: Prev/Next navigation (ps-post-nav)
   - image on top, title under
   - scoped to .single-post so it won't affect homepage/menu
   ============================================================ */
.single-post .ps-post-nav{ margin-top: 18px; }

.single-post .ps-post-nav .ps-nav-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
@media (max-width: 768px){
  .single-post .ps-post-nav .ps-nav-grid{ grid-template-columns: 1fr; }
}

.single-post .ps-post-nav .ps-nav-card{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 12px 26px rgba(2,6,23,.06);
  min-height: unset;
}

.single-post .ps-post-nav .ps-nav-thumb{
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0,0,0,.04);
}
.single-post .ps-post-nav .ps-nav-thumb a{
  display: block;
  width: 100%;
  height: 100%;
}
.single-post .ps-post-nav .ps-nav-thumb img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.single-post .ps-post-nav .ps-nav-body{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.single-post .ps-post-nav .ps-nav-title{
  margin: 6px 0 0 0;
  line-height: 1.6;
  font-weight: 950;
}
.single-post .ps-post-nav .ps-nav-title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.single-post .ps-post-nav .ps-nav-arrow{
  margin-top: auto;
  padding-top: 10px;
  opacity: .9;
}

/* Optional: align label icon spacing in RTL */
.single-post .ps-post-nav .ps-nav-card.prev .ps-nav-label i{ margin-left: 8px; }
.single-post .ps-post-nav .ps-nav-card.next .ps-nav-label i{ margin-left: 8px; }

/* Hide helper link (was inline display:none) */
.ps-hidden-link{ display:none !important; }

/* Single post: stack Tags and Share in two separate rows */
.single-post .blog-details-bottom .post-bottom{
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

/* Make each section take full width */
.single-post .blog-details-bottom .post-tags,
.single-post .blog-details-bottom .post-share{
  width: 100%;
}

/* Optional: nicer separation */
.single-post .blog-details-bottom .post-share{
  padding-top: 10px;
  border-top: 1px solid rgba(15,23,42,.08);
}

/* Keep buttons aligned nicely */
.single-post .blog-details-bottom .share-buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

/* ============================================================
   Single-only: Author box (author-wrap)
   ============================================================ */
.single-post .author-wrap{
  display: flex;
  gap: 16px;
  padding: 18px;
  margin-top: 22px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 12px 26px rgba(2,6,23,.06);
}

.single-post .author-wrap .author-thumb{ flex: 0 0 auto; }

.single-post .author-wrap .ps-author-avatar,
.single-post .author-wrap .avatar{
  width: 92px !important;
  height: 92px !important;
  border-radius: 999px !important;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
}

.single-post .author-wrap .author-content{
  flex: 1;
  min-width: 0;
}

.single-post .author-wrap .author-content .name{
  margin: 2px 0 8px;
  font-weight: 950;
  font-size: 1.05rem;
}

.single-post .author-wrap .ps-author-chips{ margin: 0 0 10px; }

.single-post .author-wrap .ps-author-bio{
  margin-top: 10px;
  color: rgba(15,23,42,.82);
  line-height: 1.95;
}

@media (max-width: 575px){
  .single-post .author-wrap{ flex-direction: column; align-items: flex-start; }
}
/* ============================================================
   FIX: Sticky sidebar not working because parent has overflow:hidden
   (restore old behavior)
   ============================================================ */

/* Desktop فقط */
@media (min-width: 992px){

  /* مهم: والدهای سایدبار نباید overflow:hidden داشته باشند */
  .blog-details-area .blog-details-wrap{
    overflow: visible !important;
  }

  /* اگر wrapper دیگری هم دارید که روی layout نشسته */
  .blog-details-area .author-inner-wrap,
  .blog-details-area .blog-inner-wrap{
    overflow: visible !important;
  }

  /* خود سایدبار sticky شود */
  .blog-details-area .sidebar-wrap{
    position: sticky;
    top: 92px;
    align-self: flex-start; /* کمک در flex/grid */
  }
}

/* Mobile: sticky خاموش */
@media (max-width: 991px){
  .blog-details-area .sidebar-wrap{
    position: static;
    top: auto;
  }
}
/* ============================================================
   Category page: Sticky sidebar + proper card spacing
   (Scoped to .blog-area to avoid breaking other pages)
   ============================================================ */

/* ✅ Sticky sidebar (desktop فقط) */
@media (min-width: 992px){
  .blog-area .sidebar-wrap{
    position: sticky;
    top: 92px;              /* اگر هدر بلندتره این رو بیشتر کن */
    align-self: flex-start; /* کمک برای flex/grid */
  }

  /* والدهایی که ممکنه sticky رو بشکنن (فقط همین صفحه/بخش) */
  .blog-area .author-inner-wrap,
  .blog-area .blog-inner-wrap{
    overflow: visible;
  }
}

/* موبایل: sticky خاموش */
@media (max-width: 991px){
  .blog-area .sidebar-wrap{
    position: static;
    top: auto;
  }
}


.blog-area .weekly-post-item-wrap .row{
  row-gap: 18px;            /* فاصله عمودی بین ردیف‌ها */
}


.blog-area .weekly-post-item{
  height: 100%;
}


.blog-area .weekly-post-four{
  margin-bottom: 0 !important;
}


.blog-area .weekly-post-content p{
  margin: 10px 0 0;
  line-height: 1.9;
}

/* ============================================================
   HOME ONLY: Normalize card heights + clearer section headings
   Safe scope: body.home (won't affect other pages)
   ============================================================ */

/* ---------- Section headings: more visible + consistent ---------- */
body.home .section-title-wrap{
  align-items: center;
  margin-bottom: 16px;
}
body.home .section-title .title,
body.home .section-title-four .title{
  font-size: 1.25rem;           /* واضح‌تر */
  font-weight: 950;
  margin: 0;
}
body.home .section-title-line{
  height: 3px;
  width: 130px;                 /* کمی پررنگ‌تر */
  opacity: 1;
}

/* Sidebar widget title (مقالات مهم و ...) */
body.home .widget-title-three{
  display:flex;
  align-items:center;
  gap: 10px;
}
body.home .widget-title-three .title{
  font-size: 1.1rem;
  font-weight: 950;
  margin: 0;
}

/* ---------- Reduce post title sizes (home) ---------- */
/* Hero main post */
body.home .banner-post-six .post-title{
  font-size: 1.25rem;           /* قبلاً بزرگ‌تر بود */
  line-height: 1.45;
  margin: 10px 0 8px;
}

/* Small banner cards + Hot Today cards + general post cards on home */
body.home .banner-post-five .post-title,
body.home .banner-post-seven .post-title,
body.home .top-news-post .post-title{
  font-size: 1.02rem;           /* کوچکتر و یکدست */
  line-height: 1.55;
  margin: 8px 0 8px;
}

/* Dentistry custom cards */
body.home .dentistry-alt .dentistry-feature h3{
  font-size: 1.18rem;
  line-height: 1.45;
}
body.home .dentistry-alt .dentistry-card h4{
  font-size: .98rem;
  line-height: 1.55;
}

/* Sidebar "مقالات مهم" titles (already set inline in your file; this keeps it consistent) */
body.home .stories-post-content .post-title{
  font-size: 1.02rem;
  line-height: 1.7;
}

/* ---------- Clamp titles/excerpts so cards stay equal height ---------- */
/* Clamp titles (2 lines) */
body.home .post-title a,
body.home h3.post-title a,
body.home h1.post-title a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Clamp excerpts (3 lines) to avoid very tall cards */
body.home .banner-post-content-six p,
body.home .banner-post-content-five p,
body.home .top-news-post-content p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 0;
}

/* ---------- Make cards equal height inside grid columns ---------- */
body.home .today-post-wrap .row > [class*="col-"],
body.home .editor-post-area-three .row > [class*="col-"]{
  display: flex;
}
body.home .today-post-wrap .row > [class*="col-"] > *,
body.home .editor-post-area-three .row > [class*="col-"] > *{
  width: 100%;
}
body.home .banner-post-five.banner-post-seven,
body.home .top-news-post{
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.home .banner-post-content-five,
body.home .top-news-post-content{
  display:flex;
  flex-direction:column;
  flex: 1;
}

/* push meta/excerpt to a consistent layout */
body.home .banner-post-content-five .blog-post-meta,
body.home .top-news-post-content .blog-post-meta{
  margin-top: 6px;
}
body.home .banner-post-content-five p,
body.home .top-news-post-content p{
  margin-top: 10px;
}

/* ---------- Normalize thumbnail ratios to reduce "jumping" ---------- */
body.home .banner-post-thumb-five,
body.home .top-news-post-thumb{
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
body.home .banner-post-thumb-five img,
body.home .top-news-post-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* Hero main thumb ratio (optional but makes the top area stable) */
body.home .banner-post-thumb-six{
  aspect-ratio: 16 / 9;
  overflow:hidden;
}
body.home .banner-post-thumb-six img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* ---------- Better vertical gaps so when a card grows it doesn't stick ---------- */
body.home .today-post-wrap .row,
body.home .editor-post-area-three .row{
  row-gap: 18px;
}

/* Firefox/Desktop header menu wrap fix */
.header-inner > * { min-width: 0; }   /* مهم برای Firefox در flex */
.site-nav { min-width: 0; }

@media (min-width: 993px){
  .site-nav ul{
    flex-wrap: nowrap;               /* جلوگیری از دو خط شدن */
  }
  .site-nav a{
    white-space: nowrap;             /* جلوگیری از شکستن متن آیتم‌ها */
  }
}