/* ==========================================================================
   we3.css — minimal, RTL-first theme skin
   Edit safely: tweak CSS variables below
   ========================================================================== */

:root{
  --we3-bg:#ffffff;
  --we3-fg:#0b1220;
  --we3-muted:#6b7280;
  --we3-border:#e5e7eb;
  --we3-primary:#111827;
  --we3-accent:#0ea5e9;
  --we3-danger:#ef4444;
  --we3-shadow:0 10px 24px rgba(2,6,23,.06);
  --we3-shadow-strong:0 12px 28px rgba(0,0,0,.35);
  --we3-radius:14px;
  --we3-radius-lg:16px;
  --we3-gap:14px;
  --we3-container:clamp(280px, 92vw, 1100px);
  --we3-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";
}

*{box-sizing:border-box}
html,body{height:100%}
body.we3-body{
  margin:0; background:var(--we3-bg); color:var(--we3-fg);
  font-family:var(--we3-font); line-height:1.75;
  direction:rtl; text-align:right; overflow-x:hidden;
}

/* Containers & layout */
.we3-container{width:var(--we3-container); margin-inline:auto; padding:16px}
.we3-single-wrap, .we3-content{min-width:0}
.we3-grid{display:grid; grid-template-columns:280px 1fr; gap:24px; align-items:start}
@media (max-width:960px){ .we3-grid{grid-template-columns:1fr} }

/* Links & basics */
a{color:var(--we3-accent); text-decoration:none}
a:hover{text-decoration:underline}
img,video,iframe{max-width:100%; height:auto; display:block}

/* Header/footer basics (optional) */
.we3-site-header, .we3-site-footer{background:#0b1220; color:#fff}
.we3-site-header .we3-container, .we3-site-footer .we3-container{display:flex; align-items:center; justify-content:space-between; gap:12px}
.we3-logo{font-weight:800; color:#fff; text-decoration:none}
.we3-menu, .we3-footer-menu{list-style:none; padding:0; margin:0; display:flex; gap:14px}
.we3-menu a, .we3-footer-menu a{color:#fff; opacity:.9}
.we3-menu a:hover, .we3-footer-menu a:hover{opacity:1}



/* Featured image */
.we3-feature{margin:8px 0 12px}
.we3-feature img{width:100%; border-radius:var(--we3-radius); box-shadow:var(--we3-shadow)}

/* Title & meta */
.we3-post-title{margin:12px 0 8px; font-size:clamp(1.2rem,2.4vw,1.8rem); line-height:1.35; font-weight:900}
.we3-post-title a{text-decoration:none; color:inherit}
.we3-meta{display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--we3-muted); margin-bottom:14px}
.we3-chip{display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border:1px solid var(--we3-border); border-radius:999px; background:#fff}

/* Sidebar author card */
.we3-sidebar{position:sticky; top:16px}
.we3-author-card{background:#fff; border:1px solid var(--we3-border); border-radius:var(--we3-radius); padding:14px; box-shadow:var(--we3-shadow)}
.we3-author-card .we3-author-bio{color:var(--we3-muted); font-size:.95rem; margin-top:6px}
.we3-cta{margin-top:12px; padding:14px; border:1px dashed var(--we3-border); border-radius:var(--we3-radius); background:#fafafa}

/* Content */
.we3-excerpt{font-weight:600; margin:8px 0 10px}
.we3-article{color:var(--we3-fg)}
.we3-article h2{font-size:1.25rem; margin:1.2em 0 .6em}
.we3-article h3{font-size:1.1rem; margin:1.1em 0 .5em}
.we3-article p{margin:.9em 0}
.we3-article blockquote{border-inline-start:4px solid var(--we3-accent); margin:1em 0; padding:.2em .8em; background:#f8fafc}
.we3-article pre{white-space:pre-wrap; word-wrap:break-word; overflow:auto; direction:ltr; unicode-bidi:plaintext; background:#0b1220; color:#f8fafc; padding:12px; border-radius:12px}
.we3-article code{direction:ltr; unicode-bidi:plaintext; background:#f1f5f9; padding:.12em .35em; border-radius:6px}
.we3-article table{width:100%; border-collapse:collapse; margin:12px 0; display:block; overflow:auto}
.we3-article th, .we3-article td{border:1px solid var(--we3-border); padding:8px 10px}
.we3-content a, .we3-content code{overflow-wrap:anywhere; word-break:break-word}
.we3-tags{margin-top:16px}
.we3-tags a{display:inline-block; margin:0 0 6px 6px; background:#f3f4f6; border:1px solid var(--we3-border); padding:4px 10px; border-radius:999px; color:#111}

/* Pagination (archive/search) */
.we3-pagination{text-align:center; margin:20px 0}
.we3-btn{display:inline-block; background:#111; color:#fff; padding:8px 12px; border-radius:10px; text-decoration:none}


/* حالت عمومی */
.we3-article blockquote {
  margin: 1.5em 0;
  padding: 1em 1.2em;
  border-inline-start: 4px solid var(--we3-accent);
  border-radius: 8px;
  background: #f8fafc;
  color: #1e293b;
  font-style: italic;
  position: relative;
  transition: background 0.3s ease, color 0.3s ease;
}

.we3-article blockquote::before {
  content: "“";
  font-size: 3em;
  color: var(--we3-accent);
  position: absolute;
  left: 10px;
  top: -10px;
  opacity: 0.2;
}

/* حالت تاریک */
[data-theme="dark"] .we3-article blockquote,
.dark .we3-article blockquote {
  background: #1e293b;      /* پس‌زمینه‌ی تیره */
  color: #e2e8f0;           /* متن روشن */
  border-inline-start-color: var(--we3-accent);
}

[data-theme="dark"] .we3-article blockquote::before,
.dark .we3-article blockquote::before {
  opacity: 0.3;
}


/* ----------------------------------------------
   RELATED (overlay title on thumbnail) — UPDATED
   ---------------------------------------------- */
.we3-related{margin-top:28px}
.we3-r-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px,1fr));
  gap:var(--we3-gap);
}
.we3-card{
  display:block; text-decoration:none; color:inherit;
  border-radius:var(--we3-radius); overflow:hidden; background:#000;
  border:1px solid var(--we3-border);
  box-shadow:var(--we3-shadow);
}
.we3-card--overlay .we3-r-thumb{position:relative; aspect-ratio:16/9; background:#111}
.we3-card--overlay .we3-r-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.we3-card--overlay .we3-r-ov{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.65) 100%);
  display:flex; align-items:flex-end; padding:10px 12px;
}
.we3-card--overlay .we3-r-title{
  margin:0; font-weight:800; line-height:1.35; color:#fff; font-size:1rem;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.we3-card:hover .we3-r-thumb img{transform:scale(1.03); transition:transform .25s ease}
.we3-card .we3-r-thumb img{transition:transform .25s ease}

/* ----------------------------------------------
   SUGGEST WIDGET (floating recommendation)
   ---------------------------------------------- */
.we3-suggest{
  position:fixed; inset-inline-end:16px; bottom:16px; z-index:9999;
  transform:translateY(16px); opacity:0; pointer-events:none;
  transition:transform .28s ease, opacity .28s ease;
}
.we3-suggest.show{transform:translateY(0); opacity:1; pointer-events:auto}
.we3-s-row{width:min(92vw,360px); border-radius:var(--we3-radius-lg); overflow:hidden; background:#111; color:#fff; box-shadow:0 16px 40px rgba(0,0,0,.18)}
.we3-s-row .thumb{aspect-ratio:16/9; overflow:hidden}
.we3-s-row img{width:100%; height:100%; object-fit:cover; display:block}
.we3-s-body{padding:12px}
.we3-s-title{font-weight:800; margin:0 0 6px; line-height:1.35}
.we3-s-cta{opacity:.9}
.we3-suggest .close{
  position:absolute; top:6px; inset-inline-start:6px;
  background:transparent; border:0; color:#fff; font-size:16px; cursor:pointer;
}

/* ====================================
   Suggest (floating article overlay style)
   ==================================== */
.we3-suggest {
  position: fixed;
  inset-inline-end: 16px;
  bottom: 16px;
  z-index: 9999;
  transform: translateY(16px);
  opacity: 0;
  pointer-events: none;
  transition: transform .28s ease, opacity .28s ease;
}

.we3-suggest.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.we3-s-row {
  width: min(92vw, 360px);
  border-radius: 16px;
  overflow: hidden;
  background: #000;
  color: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
  position: relative;
}

.we3-s-row .thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.we3-s-row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .25s ease;
}

.we3-s-row:hover img {
  transform: scale(1.05);
}

/* عنوان روی تصویر شاخص */
.we3-s-row .we3-s-body {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.7) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 12px;
  text-align: right;
}

.we3-s-title {
  margin: 0;
  font-weight: 800;
  line-height: 1.35;
  font-size: 1rem;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.we3-s-cta {
  opacity: .9;
  font-size: .9rem;
  margin-top: 4px;
}

/* دکمه بستن */
.we3-suggest .close {
  position: absolute;
  top: 6px;
  inset-inline-start: 6px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  backdrop-filter: blur(3px);
}


/* ----------------------------------------------
   ACTIONBAR (vertical toolstrip) + SHARE POPUP
   ---------------------------------------------- */
.we3-actionbar{
  position:fixed; inset-inline-end:12px; top:50%; transform:translateY(-50%);
  z-index:9998; display:flex; flex-direction:column; gap:10px;
}
.we3-ab-btn, .we3-actionbar a{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:var(--we3-radius); background:#111; color:#fff;
  text-decoration:none; box-shadow:var(--we3-shadow-strong); border:0; cursor:pointer;
  transition:transform .12s ease, opacity .12s ease;
}
.we3-ab-btn:hover, .we3-actionbar a:hover{transform:translateY(-2px)}
.we3-ab-badge{
  position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; border-radius:9px;
  background:#e11d48; color:#fff; font:700 11px/18px var(--we3-font); text-align:center; padding:0 4px
}
.we3-ab-like.liked{background:var(--we3-danger)}
/* share popup */
.we3-share-pop{
  position:fixed; inset-inline-end:68px; top:50%; transform:translateY(-50%);
  z-index:9999; display:none; background:#111; color:#fff;
  padding:10px; border-radius:var(--we3-radius); box-shadow:var(--we3-shadow-strong);
}
.we3-share-pop.show{display:block}
.we3-share-pop .close{
  position:absolute; top:6px; inset-inline-start:6px; background:transparent; border:0; color:#fff;
  font-size:16px; cursor:pointer;
}
.we3-share-row{display:flex; flex-direction:column; gap:8px; margin-top:10px}
.we3-share-row a, .we3-share-row button{
  background:#222; color:#fff; border:0; border-radius:10px; padding:8px 10px; cursor:pointer; text-decoration:none;
}

/* ----------------------------------------------
   SCROLL PROGRESS (vertical)
   ---------------------------------------------- */
.we3-scrollbar{
  position:fixed; inset-inline-end:6px; top:0; bottom:0; width:3px;
  background:linear-gradient(#eee,#f7f7f7); border-radius:3px; z-index:9997
}
.we3-scrollbar .fill{
  position:absolute; inset-inline:0; top:0; width:100%; height:0%;
  background:#111; border-radius:3px; transition:height .1s linear;
}

/* ----------------------------------------------
   COMMENTS (custom structure)
   ---------------------------------------------- */
.we3-comments{margin-top:24px}
.we3-c-head{border:1px solid var(--we3-border); border-radius:var(--we3-radius); padding:14px; background:#fff; box-shadow:var(--we3-shadow)}
.we3-c-icon{font-size:28px; opacity:.9}
.we3-c-title{margin:8px 0 6px; font-size:1.1rem; font-weight:800}
.we3-c-sub{margin:0 0 10px; color:var(--we3-muted); font-size:.95rem}
.we3-c-tabs{display:flex; gap:8px}
.we3-c-tabs button{
  background:#f3f4f6; border:1px solid var(--we3-border); border-radius:999px; padding:6px 10px; cursor:pointer
}
.we3-c-tabs .is-active{background:#111; color:#fff; border-color:#111}
.we3-c-wrap{margin-top:14px}
.we3-comment-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px}
.we3-comment{
  display:flex; gap:10px; background:#fff; border:1px solid var(--we3-border);
  border-radius:var(--we3-radius); padding:10px; box-shadow:var(--we3-shadow)
}
.we3-c-avatar img{border-radius:999px}
.we3-c-body{flex:1; min-width:0}
.we3-c-meta{display:flex; flex-wrap:wrap; gap:8px; color:var(--we3-muted); font-size:.92rem; margin-bottom:6px}
.we3-c-author{font-weight:700; color:var(--we3-fg)}
.we3-c-text p{margin:.6em 0}
.we3-c-actions a{margin-inline-end:10px; font-weight:600}
.we3-c-form-h{margin:16px 0 8px; font-size:1.05rem; font-weight:800}
.we3-c-form .we3-c-field{margin:8px 0}
.we3-c-form input[type="text"],
.we3-c-form input[type="email"],
.we3-c-form textarea{
  width:100%; padding:10px; border:1px solid var(--we3-border); border-radius:10px; background:#fff; font-family:var(--we3-font)
}
.we3-c-btn{
  background:#111; color:#fff; border:0; border-radius:10px; padding:10px 14px; cursor:pointer; margin-top:8px
}


/* =========================
   Comments section centered
   ========================= */
.we3-comments {
  max-width: 760px;
  margin: 40px auto; /* وسط صفحه */
}
.we3-c-head, .we3-c-wrap {
  text-align: center;
}
.we3-comment-list {
  text-align: right; /* متن دیدگاه راست‌چین بمونه */
}
.we3-c-form {
  text-align: right;
}



/* ----------------------------------------------
   ARCHIVE / CARDS
   ---------------------------------------------- */
.we3-posts{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:var(--we3-gap)}
.we3-card .body{padding:10px}
.we3-h1{font-size:clamp(1.3rem, 3vw, 1.8rem); margin:10px 0}
.we3-h2{font-size:1.2rem; margin:8px 0}

/* ----------------------------------------------
   UTILITIES
   ---------------------------------------------- */
.alignwide, .alignfull{width:100%; margin-inline:0}
.wp-block-table{display:block; max-width:100%; overflow:auto}

/* ----------------------------------------------
   DARK MODE (optional)
   ---------------------------------------------- */
@media (prefers-color-scheme: dark){
  :root{
    --we3-bg:#0b1220;
    --we3-fg:#ecf1ff;
    --we3-muted:#a1a7b5;
    --we3-border:#1f2937;
    --we3-primary:#0f172a;
    --we3-shadow:0 10px 24px rgba(0,0,0,.35);
    --we3-shadow-strong:0 12px 28px rgba(0,0,0,.6);
  }
  .we3-site-header, .we3-site-footer{background:#0f172a}
  .we3-author-card, .we3-c-head, .we3-comment{background:#0f172a}
  .we3-cta{background:#0c1220}
  .we3-article pre{background:#0a1020}
  .we3-share-pop{background:#0a0f1d}
  .we3-ab-btn, .we3-actionbar a{background:#0f172a}
  .we3-scrollbar{background:linear-gradient(#0f172a, #0f172a)}
  .we3-scrollbar .fill{background:#3b82f6}
}







/* =========================
   Title + Meta centered
   ========================= */
.we3-post-title{
  text-align:center;
  margin-top:10px; margin-bottom:6px;
}
.we3-post-title a{ text-decoration:none; color:inherit }
.we3-meta{
  justify-content:center; /* وسط‌چین افقی */
  gap:10px;
}

/* =========================
   Meta Chips = Buttony
   ========================= */
.we3-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--we3-border);
  background:#fff;
  color:#0b1220;
  box-shadow:0 1px 0 rgba(2,6,23,.04);
  transition:transform .08s ease, background .12s ease, box-shadow .12s ease, border-color .12s ease;
  font-weight:600;
}
.we3-chip a{ color:inherit; text-decoration:none }
.we3-chip:hover{
  background:#f8fafc;
  border-color:#dbe1e8;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(2,6,23,.08);
}
/* گونه‌های اختیاری برای تمایز */
.we3-chip--author{ background:#eef6ff; border-color:#dbeafe }
.we3-chip--date{ background:#f7f7f7 }
.we3-chip--cats{ background:#f1f5f9 }

/* فوکِس زیبا برای دسترس‌پذیری */
.we3-chip:focus-within{
  outline:2px solid transparent;
  box-shadow:0 0 0 3px rgba(59,130,246,.35);
}

/* فاصله از تصویر شاخص وقتی وسط‌چینه */
.we3-feature{ margin-bottom:10px }



/* =========================
   Table of Contents (we3-toc)
   ========================= */
.we3-toc{
  margin:16px 0 18px;
  background:#fff;
  border:1px solid var(--we3-border);
  border-radius:var(--we3-radius);
  box-shadow:var(--we3-shadow);
  padding:12px 14px;
}
.we3-toc *{ box-sizing:border-box }
.we3-toc .toc-title,
.we3-toc h2,
.we3-toc h3{
  margin:0 0 10px;
  font-size:1rem;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px;
}
.we3-toc .toc-title::before,
.we3-toc h2::before,
.we3-toc h3::before{
  content:"☰";
  font-size:0.95rem;
  opacity:.85;
}

/* ساختار لیست TOC—سازگار با اکثر افزونه‌ها */
.we3-toc ul, .we3-toc ol{
  margin:0; padding:0 0 0 14px;
}
.we3-toc li{ 
  margin:4px 0;
  line-height:1.6;
}
.we3-toc a{
  color:var(--we3-fg);
  text-decoration:none;
  display:inline-block;
  padding:2px 4px;
  border-radius:6px;
}
.we3-toc a:hover{
  background:#f3f4f6;
  text-decoration:none;
}

/* شماره‌گذاری زیبا (اگر لیست «ul» بود) */
.we3-toc ul{ list-style:none; counter-reset:toc-l1 }
.we3-toc ul > li{ counter-increment:toc-l1 }
.we3-toc ul > li > a::before{
  content: counter(toc-l1) ". ";
  color:var(--we3-muted);
}

/* تو رفتگی سطوح پایین‌تر */
.we3-toc ul ul{
  margin-top:4px; padding-inline-start:12px;
  counter-reset:toc-l2;
}
.we3-toc ul ul > li{ counter-increment:toc-l2 }
.we3-toc ul ul > li > a::before{
  content: counter(toc-l1) "." counter(toc-l2) " ";
  color:var(--we3-muted);
  font-variant-numeric: tabular-nums;
}

/* تطبیق با حالت تاریک */
@media (prefers-color-scheme: dark){
  .we3-toc{ background:#0f172a; border-color:#1f2937 }
  .we3-toc a:hover{ background:#0b1220 }
}



/* =========================
   Author Card (sidebar)
   ========================= */
.we3-author-card{
  background:#fff;
  border:1px solid var(--we3-border);
  border-radius:var(--we3-radius);
  box-shadow:var(--we3-shadow);
  padding:16px;
  text-align:center;
}
.we3-author-card .avatar{
  width:84px; height:84px; border-radius:50%;
  box-shadow:0 6px 18px rgba(2,6,23,.08);
  margin-inline:auto;
}
.we3-author-card .we3-author-bio{
  color:var(--we3-muted);
  font-size:.95rem;
  margin-top:8px;
}

/* چیپ‌های اطلاعات نویسنده (اختیاری) */
.we3-author-chip{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:10px;
  padding:6px 10px;
  border:1px solid var(--we3-border);
  border-radius:999px; background:#f8fafc;
  font-size:.92rem; color:#0b1220;
}

/* لینک‌های اجتماعی (اختیاری: اگر افزودی) */
.we3-author-social{
  display:flex; justify-content:center; gap:10px; margin-top:10px;
}
.we3-author-social a{
  width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; background:#111; color:#fff; text-decoration:none;
  box-shadow:var(--we3-shadow-strong);
}
.we3-author-social a:hover{ transform:translateY(-1px) }

/* حالت تاریک */
@media (prefers-color-scheme: dark){
  .we3-author-card{ background:#0f172a; border-color:#1f2937 }
  .we3-author-chip{ background:#0c1220; border-color:#1f2937; color:#ecf1ff }
}



/* ===== Fix: prevent media overflow inside article ===== */
.we3-article,
.we3-content { min-width: 0; }

/* تصاویر/ویدیو/iframe همیشه داخل عرض کانتینر */
.we3-article img,
.we3-article video,
.we3-article iframe,
.we3-article .wp-block-embed__wrapper iframe {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* عناصر گوتنبرگ مرتبط با تصویر */
.we3-article figure,
.we3-article .wp-block-image,
.we3-article .wp-caption {
  max-width: 100%;
  margin-inline: auto;
}
.we3-article .wp-caption { width: auto !important; }

/* حالت‌های alignfull/alignwide را داخل کانتینر حبس کن */
.we3-article .alignfull,
.we3-article .wp-block-image.alignfull,
.we3-article .alignwide,
.we3-article .wp-block-image.alignwide {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

/* تصاویری که float شده‌اند در موبایل نشکنند */
@media (max-width: 920px) {
  .we3-article .wp-block-image .alignleft,
  .we3-article .wp-block-image .alignright,
  .we3-article img.alignleft,
  .we3-article img.alignright {
    float: none !important;
    margin: 10px auto !important;
    display: block !important;
  }
}

/* جدول‌ها از کانتینر بیرون نزنند */
.we3-article .wp-block-table,
.we3-article table {
  width: 100%;
  border-collapse: collapse;
}
.we3-article .wp-block-table {
  display: block;
  overflow-x: auto;
}
.we3-article th, .we3-article td { word-break: break-word; }

/* کد/پری برای خطوط طولانی */
.we3-article pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: auto;
  direction: ltr;
  unicode-bidi: plaintext;
}
.we3-article pre code { white-space: inherit; }


/* ===================== Footer ===================== */
.we3-footer{background:transparent; color:#0b1220}
.we3-footer-top{
  background:#e9f7e6; /* سبز خیلی روشن */
  border:1px solid #d2ebcd;
  border-radius:16px;
  margin:24px auto;
  width:var(--we3-container);
  box-shadow:0 8px 24px rgba(2,6,23,.06) inset;
}
.we3-footer-grid{
  display:grid;
  grid-template-columns: 300px 1fr 1fr 1.2fr;
  gap:22px;
  padding:18px 16px;
}
@media (max-width:1100px){
  .we3-footer-top{ width:calc(100% - 32px) }
  .we3-footer-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:700px){
  .we3-footer-grid{ grid-template-columns: 1fr; }
}

/* ستون‌ها */
.we3-footer-col{min-width:0}
.we3-fh{
  margin:6px 0 8px;
  font-weight:800;
  color:#166534;
  font-size:1.02rem;
  border-bottom:1px dashed #cde7c7;
  padding-bottom:6px;
}
.we3-fl{list-style:none; padding:0; margin:0; display:grid; gap:8px}
.we3-fl a{color:#0b1220; text-decoration:none}
.we3-fl a:hover{text-decoration:underline}

/* باج‌های دایره‌ای + CTA */
.we3-badges{
  display:grid; grid-template-columns: repeat(3, 1fr);
  gap:10px; margin-bottom:12px;
}
.we3-badge{
  display:grid; place-items:center;
  aspect-ratio:1/1; border-radius:999px;
  border:2px solid #2e7d32;
  background:#fff; color:#2e7d32;
  font-weight:700; font-size:.8rem;
  box-shadow:0 2px 0 rgba(0,0,0,.04);
}
.we3-footer-cta{
  display:block; text-align:center;
  background:#37b34a; color:#fff;
  border-radius:999px; padding:12px 10px;
  margin:10px 0 8px; text-decoration:none;
  box-shadow:0 8px 22px rgba(55,179,74,.25);
  font-weight:800;
}
.we3-footer-cta:hover{filter:brightness(.98)}
.we3-footer-social{display:flex; gap:10px; align-items:center}
.we3-footer-social a{
  width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background:#fff; color:#2e7d32; text-decoration:none;
  border:1px solid #bfe6b8; box-shadow:0 2px 0 rgba(0,0,0,.04)
}
.we3-footer-follow{display:block; margin-top:8px; color:#08542b}

/* درباره/آدرس */
.we3-footer-about{margin-top:8px; color:#0f381e}
.we3-footer-logo{width:120px; height:auto; margin:0 0 8px auto; display:block}
.we3-footer-address{margin-top:8px; font-style:normal}
.we3-footer-address a{color:#0b1220}

/* نوار پایینی */
.we3-footer-bottom{
  background:#fff; border-top:1px solid #e5e7eb; padding:10px 0; color:#334155;
}
.we3-footer-bottom .we3-container{
  display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.we3-copy{font-size:.92rem}
.we3-footer-menu{list-style:none; padding:0; margin:0; display:flex; gap:12px}
.we3-footer-menu a{color:#334155; text-decoration:none}
.we3-footer-menu a:hover{text-decoration:underline}

/* ویجت‌های فوتر (هماهنگ با استایل قبلی) */
.we3-fwidget { min-width:0 }
.we3-fwidget .widget-title.we3-fh { margin-bottom:8px }
.we3-fwidget ul { list-style:none; margin:0; padding:0; display:grid; gap:8px }
.we3-fwidget ul a { color:#0b1220; text-decoration:none }
.we3-fwidget ul a:hover { text-decoration:underline }

/* اگر ابزارک HTML گذاشتی و باج/CTA می‌خواهی، همین کلاس‌ها را در محتوای ابزارک استفاده کن: */
.we3-badges{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:12px }
.we3-badge{ display:grid; place-items:center; aspect-ratio:1/1; border-radius:999px; border:2px solid #2e7d32; background:#fff; color:#2e7d32; font-weight:700; font-size:.8rem }
.we3-footer-cta{ display:block; text-align:center; background:#37b34a; color:#fff; border-radius:999px; padding:12px 10px; margin:10px 0 8px; text-decoration:none; box-shadow:0 8px 22px rgba(55,179,74,.25); font-weight:800 }
.we3-footer-social{ display:flex; gap:10px; align-items:center }
.we3-footer-social a{ width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#fff; color:#2e7d32; text-decoration:none; border:1px solid #bfe6b8 }






/* =====================================================================
   HEADER / NAVBAR / MEGAMENU — CLEAN FINAL
   ===================================================================== */

/* اندازه‌های قابل‌تنظیم */
:root{
  --we3-logo-h: 30px;     /* ارتفاع لوگو دسکتاپ */
  --we3-logo-h-lg: 50px;  /* دسکتاپ بزرگ */
  --we3-logo-h-sm: 60px;  /* موبایل */
  --we3-accent: #d10d0d;
  --we3-border: #e5e7eb;
}

/* هدر چسبان */
.we3-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--we3-border)}
body[data-theme="dark"] .we3-header{background:#0f172a;border-color:#1f2937}

/* نوار ناوبری */
.we3-navbar{position:relative;z-index:1010;background:#f2f4f7;border-bottom:1px solid var(--we3-border)}
.we3-nav-row{
  display:grid; grid-template-columns:auto 1fr auto; /* لوگو | منو | آیکن‌ها */
  align-items:center; gap:16px; min-height:58px; direction:rtl;
}

/* لوگو (راست) */
.we3-brand{grid-column:1;justify-self:start;display:flex;align-items:center;max-width:160px;overflow:hidden}
.we3-brand img,.we3-brand svg,.custom-logo{
  height:var(--we3-logo-h) !important; max-height:var(--we3-logo-h) !important;
  width:auto !important; display:block; object-fit:contain;
}
@media (min-width:1280px){
  .we3-brand img,.we3-brand svg,.custom-logo{height:var(--we3-logo-h-lg) !important;max-height:var(--we3-logo-h-lg) !important}
}
@media (max-width:980px){
  .we3-brand img,.we3-brand svg,.custom-logo{
    height:var(--we3-logo-h-sm) !important;
    max-height:var(--we3-logo-h-sm) !important;
    width:auto !important;
  }
}


@media (max-width:980px){
  .we3-brand .custom-logo{ max-height:100px; height:auto; width:auto; }
}


/* منو (وسط) */
#we3-primary-menu.we3-menu{
  grid-column:2; margin:0; padding:0; list-style:none;
  display:flex; align-items:center; justify-content:center; gap:18px;
  white-space:nowrap; overflow-x:auto; overflow-y:hidden;
}
.we3-menu>li{position:relative}
.we3-menu>li>a{
  display:inline-block; padding:14px 8px; text-decoration:none;
  font-weight:700; color:#111; border-radius:6px; transition:.15s color,.15s background,.15s box-shadow;
}
.we3-menu>li:hover>a,.we3-menu>li.current-menu-item>a,.we3-menu>li.current-menu-ancestor>a{
  color:var(--we3-accent); background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.05)
}
/* پل کوتاه بین آیتم سطح اول و مگامنو (تا بسته نشود) */
.we3-menu>li::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;display:block;pointer-events:none}

/* آیکن‌ها (چپ) */
.we3-nav-actions{
  grid-column:3; justify-self:end; display:flex; align-items:center; gap:10px; min-width:fit-content;
}
.we3-nav-actions .ico{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #e3e3e3;border-radius:50%;
  font-size:17px;color:#333;cursor:pointer;transition:.2s;
}
.we3-nav-actions .ico:hover{background:var(--we3-accent);color:#fff;border-color:var(--we3-accent)}
body[data-theme="dark"] .we3-nav-actions .ico{background:#1e293b;border-color:#334155;color:#e5e7eb}

/* زیرمنوهای پیش‌فرض وردپرس را مخفی کن (فقط مگامنو نمایش داده شود) */
.we3-navbar .sub-menu{display:none !important}

/* مگامنو */
.we3-mega{position:absolute;inset-inline:0;top:100%;display:none;z-index:1200;background:#fff;border-top:1px solid #eee;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.we3-mega.show{display:block;animation:megaFade .15s ease-out}
@keyframes megaFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.we3-mega-wrap{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:18px 0;max-height:62vh;overflow:auto}
.we3-mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.we3-mega-cols ul{list-style:none;margin:0;padding:0}
.we3-mega-cols li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f1f5f9}
.we3-mega-cols li::before{content:"▪";color:var(--we3-accent);margin-inline-start:6px}
.we3-mega-cols a{text-decoration:none;color:#111;transition:.15s color}
.we3-mega-cols a:hover{color:var(--we3-accent)}
.we3-mega-side{border-inline-start:1px solid #f1f5f9;padding-inline-start:18px}
.we3-mega-side-title{margin:0 0 8px;font-size:1rem;font-weight:900}
.we3-mega-hot{display:grid;gap:10px}
.we3-mega-card{
  display:grid;grid-template-columns:92px 1fr;gap:10px;
  text-decoration:none;color:inherit;background:#fff;border:1px solid var(--we3-border);
  border-radius:12px;overflow:hidden
}
.we3-mega-card img{width:92px;height:92px;object-fit:cover;display:block}
.we3-mega-card .t{font-weight:800;line-height:1.35}
.we3-mega-card .m{font-size:.88rem;color:#6b7280}

/* نوار جستجو */
.we3-searchbar{background:#fff;border-top:1px solid #eee}
.we3-searchbar[hidden]{display:none}
.we3-searchbar .we3-container{padding:10px 0}
.we3-searchbar form{display:flex;gap:8px}
.we3-searchbar input[type="search"]{flex:1;padding:10px 12px;border:1px solid var(--we3-border);border-radius:10px}
.we3-searchbar input[type="submit"]{padding:10px 12px;border-radius:10px}

/* بردکرامب زیر پنل بماند */


/* حالت تاریک */
body[data-theme="dark"] .we3-navbar{background:#0f172a;border-color:#1f2937}
body[data-theme="dark"] .we3-menu>li>a{color:#e5e7eb}
body[data-theme="dark"] .we3-mega{background:#0b1220;border-color:#1f2937}
body[data-theme="dark"] .we3-mega-cols li{border-color:#111827}
body[data-theme="dark"] .we3-mega-card{background:#0f172a;border-color:#1f2937}

/* ریسپانسیو */
.we3-nav-toggle{display:none}
@media (max-width:980px){
  .we3-nav-toggle{display:inline-block;background:transparent;border:0;font-size:20px;padding:10px;cursor:pointer}
  #we3-primary-menu.we3-menu{display:none;justify-content:flex-start}
  #we3-primary-menu.we3-menu.show{display:flex}
  .we3-mega{position:static;box-shadow:none;border-top:0}
  .we3-mega-wrap{grid-template-columns:1fr;gap:12px;padding:8px 0}
  .we3-mega-cols{grid-template-columns:1fr}
  .we3-mega-side{border:0;padding:0}
}





/* ==============================
   Drawer Mobile Nav — FINAL (we3)
   آخرین نسخه‌ی یکپارچه برای منوی موبایل
   ============================== */

/* 0) متغیرهای کمکی (اختیاری) */
:root{
  --we3-drawer-w: 420px;
  --we3-border: #e5e7eb;
  --we3-surface: #ffffff;
  --we3-text: #0b1220;
  --we3-dim: rgba(0,0,0,.45);
}

/* 1) پیش‌فرض: پنهان در دسکتاپ */
.we3-drawer,
.we3-drawer-dim,
.we3-nav-toggle{ display:none }

/* 2) فقط در موبایل نمایش بده + منوی دسکتاپ رو مخفی کن */
@media (max-width:980px){
  .we3-nav-toggle{
    display:inline-flex; align-items:center; justify-content:center;
    width:42px; height:42px; border-radius:12px;
    border:1px solid var(--we3-border); background:#fff; font-size:20px; cursor:pointer;
    touch-action:manipulation;
  }
  .we3-drawer,
  .we3-drawer-dim{ display:block }
  /* منوی دسکتاپ قطعاً مخفی */
  #we3-primary-menu, .site-primary-nav, .desktop-only{ display:none !important }
}

/* 3) لایه‌ی تاریک پس‌زمینه */
.we3-drawer-dim{
  position:fixed; inset:0; background:var(--we3-dim);
  -webkit-backdrop-filter:saturate(120%) blur(2px);
          backdrop-filter:saturate(120%) blur(2px);
  z-index:1100; opacity:0; transition:opacity .2s ease; pointer-events:none;
}
.we3-drawer-dim.show{ opacity:1; pointer-events:auto }

/* 4) خود دراور (از راست، RTL-friendly) */
.we3-drawer{
  position:fixed; inset:0 0 0 auto; /* right-side drawer */
  width:min(92vw, var(--we3-drawer-w)); max-width:100%;
  background:var(--we3-surface); color:var(--we3-text);
  z-index:1110;
  transform:translateX(100%) !important; /* قطعی: خارج از دید شروع کند */
  transition:transform .26s ease;
  display:flex; flex-direction:column;
  box-shadow:-8px 0 28px rgba(0,0,0,.18);
  overscroll-behavior:contain;
}
.we3-drawer.show{ transform:translateX(0) !important }

/* 5) ریست‌ها داخل دراور برای جلوگیری از بولت و فاصله‌های ناخواسته */
.we3-drawer, .we3-drawer *{ box-sizing:border-box }
.we3-drawer ul, .we3-drawer li{ list-style:none !important; margin:0; padding:0 }

/* 6) هدر کوچک دراور */
.we3-drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px; border-bottom:1px solid #f1f5f9;
}
.we3-drawer-close{
  background:transparent; border:0; font-size:22px; line-height:1; cursor:pointer;
  width:36px; height:36px; display:grid; place-items:center; border-radius:10px;
}
.we3-drawer-login{ font-weight:800; color:#d10d0d; text-decoration:none }

/* 7) ابزارک‌ها (اختیاری: تم/جستجو) */
.we3-drawer-tools{
  display:flex; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid #f1f5f9
}
.we3-theme-toggle{
  width:36px; height:36px; border-radius:50%;
  border:1px solid var(--we3-border); background:#fff; cursor:pointer
}

/* 8) لیست منو + رفتار والد/زیرمنو */
.we3-drawer-nav{
  overflow:auto; -webkit-overflow-scrolling:touch;
}

/* آیتم‌های سطح اول */
.we3-drawer-menu, .we3-drawer-menu ul{ margin:0; padding:0 }
.we3-drawer-menu > li{ position:relative } /* برای فلش absolute */
.we3-drawer-menu > li > a{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:16px 14px; text-decoration:none; color:inherit; font-weight:800;
  border-bottom:1px solid #f1f5f9;
  /* جا برای فلش تاگل در آیتم‌های والد */
  padding-inline-end:56px;
}
/* حذف فلش شبه‌عنصر قدیمی */
.we3-drawer-menu > li.menu-item-has-children > a::after{ content:none }

/* دکمه فلش مستقل برای تاگل زیرمنو */
.we3-sub-toggle{
  position:absolute; inset-inline-end:12px; top:50%; transform:translateY(-50%);
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid var(--we3-border); border-radius:10px;
  background:#fff; cursor:pointer; z-index:2; user-select:none;
}
.we3-sub-toggle::before{
  content:"‹"; transform:scaleX(-1);
  font-size:18px; opacity:.85;
}
/* وقتی آیتم باز است، جهت فلش عوض شود */
.we3-open > .we3-sub-toggle::before{ content:"›"; transform:none }

/* زیرمنوها (هر دو حالت sub-menu و ul) */
.we3-drawer .sub-menu,
.we3-drawer li > ul{
  display:none; padding:8px 8px 12px;
  background:#fafafa; border-bottom:1px solid #f1f5f9
}
.we3-drawer .sub-menu a,
.we3-drawer li > ul a{
  display:flex; align-items:center; gap:8px;
  padding:10px 8px; text-decoration:none; color:#111; font-weight:600; border-radius:10px;
}
.we3-drawer .sub-menu a:hover,
.we3-drawer li > ul a:hover{ background:#f3f4f6 }
.we3-open > .sub-menu,
.we3-open > ul{ display:block }

/* 9) CTA (ثبت بازخورد) */
.we3-drawer-cta{
  display:block; margin:12px 14px; text-align:center; background:#ff2d2d; color:#fff;
  border-radius:12px; padding:12px 10px; text-decoration:none; font-weight:900;
}

/* 10) آیکن‌های کوچک پایین (حذف شده) */
.we3-drawer-footer{ display:none !important }

/* 11) حالت تیره */
html[data-theme="dark"] .we3-drawer{
  background:#0f172a; color:#e5e7eb
}
html[data-theme="dark"] .we3-drawer .sub-menu,
html[data-theme="dark"] .we3-drawer li > ul{
  background:#0b1220; border-color:#1f2937
}
html[data-theme="dark"] .we3-sub-toggle{
  background:#1e293b; border-color:#334155; color:#e5e7eb
}
html[data-theme="dark"] .we3-theme-toggle{
  background:#1e293b; border-color:#334155; color:#e5e7eb
}

/* 12) دسترس‌پذیری و جزئیات ریز */
.we3-drawer a:focus-visible,
.we3-sub-toggle:focus-visible,
.we3-drawer-close:focus-visible{
  outline:2px solid #2563eb; outline-offset:2px; border-radius:10px;
}
@media (prefers-reduced-motion: reduce){
  .we3-drawer{ transition:none }
  .we3-drawer-dim{ transition:none }
}


/* ===== Submenu force rules (robust) ===== */
.we3-drawer li > ul,
.we3-drawer li > .sub-menu{
  display:none; padding:8px 8px 12px;
  background:#fafafa; border-bottom:1px solid #f1f5f9;
}

.we3-drawer li.we3-open > ul,
.we3-drawer li.we3-open > .sub-menu{
  display:block !important; /* هرچی قبلش بوده، رو غلبه بده */
}

/* دکمه فلش مطمئن بالاتر از لینک قرار بگیرد */
.we3-drawer-menu > li{ position:relative }
.we3-sub-toggle{
  position:absolute; inset-inline-end:12px; top:50%; transform:translateY(-50%);
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid var(--we3-border); border-radius:10px;
  background:#fff; cursor:pointer; z-index:5; user-select:none;
}
.we3-sub-toggle::before{ content:"‹"; transform:scaleX(-1); font-size:18px; opacity:.85 }
.we3-open > .we3-sub-toggle::before{ content:"›"; transform:none }

/* لینک والد جا برای فلش داشته باشد */
.we3-drawer-menu > li > a{ padding-inline-end:56px }
.we3-drawer-menu > li.menu-item-has-children > a::after{ content:none }

/* ===== Hide header quick icons on mobile (when drawer is closed) ===== */

/* مخفی‌کردن آیکن‌های هدر در موبایل */
@media (max-width:980px){
  .we3-hide-on-mobile{ display:none !important; }
}




/* Sidebar: disable sticky on mobile */
@media (max-width: 980px){
  .we3-sidebar{
    position: static !important;
    top: auto !important;
  }
}



/* Suggest card – mobile refinements */
.we3-suggest .close{
  z-index: 5;                /* بالاتر از لینک قرار بگیره */
  pointer-events: auto;      /* حتماً کلیک بخوره */
}

@media (max-width:500px){
  /* خود کارت جمع‌وجورتر */
  .we3-s-row{
    width: min(92vw, 200px) !important;  /* از 360px به ~260px */
    border-radius: 14px;
  }
  .we3-s-row .thumb{ aspect-ratio: 16/9; }
  .we3-s-row .we3-s-body{
    padding: 10px !important;
  }
  .we3-s-title{
    font-size: .92rem !important;
    -webkit-line-clamp: 2;
  }
  .we3-s-cta{ font-size: .85rem !important; }

  /* دکمه بستن در موبایل واضح‌تر و کمی بزرگ‌تر */
  .we3-suggest .close{
    top: 4px; inset-inline-start: 4px;
    width: 28px; height: 28px;
    line-height: 28px; font-size: 16px;
    background: rgba(0,0,0,.55); /* کنتراست بهتر روی تصویر */
    border-radius: 50%;
    backdrop-filter: blur(3px);
  }
}

/* Global justify for article/page content (desktop & mobile) */
.we3-content,
.we3-content .we3-article,
.we3-content .we3-article p,
.we3-content .we3-article li,
.we3-content .we3-article blockquote{
  text-align: justify !important;
  text-justify: inter-word;
  line-height: 1.9;
  word-spacing: .05em;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* اگر جایی برای تیترها راست‌چین اجباری داشت، این تیترها هم جاستیفای شوند */
.we3-content .we3-article h2,
.we3-content .we3-article h3,
.we3-content .we3-article h4{
  text-align: justify !important;
}

/* === HOT TODAY (Mega) — overlay title on thumbnail (non-breaking) === */
:root{
  --we3-hot-thumb-h: 160px; /* ارتفاع عکس کارت‌های داغ‌ها در مگامنو */
}

.we3-mega-hot .we3-mega-card{
  /* از دو ستونه به تک‌ستونه تبدیل می‌کنیم، اما فقط در پنل داغ‌ها */
  grid-template-columns: 1fr !important;
  position: relative;
  overflow: hidden;
  border-radius: 12px; /* هماهنگ با بقیه */
}

.we3-mega-hot .we3-mega-card img{
  width: 100%;
  height: var(--we3-hot-thumb-h);
  object-fit: cover;
  display: block;
  transition: transform .25s ease;
}

.we3-mega-hot .we3-mega-card:hover img{
  transform: scale(1.03);
}

.we3-mega-hot .we3-mega-card .t{
  /* عنوان را روی عکس بیار پایین با گرادیان */
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: 10px 12px;
  margin: 0;
  font-weight: 800;
  line-height: 1.35;
  color: #fff;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.70) 100%);
}

/* متن خلاصه زیر عنوان را در نسخه overlay پنهان کن (در صورت نیاز دوباره نمایش بده) */
.we3-mega-hot .we3-mega-card .m{
  display: none;
}



/* === HEADER Dark & Refined Layout === */
.we3-header {
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* ردیف درونی: محدودیت عرض و چینش وسط */
.we3-nav-row {
  max-width: 1240px;   /* عرض منطقی، قابل تنظیم */
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;         /* ارتفاع معقول برای دسکتاپ */
}

/* آیتم‌ها و آیکن‌ها */
.we3-nav-row a,
.we3-nav-row button {
  color: #fff;
  transition: color .2s ease, opacity .2s ease;
}

.we3-nav-row a:hover,
.we3-nav-row button:hover {
  color: #f0c040;       /* طلایی برای hover */
  opacity: 1;
}

/* برند (لوگو) */
.we3-brand img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
}

/* منوی اصلی */
.we3-primary-menu {
  background: transparent;
  color: #fff;
}

/* اقدامات سمت راست (آیکن‌ها) */
.we3-nav-actions {
  display: flex;
  gap: 14px;
  align-items: center;
}

/* آیکن‌ها */
.we3-nav-actions .ico {
  font-size: 1.2rem;
  color: #fff;
  transition: color .2s ease, transform .2s ease;
}
.we3-nav-actions .ico:hover {
  color: #f0c040;
  transform: scale(1.1);
}

/* در حالت تاریک – همان ظاهر حفظ شود */
[data-theme="dark"] .we3-header {
  background: rgba(0,0,0,0.95);
  border-color: rgba(255,255,255,0.1);
}

/* در موبایل کمی فشرده‌تر */
@media (max-width: 980px) {
  .we3-nav-row {
    height: 60px;
    padding: 0 16px;
  }
  .we3-brand img {
    max-height: 44px;
  }
}




/* === Submenu visibility fix for light theme === */

/* فقط وقتی قالب در حالت روشن است */
[data-theme="light"] .we3-header .sub-menu,
[data-theme="light"] .we3-header .we3-mega,
[data-theme="light"] .we3-header .we3-mega-cols,
[data-theme="light"] .we3-header .we3-mega-hot {
  background-color: #111 !important; /* پس‌زمینه‌ی تیره‌تر برای خوانایی */
  color: #fff !important;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

/* لینک‌ها در زیرمنو */
[data-theme="light"] .we3-header .sub-menu a,
[data-theme="light"] .we3-header .we3-mega a {
  color: #f8f8f8 !important;
  transition: color .2s ease, background .2s ease;
}

/* رنگ hover در زیرمنو */
[data-theme="light"] .we3-header .sub-menu a:hover,
[data-theme="light"] .we3-header .we3-mega a:hover {
  background-color: rgba(255,255,255,0.08);
  color: #f0c040 !important; /* طلایی هماهنگ با آیکن‌های هدر */
}

/* تیترها یا heading داخل مگامنو */
[data-theme="light"] .we3-header .we3-mega h3,
[data-theme="light"] .we3-header .we3-mega .t {
  color: #fff !important;
}

/* در حالت تاریک تغییری ندهیم؛ تنظیمات قبلی برقرار است */




/* دکمه همبرگری همیشه کنتراست داشته باشد */
.we3-nav-toggle{
  background: rgba(0,0,0,.35);   /* اگر بک‌گراند سفید بود، تضاد ایجاد کند */
  color:#fff;                    /* برای آیکن فونتی یا SVG با currentColor */
  border-radius:12px;
  width:40px; height:40px;
  display:grid; place-items:center;
}

/* اگر SVG است: رنگ خطوط از currentColor بیاید */
.we3-nav-toggle svg{ fill:currentColor; stroke:currentColor; }

/* وقتی هدر روشن است هم تضاد حفظ شود */
[data-theme="light"] .we3-nav-toggle{ background: rgba(0,0,0,.45); color:#fff; }
/* اگر هدر تیره است، می‌توانی روشن‌ترش کنی */
[data-theme="dark"] .we3-nav-toggle{ background: rgba(255,255,255,.12); color:#fff; }

/* فقط در موبایل نمایش بده، در دسکتاپ پنهان کن */
@media (min-width: 981px) {
  .we3-nav-toggle {
    display: none !important;
  }
}









/* ==== Card wrapper for the two-column area on single ==== */
.we3-columns-card{
  background: var(--we3-surface, #fff);
  border: 1px solid var(--we3-border, #e5e7eb);
  border-radius: var(--we3-radius-lg, 14px);
  box-shadow: var(--we3-shadow, 0 6px 24px rgba(0,0,0,.06));
  padding: clamp(14px, 2vw, 22px);
  margin: clamp(10px, 2vw, 18px) 0;
}

/* خط جداکننده خیلی لطیف بین دو ستون فقط در دسکتاپ */
@media (min-width: 981px){
  .we3-columns-card .we3-grid{
    align-items: start;
  }
  .we3-columns-card .we3-grid > .we3-content{
    border-inline-start: 1px dashed var(--we3-border, #e5e7eb);
    padding-inline-start: clamp(12px, 1.5vw, 18px);
  }
}

/* دارک مود */
@media (prefers-color-scheme: dark){
  .we3-columns-card{
    background: var(--we3-surface-dark, #0f172a);
    border-color: var(--we3-border-dark, #1f2937);
    box-shadow: var(--we3-shadow-strong, 0 8px 28px rgba(0,0,0,.35));
  }
}







/* ==== Breadcrumb: inline & numbered ==== */
.we3-bc-nums{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1rem; counter-reset:we3bc; direction:rtl; }
.we3-bc-nums>li{ display:inline-flex; align-items:center; color:var(--we3-muted,#6b7280); }
.we3-bc-nums>li::before{ counter-increment:we3bc; content:counter(we3bc) "."; margin-inline:.25rem; opacity:.8; }
.we3-bc-nums a{ color:var(--we3-link,#2563eb); text-decoration:none; }
.we3-bc-nums a:hover{ text-decoration:underline; }
.we3-bc-nums>li[aria-current="page"]{ color:var(--we3-foreground,#111827); font-weight:600; }
@media (prefers-color-scheme: dark){
  .we3-bc-nums>li{ color:#cbd5e1; }
  .we3-bc-nums a{ color:#60a5fa; }
  .we3-bc-nums>li[aria-current="page"]{ color:#e5e7eb; }
}



/* اگر .we3-bc داخل .we3-bc بود، قابِ داخلی را حذف کن */
.we3-bc .we3-bc {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* سایز و فاصلهٔ جمع‌وجور برای لیست عددی داخل */
.we3-bc .we3-bc-nums {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; flex-wrap: wrap; align-items: center;
  gap: .3rem .6rem;
  font-size: .85rem;      /* کوچک‌تر */
  direction: rtl;
}

.we3-bc .we3-bc-nums > li {
  display: inline-flex; align-items: center;
  color: var(--we3-muted, #6b7280);
}

.we3-bc .we3-bc-nums > li::before {
  counter-increment: we3bc;
  content: counter(we3bc) ".";
  margin-inline: .2rem;
  opacity: .8;
}

.we3-bc .we3-bc-nums a {
  color: var(--we3-link, #2563eb);
  text-decoration: none;
  padding: 0 .4rem;       /* بدون چیپ داخلی */
  background: transparent;
  border: 0;
}
.we3-bc .we3-bc-nums a:hover { text-decoration: underline; }

.we3-bc .we3-bc-nums > li[aria-current="page"] {
  color: var(--we3-accent, #2563eb);
  font-weight: 700;
}

/* دارک‌مود (هم ترجیح سیستم، هم سوییچر داخلی) */
@media (prefers-color-scheme: dark){
  .we3-bc .we3-bc-nums > li { color:#d1d5db; }
  .we3-bc .we3-bc-nums a { color:#93c5fd; }
  .we3-bc .we3-bc-nums a:hover { color:#bfdbfe; }
  .we3-bc .we3-bc-nums > li[aria-current="page"] { color:#f1f5f9; }
}
.dark .we3-bc .we3-bc-nums > li,
[data-theme="dark"] .we3-bc .we3-bc-nums > li { color:#d1d5db; }
.dark .we3-bc .we3-bc-nums a,
[data-theme="dark"] .we3-bc .we3-bc-nums a { color:#93c5fd; }
.dark .we3-bc .we3-bc-nums a:hover,
[data-theme="dark"] .we3-bc .we3-bc-nums a:hover { color:#bfdbfe; }
.dark .we3-bc .we3-bc-nums > li[aria-current="page"],
[data-theme="dark"] .we3-bc .we3-bc-nums > li[aria-current="page"] { color:#f1f5f9; }


/* === Inline code (light & dark mode) === */
.we3-article code {
  direction: ltr;
  unicode-bidi: plaintext;
  background: #f1f5f9;        /* روشن */
  color: #0f172a;             /* تیره برای خوانایی */
  padding: .12em .35em;
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.92em;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Dark mode (both system & manual theme) */
@media (prefers-color-scheme: dark),
[data-theme="dark"],
.dark {
  .we3-article code {
    background: #1e293b;      /* آبی-خاکستری تیره */
    color: #e2e8f0;           /* سفید ملایم برای خوانایی */
  }
}






.we3-footer{ 
  background: radial-gradient(1200px 500px at 80% 0%, rgba(255,90,42,.22), transparent 55%),
              radial-gradient(1000px 500px at 10% 10%, rgba(37,99,235,.20), transparent 60%),
              linear-gradient(180deg,#0b1220,#070b14) !important;
}
.we3-footer-bottom{ background: rgba(0,0,0,.18) !important; }