/* ===============================
   we3game — Archive CSS (Final)
   =============================== */

/* دسترس‌پذیری */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ===== Grid ===== */
.we3-archive-grid{--gap:20px;display:grid;grid-template-columns:1fr;gap:var(--gap);padding:10px 0}
@media (min-width:640px){.we3-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.we3-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== Card ===== */
.we3-card{display:flex;flex-direction:column;background:#0b0f18;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25);min-height:100%;direction:rtl;transition:transform .15s ease}
.we3-card:hover{transform:translateY(-4px)}
.we3-card__thumb{position:relative;display:block;aspect-ratio:16/10;background:#0f172a;overflow:hidden}
.we3-card__img,.we3-card__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.we3-card__placeholder{background:linear-gradient(135deg,#2a2f3b,#1b1f2a)}
.we3-card__badge{position:absolute;top:10px;right:10px;font-size:11px;line-height:1;padding:6px 10px;background:rgba(255,255,255,.9);color:#111;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:2}

.we3-card__body{display:flex;flex-direction:column;gap:8px;padding:16px;background:rgba(255,255,255,.02)}
.we3-card__title{margin:0;font-size:17px;font-weight:900;line-height:1.6}
.we3-card__title a,
.we3-card__title a:link,
.we3-card__title a:visited{color:#ffffff!important;text-decoration:none!important}
.we3-card__title a:hover{color:#f8fafc!important;text-decoration:underline!important}

.we3-card__meta{margin-top:2px}
.we3-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;list-style:none;padding:0;margin:0;font-size:12.5px;color:#cbd5e1;opacity:.95}
.we3-meta__item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.we3-meta__icon{width:16px;height:16px;flex:0 0 16px;fill:currentColor;opacity:.9}
.we3-meta__item + .we3-meta__item::before{content:"•";opacity:.45;margin:0 4px}

.we3-card__excerpt{margin:0;color:#d1d5db!important;font-size:15px;line-height:1.9;opacity:.98}

/* فوتر کارت */
.we3-card__footer{margin-top:auto;padding:14px 16px 16px 16px}
.we3-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);text-decoration:none;font-size:14px;background:#fff;color:#111;transition:all .2s ease}
.we3-card__btn:hover{background:#f1f5f9}

/* ===== Load More ===== */
.we3-loadmore-wrap{text-align:center;margin:18px 0 8px}
#we3-loadmore{cursor:pointer;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#2563eb;color:#fff;box-shadow:0 10px 30px rgba(37,99,235,.35);transition:transform .12s ease,background .12s ease}
#we3-loadmore:hover{background:#1d4ed8;transform:translateY(-2px)}
#we3-loadmore:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* ===== Category Description Box ===== */
.we3-cat-description{max-width:820px;margin:30px auto 70px auto;padding:28px;background:rgba(17,24,39,.8);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);color:#e5e7eb;line-height:1.9;text-align:justify}
.we3-cat-description p{margin:0 0 1em}
.we3-cat-description :last-child{margin-bottom:0}

/* ===== Light Mode ===== */
@media (prefers-color-scheme:light){
  .we3-card{background:#fff;border-color:rgba(17,24,39,.08);box-shadow:0 10px 24px rgba(17,24,39,.08)}
  .we3-card__title a{color:#0b1220!important}
  .we3-card__excerpt{color:#f5f7fb!important}
  .we3-meta{color:#f5f7fb}
  .we3-card__btn{color:#0b1220!important;background:#fff;border-color:rgba(17,24,39,.1)}
  .we3-card__btn:hover{background:#f8fafc}
  .we3-cat-description{background:#fff;border-color:rgba(17,24,39,.08);color:#374151;box-shadow:0 10px 30px rgba(17,24,39,.08)}
}

/* ===== Very small screens ===== */
@media (max-width:360px){
  .we3-card__title{font-size:16px}
  .we3-card__excerpt{font-size:13px}
  .we3-card__footer{padding:12px}
  .we3-card__btn{padding:9px 12px;font-size:13px}
}










/* ====== Front Page (scoped) ====== */
.home .we3-container{ max-width:1380px; margin:0 auto; padding:0 20px; }
.home .we3-section{ margin-block:22px; }
.home .we3-block{
  background: var(--panel-bg,#fff);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  padding: 16px;
}
.home [data-theme="dark"] .we3-block{
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.12);
}

/* --- Featured Slider --- */
.home .we3-featured .we3-sec-title{ margin:0 0 12px; }
.home .we3-featured-swiper{ position:relative; overflow:hidden; }
.home .we3-featured-swiper .swiper-wrapper,
.home .we3-featured-swiper .swiper-slide{ height:100% !important; }
.home .we3-slide-card{
  position:relative; border-radius:18px; overflow:hidden;
  height:clamp(320px,56vw,560px);
}
.home .we3-slide-bg{ position:absolute; inset:0; }
.home .we3-slide-bg img{ width:100%; height:100%; object-fit:cover; display:block; }
.home .we3-slide-overlay{
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.65) 10%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.05) 100%);
}
.home .we3-slide-content{ position:absolute; inset-inline:24px; bottom:22px; color:#fff; max-width:900px; }
.home .we3-slide-title{ margin:6px 0 10px; font-weight:800; line-height:1.25; font-size:clamp(20px,5vw,48px); }
.home .we3-slide-title a{ color:#fff; text-decoration:none; }
.home .we3-slide-excerpt{ margin:0 0 8px; font-size:clamp(13px,2.2vw,16px); opacity:.95; }
.home .we3-slide-meta{ font-size:.9rem; opacity:.9; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.home .we3-chip{ display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.5); color:#fff; font-size:.85rem; text-decoration:none; margin-bottom:6px; }

/* Swiper controls */
.home .we3-featured .swiper-button-prev,
.home .we3-featured .swiper-button-next{
  width:42px;height:42px;border-radius:50%;
  background:rgba(0,0,0,.45);
}
.home .we3-featured .swiper-button-prev:after,
.home .we3-featured .swiper-button-next:after{ font-size:18px; color:#fff; }
.home .we3-featured .swiper-pagination-bullet{ background:#fff; opacity:.5 }
.home .we3-featured .swiper-pagination-bullet-active{ opacity:1 }

/* --- Layout: main + sidebar --- */
.home .we3-layout{ display:grid; grid-template-columns:1fr; gap:24px; }
@media (min-width:992px){
  .home .we3-layout{ grid-template-columns:minmax(0,1fr) 300px; }
}

/* --- Grid helpers --- */
.home .we3-grid{ display:grid; gap:18px; }
.home .we3-grid-3{ grid-template-columns:1fr; }
@media (min-width:768px){ .home .we3-grid-3{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .home .we3-grid-3{ grid-template-columns:repeat(3,1fr); } }

/* --- Cards --- */
.home .post-card{ background:var(--card-bg,rgba(0,0,0,.03)); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; height:100%; }
.home .post-card__thumb img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; }
.home .post-card__body{ padding:12px; display:flex; flex-direction:column; gap:6px; flex:1; }
.home .post-card__title{ font-size:1rem; line-height:1.5; margin:0; }
.home .post-card__meta{ font-size:.8rem; opacity:.85; }
.home .post-card__excerpt{ font-size:.9rem; opacity:.95; margin:0; }

/* --- Ultra Posts grid (آخرین مقالات) --- */
.home .ultra-posts .u-grid{ display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:768px){ .home .ultra-posts .u-grid{ grid-template-columns:repeat(3,1fr); } }




/* ==========================================================
   ULTRA POSTS — Full CSS (heading centered + title overlay + dark-mode)
   ========================================================== */

/* ظرف اصلی شورت‌کد */
.we3-latest .ultra-posts,
.ultra-posts{
  --ultra-radius: 16px;
}

/* 1) هدر: قرصی و دقیقاً وسط‌چین */
.we3-latest .ultra-posts .u-heading,
.ultra-posts .u-heading{
  display:block;
  width:max-content;
  margin:0 auto 22px;
  text-align:center;
  font-weight:800;
  font-size:clamp(22px, 5vw, 34px);
  padding:10px 26px;
  border-radius:9999px;
  color:#fff !important;
  background:linear-gradient(135deg, #ff3b3b, #ff7a18);
  box-shadow:0 6px 16px rgba(255,80,40,.25), inset 0 0 0 1px rgba(255,255,255,.15);
  transition:transform .25s ease, filter .25s ease, box-shadow .25s ease;
}
.we3-latest .ultra-posts .u-heading:hover,
.ultra-posts .u-heading:hover{
  transform:translateY(-2px);
  filter:saturate(115%);
  box-shadow:0 12px 24px rgba(255,80,40,.35), inset 0 0 0 1px rgba(255,255,255,.25);
}
[data-theme="dark"] .ultra-posts .u-heading{
  box-shadow:0 6px 18px rgba(255,80,40,.4), inset 0 0 0 1px rgba(255,255,255,.08);
}

/* 2) شبکه کارت‌ها */
.ultra-posts .u-grid{ margin-top:24px; }

/* 3) کارت: آماده‌سازی برای اوورلی عنوان روی عکس */
.ultra-posts .u-card{
  position:relative;
  overflow:hidden;
  border-radius:var(--ultra-radius);
  background:#0b1220;                  /* fallback قبل از لود تصویر */
  border:1px solid #e5e7eb;
  box-shadow:0 4px 22px rgba(0,0,0,.12);
  transition:transform .18s ease, box-shadow .18s ease;
}
.ultra-posts .u-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

/* تصویر و چیپ */
.ultra-posts .u-thumb{ position:relative; display:block; z-index:0; }
.ultra-posts .u-thumb img{
  display:block; width:100%; height:auto;
  aspect-ratio:16/9; object-fit:cover;
}

/* چیپ دسته بالا-چپ روی تصویر (اگر هست) */
.ultra-posts .u-thumb .u-chip{
  position:absolute; top:10px; left:10px;
  z-index:2;
  padding:6px 10px; border-radius:9999px;
  background:rgba(0,0,0,.6);
  color:#fff; font-weight:700; font-size:.85rem;
  backdrop-filter:saturate(140%) blur(2px);
}

/* گرادیان پایین تصویر برای خوانایی عنوان */
.ultra-posts .u-card::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:50%;
  background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0));
  z-index:1; pointer-events:none;
}

/* 4) عنوان: اوورلی روی عکس */
.ultra-posts .u-card .u-title{
  position:absolute; left:12px; right:12px; bottom:12px;
  z-index:2; margin:0;
  font-size:clamp(15px, 2.4vw, 20px);
  line-height:1.45; font-weight:800;
  color:#fff !important;
  text-shadow:0 2px 5px rgba(0,0,0,.7);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ultra-posts .u-card .u-title a{ color:#fff !important; text-decoration:none; }

/* 5) بدنه‌ی کارت (متا، خلاصه، دکمه) */
.ultra-posts .u-body{ padding:12px; }
.ultra-posts .u-meta{ color:#fff; font-size:.9rem; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.ultra-posts .u-meta .u-dot{ width:4px; height:4px; border-radius:50%; background:currentColor; display:inline-block; opacity:.6; }
.ultra-posts .u-excerpt{ margin:10px 0 0; color:#475569; line-height:1.7; }

/* 6) دکمه "نمایش مطالب بیشتر" (وسط‌چین و گرادیانی) */
.ultra-posts .u-loadmore-wrap{ display:flex; justify-content:center; margin-top:28px; }
.ultra-posts .u-loadmore-btn{
  background:linear-gradient(135deg, #06b6d4, #3b82f6);
  color:#fff !important; font-weight:700;
  padding:10px 28px; border:0; border-radius:9999px;
  font-size:1rem; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  box-shadow:0 6px 16px rgba(59,130,246,.25), inset 0 0 0 1px rgba(255,255,255,.15);
}
.ultra-posts .u-loadmore-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(59,130,246,.35), inset 0 0 0 1px rgba(255,255,255,.25);
  filter:brightness(1.06);
}
.ultra-posts .u-loadmore-btn[aria-busy="true"]{ opacity:.75; cursor:wait; }

/* 7) دارک‌مود: کنتراست بالا و خوانایی تضمین‌شده */
[data-theme="dark"] .ultra-posts .u-card{
  background:#0f172a;
  border-color:#1e293b;
  box-shadow:0 4px 24px rgba(0,0,0,.35);
}
[data-theme="dark"] .ultra-posts .u-card::after{
  background:linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.25));
}
[data-theme="dark"] .ultra-posts .u-thumb img{
  filter:brightness(0.82) contrast(1.05);
}
[data-theme="dark"] .ultra-posts .u-meta{ color:#cbd5e1; }
[data-theme="dark"] .ultra-posts .u-excerpt{ color:#e5e7eb; }















/* ===== ULTRA: force title overlay on image ===== */

/* والد مرجع موقعیت */
.ultra-posts .u-card{ position: relative; }

/* مطمئن شو .u-body کانتکست موقعیت ایجاد نمی‌کند */
.ultra-posts .u-card .u-body{ position: static !important; background: transparent; }

/* عنوان را مطلقاً روی پایینِ تصویر بچسبان */
.ultra-posts .u-card .u-title{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 3 !important;
  margin: 0 !important;
  color: #fff !important;
  font-weight: 800;
  font-size: clamp(15px, 2.4vw, 20px);
  line-height: 1.45;
  text-shadow: 0 2px 5px rgba(0,0,0,.7);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ultra-posts .u-card .u-title a{ color:#fff !important; text-decoration:none; }

/* گرادیان زیرِ عنوان برای خوانایی */
.ultra-posts .u-card::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:50%;
  background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0));
  z-index: 2;
  pointer-events: none;
}

/* تصویر کمی تیره‌تر در دارک مود تا کنتراست بیشتر شود */
[data-theme="dark"] .ultra-posts .u-thumb img{
  filter: brightness(0.82) contrast(1.05);
}


/* ===== ULTRA POSTS — full, final ===== */

.ultra-posts{ --ultra-radius:16px; }

/* هدر وسط‌چین قرصی */
.ultra-posts .u-heading{
  display:block; width:max-content; margin:0 auto 22px; text-align:center;
  font-weight:800; font-size:clamp(22px,5vw,34px);
  padding:10px 26px; border-radius:9999px; color:#fff !important;
  background:linear-gradient(135deg,#ff3b3b,#ff7a18);
  box-shadow:0 6px 16px rgba(255,80,40,.25), inset 0 0 0 1px rgba(255,255,255,.15);
  transition:transform .25s ease, filter .25s ease, box-shadow .25s ease;
}
.ultra-posts .u-heading:hover{
  transform:translateY(-2px); filter:saturate(115%);
  box-shadow:0 12px 24px rgba(255,80,40,.35), inset 0 0 0 1px rgba(255,255,255,.25);
}

/* کارت و تصویر */
.ultra-posts .u-card{
  position:relative; overflow:hidden; border-radius:var(--ultra-radius);
  background:#0b1220; border:1px solid #e5e7eb;
  box-shadow:0 4px 22px rgba(0,0,0,.12);
  transition:transform .18s ease, box-shadow .18s ease;
}
.ultra-posts .u-card:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.18); }

.ultra-posts .u-thumb{ position:relative; display:block; z-index:0; }
.ultra-posts .u-thumb img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }

/* چیپ دسته */
.ultra-posts .u-thumb .u-chip{
  position:absolute; top:10px; left:10px; z-index:3;
  padding:6px 10px; border-radius:9999px; background:rgba(0,0,0,.6);
  color:#fff; font-weight:700; font-size:.85rem; backdrop-filter:saturate(140%) blur(2px);
}

/* گرادیان پایین عکس برای خوانایی عنوان */
.ultra-posts .u-thumb::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:50%;
  background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0)); z-index:1; pointer-events:none;
}

/* عنوان روی عکس (الان داخل .u-thumb است) */
.ultra-posts .u-title{
  position:absolute; left:12px; right:12px; bottom:12px; z-index:2;
  margin:0; color:#fff !important; font-weight:800; line-height:1.45;
  font-size:clamp(15px,2.4vw,20px); text-shadow:0 2px 5px rgba(0,0,0,.7);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* بدنه‌ی کارت */
.ultra-posts .u-body{ padding:12px; }
.ultra-posts .u-meta{
  color:#334155; font-size:.9rem; display:flex; gap:8px; align-items:center; flex-wrap:wrap;
}
.ultra-posts .u-meta .u-dot{ width:4px; height:4px; border-radius:50%; background:currentColor; opacity:.6; display:inline-block; }
.ultra-posts .u-excerpt{ margin:10px 0 0; color:#475569; line-height:1.7; }

/* دکمه لودمور */
.ultra-posts .u-loadmore-wrap{ display:flex; justify-content:center; margin-top:28px; }
.ultra-posts .u-loadmore-btn{
  background:linear-gradient(135deg,#06b6d4,#3b82f6); color:#fff !important; font-weight:700;
  padding:10px 28px; border:0; border-radius:9999px; font-size:1rem; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  box-shadow:0 6px 16px rgba(59,130,246,.25), inset 0 0 0 1px rgba(255,255,255,.15);
}
.ultra-posts .u-loadmore-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(59,130,246,.35), inset 0 0 0 1px rgba(255,255,255,.25);
  filter:brightness(1.06);
}
.ultra-posts .u-loadmore-btn[aria-busy="true"]{ opacity:.75; cursor:wait; }

/* دارک‌مود */
[data-theme="dark"] .ultra-posts .u-card{ background:#0f172a; border-color:#1e293b; box-shadow:0 4px 24px rgba(0,0,0,.35); }
[data-theme="dark"] .ultra-posts .u-thumb::after{ background:linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.25)); }
[data-theme="dark"] .ultra-posts .u-thumb img{ filter:brightness(0.82) contrast(1.05); }
[data-theme="dark"] .ultra-posts .u-meta{ color:#cbd5e1; }
[data-theme="dark"] .ultra-posts .u-excerpt{ color:#e5e7eb; }





/* ===== پاک کردن سایه اضافی از پایین کارت ===== */

/* گرادیان فقط روی تصویر باقی بمونه */
.ultra-posts .u-thumb::after{
  bottom: 0;
  height: 55%; /* فقط نیمی از تصویر را پوشش بدهد */
}

/* اطمینان از اینکه بدنه روی گرادیان است */
.ultra-posts .u-body{
  position: relative;
  z-index: 3;
  background: var(--we3-card, #fff); /* برای حالت روشن */
}

[data-theme="dark"] .ultra-posts .u-body{
  background: var(--we3-dark-card, #0f172a); /* برای حالت دارک */
}

/* در صورت وجود گرادیان روی خود کارت، حذفش کن */
.ultra-posts .u-card::after{
  display: none !important;
}
/* ===== تراز دوطرفه توضیحات در کارت‌های ULTRA ===== */
.ultra-posts .u-excerpt {
  text-align: justify;
  text-justify: inter-word; /* فاصله بین کلمات */
}

























/* === Full-Width Header & Footer === */
.we3-header,
.we3-site-header,
.we3-navbar,
.we3-footer,
.we3-site-footer,
.we3-footer-top,
.we3-footer-bottom {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* حذف محدودیت کانتینر درون‌شون */
.we3-header .we3-container,
.we3-navbar .we3-container,
.we3-footer-top,
.we3-footer-bottom .we3-container {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* درون‌هدر و فوتر کمی فاصله از کناره‌ها برای زیبایی */
.we3-nav-row,
.we3-footer-grid,
.we3-footer-bottom .we3-container {
  padding-inline: clamp(16px, 3vw, 40px);
}














/* ===== Recent Discussed Posts: Horizontal image cards with title overlay ===== */

.we3-recent-discussed .we3-sec-title{
  font-weight:800;
}

.we3-cstrip{
  display:flex; gap:14px;
  overflow:auto; padding:8px 4px;
  scrollbar-width: thin;
}

.we3-cstrip-item{
  flex:0 0 auto;
  width: clamp(220px, 32vw, 360px);
  aspect-ratio: 16 / 9;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,.14);
  transition: transform .2s ease, box-shadow .2s ease;
  border: 1px solid rgba(0,0,0,.06);
  background:#0b1220; /* fallback قبل از لود تصویر */
}

.we3-cstrip-link{
  position:relative; display:block; height:100%;
  border-radius:inherit; overflow:hidden; text-decoration:none;
}

.we3-cstrip-link img{
  width:100%; height:100%; object-fit:cover; display:block;
}

.we3-cstrip-link::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:55%;
  background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0));
  z-index:1; pointer-events:none;
}

.we3-cstrip-title{
  position:absolute; left:12px; right:12px; bottom:12px;
  z-index:2; margin:0;
  color:#fff; font-weight:800;
  font-size: clamp(14px, 2.2vw, 18px);
  line-height:1.45;
  text-shadow: 0 2px 5px rgba(0,0,0,.7);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.we3-cstrip-item:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

/* Dark mode tweaks */
[data-theme="dark"] .we3-cstrip-item{
  background:#0f172a;
  border-color:#1f2937;
  box-shadow: 0 4px 22px rgba(0,0,0,.32);
}

[data-theme="dark"] .we3-cstrip-link img{
  filter: brightness(0.88) contrast(1.05);
}






/* ===== Home 3 Column Layout (Zoomg-like) ===== */

.home { 
  --we3-container: clamp(280px, 96vw, 1320px);
}

.we3-sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

.we3-home-grid{
  display:grid;
  grid-template-columns: 260px minmax(0,1fr) 320px;
  gap:24px;
  align-items:start;
  margin-top:18px;
}

/* باکس/کارت‌های ستون‌ها */
.we3-home-box,
.we3-home-left .widget,
.we3-home-right .widget{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  margin-bottom: 16px;
}

.we3-home-box-title{
  margin:0 0 10px;
  font-size:16px;
  font-weight:800;
}

/* Sticky فقط روی دسکتاپ */
@media (min-width: 961px){
  .we3-home-left,
  .we3-home-right{
    position: sticky;
    top: 86px;
  }
}

/* تبلت: دو ستون (وسط + راست)، چپ میاد زیر */
@media (max-width: 1200px){
  .we3-home-grid{
    grid-template-columns: minmax(0,1fr) 320px;
    grid-template-areas:
      "main right"
      "left right";
  }
  .we3-home-left{ grid-area:left; }
  .we3-home-main{ grid-area:main; }
  .we3-home-right{ grid-area:right; }
}

/* موبایل: تک ستون */
@media (max-width: 960px){
  .we3-home-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "left"
      "right";
  }
  .we3-home-left,
  .we3-home-right{ position: static; }
}

/* ULTRA grid columns */
.ultra-posts .u-grid{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* پیش‌فرض 3 ستونه */
}

.ultra-posts.u-cols-1 .u-grid{ grid-template-columns: 1fr; }
.ultra-posts.u-cols-2 .u-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.ultra-posts.u-cols-3 .u-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.ultra-posts.u-cols-4 .u-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }

/* ریسپانسیو */
@media (max-width: 960px){
  .ultra-posts.u-cols-3 .u-grid,
  .ultra-posts.u-cols-4 .u-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 560px){
  .ultra-posts .u-grid{ grid-template-columns: 1fr; }
}

/* ULTRA columns override (must be after old rules) */
.ultra-posts.u-cols-1 .u-grid{ grid-template-columns:1fr !important; }
.ultra-posts.u-cols-2 .u-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
.ultra-posts.u-cols-3 .u-grid{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
.ultra-posts.u-cols-4 .u-grid{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; }

/* ریسپانسیو */
@media (max-width: 960px){
  .ultra-posts.u-cols-3 .u-grid,
  .ultra-posts.u-cols-4 .u-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 560px){
  .ultra-posts .u-grid{ grid-template-columns: 1fr !important; }
}






/* ========= ULTRA Card Readability (excerpt + meta) ========= */

/* متن خلاصه */
.ultra-posts .u-excerpt{
  margin: 10px 0 0;
  line-height: 1.9;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,.88);        /* خوانا روی بک‌گراند تیره */
  text-shadow: 0 1px 0 rgba(0,0,0,.35); /* کمی جدا از پس‌زمینه */
}

/* متا (نویسنده/تاریخ/زمان مطالعه) */
.ultra-posts .u-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(255,255,255,.78);
}

/* آیکون‌ها کمتر تو چشم */
.ultra-posts .u-meta span{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* نقطه‌های جداکننده (u-dot) اگر داری */
.ultra-posts .u-meta .u-dot{
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.35);
}

/* لینک ادامه مطلب هم حرفه‌ای‌تر */
.ultra-posts .u-more{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-weight: 800;
  color: rgba(255,255,255,.92);
  text-decoration: none;
}

.ultra-posts .u-more:hover{
  text-decoration: underline;
}



/* ===== ULTRA Heading (warm + site accent) ===== */
.ultra-posts .u-heading{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:0 0 14px;
  padding:12px 14px;

  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;

  font-size:16.5px;
  font-weight:900;
  line-height:1.4;

  color:#fff;
  border-radius:16px;

  /* گرم‌تر و نزدیک به رنگ سایت */
  background: linear-gradient(135deg,
    rgba(255, 74, 42, .95),
    rgba(255, 140, 0, .88)
  );
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 12px 26px rgba(255, 74, 42, .18);

  position:relative;
  overflow:hidden;
}

/* درخشش نرم */
.ultra-posts .u-heading::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 30% 30%,
    rgba(255,255,255,.22),
    rgba(255,255,255,0) 55%
  );
  transform: rotate(12deg);
  pointer-events:none;
}

/* نقطه/آیکن سمت راست */
.ultra-posts .u-heading::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 6px rgba(0,0,0,.12);
  flex:0 0 auto;
}

/* اگر داخل u-heading ایموجی هست، کمی مرتب‌تر */
.ultra-posts .u-heading span,
.ultra-posts .u-heading i{
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}

/* موبایل */
@media (max-width:560px){
  .ultra-posts .u-heading{
    font-size:15px;
    padding:10px 12px;
    border-radius:14px;
  }
}




/* ===== Ultra Load More Button (match site button) ===== */

.ultra-posts .u-loadmore-wrap{
  display:flex;
  justify-content:center;
  margin: 18px 0 34px;     /* فاصله از بالا و مخصوصاً از پایین */
  padding-bottom: 18px;    /* جلوگیری از چسبیدن به فوتر */
}

.ultra-posts .u-loadmore-btn{
  appearance:none;
  border:0;
  cursor:pointer;

  padding: 12px 22px;
  border-radius: 999px;

  font-size: 15px;
  font-weight: 900;
  line-height: 1;

  color:#fff;

  /* نزدیک به دکمه آبی خودت */
  background: linear-gradient(135deg, #09a6ff, #0b6dff);
  box-shadow: 0 12px 26px rgba(9,166,255,.22);

  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.ultra-posts .u-loadmore-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(9,166,255,.28);
}

.ultra-posts .u-loadmore-btn:active{
  transform: translateY(0);
  opacity: .95;
}

.ultra-posts .u-loadmore-btn[aria-busy="true"]{
  cursor: progress;
  opacity: .85;
}

/* موبایل */
@media (max-width:560px){
  .ultra-posts .u-loadmore-btn{
    width: 100%;
    max-width: 360px;
    padding: 12px 18px;
    font-size: 14px;
  }
}


/* ===== Ultra Load More: Full Width like heading ===== */

.ultra-posts .u-loadmore-wrap{
  display:block;
  width:100%;
  margin: 14px 0 34px;
  padding: 0 0 18px;
}

.ultra-posts .u-loadmore-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;

  border:0;
  cursor:pointer;

  padding: 12px 14px;
  border-radius: 16px;         /* گرد مثل heading */
  box-sizing:border-box;

  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  color:#fff;

  /* رنگ هماهنگ با سایت */
  background: linear-gradient(135deg, #09a6ff, #0b6dff);
  box-shadow: 0 12px 26px rgba(9,166,255,.22);

  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.ultra-posts .u-loadmore-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(9,166,255,.28);
}

.ultra-posts .u-loadmore-btn:active{
  transform: translateY(0);
  opacity:.95;
}

.ultra-posts .u-loadmore-btn[aria-busy="true"]{
  cursor:progress;
  opacity:.85;
}









/* ===== Sidebar posts box (Zoomg-like) ===== */
.we3-sb-box{ padding: 12px; }
.we3-sb-title{
  margin:0 0 10px;
  font-size:15px;
  font-weight:900;
}
.we3-sb-list{ display:flex; flex-direction:column; gap:10px; }
.we3-sb-item{
  display:flex;
  gap:10px;
  align-items:center;
  text-decoration:none;
}
.we3-sb-thumb{
  width:72px; height:52px;
  border-radius:10px;
  object-fit:cover;
  flex:0 0 auto;
}
.we3-sb-item-title{
  display:block;
  font-size:13.5px;
  font-weight:800;
  line-height:1.55;
  color: rgba(255,255,255,.92);
}
.we3-sb-item-meta{
  display:block;
  margin-top:4px;
  font-size:11.5px;
  color: rgba(255,255,255,.65);
}

/* ===== Sidebar box title: centered + stylish ===== */
.we3-sb-title{
  text-align:center;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 900;
  position: relative;
  padding: 8px 12px;
}

.we3-sb-title::before,
.we3-sb-title::after{
  content:"";
  position:absolute;
  top:50%;
  width: 26%;
  height: 2px;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.18));
  transform: translateY(-50%);
}

.we3-sb-title::before{ right: 8px; }
.we3-sb-title::after{
  left: 8px;
  background: linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,0));
}

/* یک نقطه رنگی وسط، هماهنگ با رنگ سایت */
.we3-sb-title span,
.we3-sb-title{
  --sb-accent: var(--we3-accent, #ff4a2a);
}
.we3-sb-title::marker{ content:""; } /* بی‌اثر */
.we3-sb-title{
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
}
.we3-sb-title{
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

/* ===== Sidebar items: image card + title overlay ===== */
.we3-sb-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.we3-sb-item{
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  border-radius:14px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.we3-sb-thumb{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
}

/* متن رو ببر روی عکس */
.we3-sb-text{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding: 12px 12px 10px;
  background: linear-gradient(to top,
    rgba(0,0,0,.78),
    rgba(0,0,0,.20) 55%,
    rgba(0,0,0,0) 75%
  );
}

.we3-sb-item-title{
  color:#fff;
  font-size: 13.5px;
  font-weight: 900;
  line-height: 1.55;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

/* متا کوچیک‌تر و کم‌رنگ‌تر (اختیاری) */
.we3-sb-item-meta{
  margin-top: 6px;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(255,255,255,.75);
}

/* هاور جذاب */
.we3-sb-item:hover .we3-sb-thumb{
  transform: scale(1.03);
  transition: transform .25s ease;
}
.we3-sb-item:hover{
  box-shadow: 0 14px 32px rgba(0,0,0,.10);
}





/* ===== WE3 PATCHES (Do not remove) ===== */
/* هر CSS جدیدی که من میدم، همین پایین اضافه کن */


/* ===== Header patches ===== */

.we3-nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.we3-mini-profile{
  display:flex;
  align-items:center;
  gap:8px;
}

.we3-nav-toggle,
.we3-search-toggle,
.we3-theme-toggle{
  border:0;
  cursor:pointer;
  border-radius:12px;
  padding:8px 10px;
  line-height:1;
}

/* Search bar show/hide (اگر hidden استفاده می‌کنی) */
.we3-searchbar[hidden]{ display:none !important; }


.we3-skip-link{
  position: absolute;
  top: -80px;
  right: 12px;
  z-index: 99999;
  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  transition: top .2s ease;
}
.we3-skip-link:focus{
  top: 12px;
}


/* =========================
   Single: Breadcrumb + TOC + CTA + Related
   ========================= */

:root{
  --we3-accent: var(--we3-accent, #ff4a2a);
  --we3-accent2: var(--we3-accent2, #ff8a00);
}

/* Breadcrumb */
.we3-bc-wrap{ margin: 10px 0 14px; }
.we3-bc{
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(255,74,42,.08), rgba(255,138,0,.06));
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.we3-bc-nums{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-weight:800;
  font-size:13px;
}
.we3-bc-nums li{
  display:flex;
  align-items:center;
  gap:8px;
}
.we3-bc-nums li:not(:last-child)::after{
  content:"›";
  opacity:.55;
}
.we3-bc-nums a{
  text-decoration:none;
  color: inherit;
  opacity:.9;
}
.we3-bc-nums a:hover{ opacity:1; }

/* Title */
.we3-post-title{
  margin: 10px 0 10px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7;
}

/* Meta chips */
.we3-meta{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 14px; }
.we3-chip{
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12.5px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.04);
}

/* Layout tweaks */
.we3-columns-card{ border-radius: 16px; overflow:hidden; }
@media (min-width: 980px){
  .we3-sidebar{ position: sticky; top: 92px; }
}

/* Author card */
.we3-author-card{
  border-radius:16px;
  padding:12px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.03);
}
.we3-author-name{ font-weight:900; margin-top:8px; }
.we3-author-bio{ margin-top:8px; font-size:12.5px; opacity:.8; line-height:1.8; }

/* CTA */
.we3-cta-box{
  margin-top: 12px;
  border-radius:16px;
  padding:14px;
  border:1px solid rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(255,74,42,.10), rgba(255,138,0,.06));
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.we3-cta-title{ font-weight:900; font-size:14px; }
.we3-cta-text{ margin-top:6px; font-size:12.5px; opacity:.85; line-height:1.8; }
.we3-cta-actions{ display:flex; gap:10px; margin-top:10px; }
.we3-cta-btn{
  flex:1;
  text-align:center;
  text-decoration:none;
  padding:10px 12px;
  border-radius:14px;
  font-weight:900;
  color:#fff;
  background: linear-gradient(135deg, #09a6ff, #0b6dff);
  box-shadow: 0 12px 26px rgba(9,166,255,.22);
}
.we3-cta-btn--ghost{
  color: inherit;
  background: rgba(255,255,255,.06);
  box-shadow:none;
  border:1px solid rgba(0,0,0,.10);
}

/* TOC */
.we3-toc{ margin: 14px 0 18px; }
.we3-toc details{
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.03);
  overflow:hidden;
}
.we3-toc summary{
  cursor:pointer;
  padding: 12px 14px;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(255,74,42,.10), rgba(255,138,0,.06));
}
.we3-toc nav{ padding: 10px 14px 14px; }
.we3-toc ol{ margin:0; padding:0 18px 0 0; }
.we3-toc a{ text-decoration:none; font-weight:800; opacity:.9; }
.we3-toc a:hover{ opacity:1; }

/* Related: skeleton */
.we3-r-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
@media (min-width: 768px){
  .we3-r-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }
}
.we3-r-skel{
  border-radius:16px;
  aspect-ratio: 16/10;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.04);
  position:relative;
  overflow:hidden;
}
.we3-r-skel::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  transform: rotate(10deg);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0));
  animation: we3Shimmer 1.2s linear infinite;
}
@keyframes we3Shimmer{
  0%{ transform: translateX(-40%) rotate(10deg); }
  100%{ transform: translateX(40%) rotate(10deg); }
}







/* =========================
   Comments (Pro - Light Fix)
   Paste at END of style.css
   ========================= */

.we3-comments .we3-c-head{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.08) !important;
}

.we3-comments .we3-c-title{ color:#111827 !important; }
.we3-comments .we3-c-sub{ color:#6b7280 !important; }

.we3-comments .we3-c-msg{
  color:#111827 !important;
  background:#f8fafc !important;
  border:1px solid rgba(0,0,0,.08) !important;
}

.we3-comments .we3-c-wrap{ margin-top:14px; }

.we3-comments .we3-comment{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.06) !important;
}

.we3-comments .we3-c-meta{
  color:#6b7280 !important;
}

.we3-comments .we3-c-author{
  color:#111827 !important;
}

.we3-comments .we3-c-text{
  color:#111827 !important;
  opacity:1 !important;
}

.we3-comments .we3-c-text a{
  color:#0b6dff;
  text-decoration:underline;
}
.we3-comments .we3-c-text a:hover{
  filter:brightness(0.9);
}

.we3-comments .we3-c-actions a{
  color:#374151 !important;
  background:#f8fafc !important;
  border:1px solid rgba(0,0,0,.08) !important;
}
.we3-comments .we3-c-actions a:hover{
  background:#eef2ff !important;
  color:#0b6dff !important;
  border-color:rgba(11,109,255,.25) !important;
}

/* nested replies (threaded) */
.we3-comments .children{
  margin-top:12px;
  padding-right:18px;
  border-right:2px solid rgba(0,0,0,.06);
}

/* form fields light */
.we3-comments .we3-c-form input[type="text"],
.we3-comments .we3-c-form input[type="email"],
.we3-comments .we3-c-form textarea{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(0,0,0,.10) !important;
}

.we3-comments .we3-c-form input:focus,
.we3-comments .we3-c-form textarea:focus{
  border-color:rgba(11,109,255,.55) !important;
  box-shadow:0 0 0 4px rgba(11,109,255,.12) !important;
}

/* like/dislike buttons on light */
.we3-comments .we3-like-btn,
.we3-comments .we3-dislike-btn{
  background:#f8fafc !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#111827 !important;
}
.we3-comments .we3-like-btn:hover,
.we3-comments .we3-dislike-btn:hover{
  background:#eef2ff !important;
  border-color:rgba(11,109,255,.25) !important;
  color:#0b6dff !important;
}









/* =========================
   Zoomit-like Replies + Report UI
   ========================= */

.we3-comments .we3-c-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:10px;
}

.we3-comments .we3-toggle-replies,
.we3-comments .we3-report-btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.08);
  background:#f8fafc;
  color:#374151;
  border-radius:10px;
  padding:7px 10px;
  font-size:13px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}

.we3-comments .we3-toggle-replies:hover,
.we3-comments .we3-report-btn:hover{
  background:#eef2ff;
  border-color:rgba(11,109,255,.25);
  transform:translateY(-1px);
}

.we3-comments .we3-toggle-replies .num{
  opacity:.75;
  font-variant-numeric:tabular-nums;
}

.we3-comments .we3-toggle-replies.is-open{
  background:#eef2ff;
  color:#0b6dff;
  border-color:rgba(11,109,255,.25);
}

.we3-comments .we3-report-btn{
  background:#fff7ed;
  border-color:rgba(234,88,12,.25);
  color:#9a3412;
}
.we3-comments .we3-report-btn:hover{
  background:#ffedd5;
  border-color:rgba(234,88,12,.35);
}

/* children smoother look */
.we3-comments .children{
  margin-top:12px;
  padding-right:16px;
  border-right:2px solid rgba(0,0,0,.06);
}

/* ===== Report Modal ===== */
.we3-report-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.we3-report-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.45);
  backdrop-filter: blur(2px);
}

.we3-report-card{
  position:relative;
  width:min(520px, 100%);
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  border-radius:16px;
  overflow:hidden;
}

.we3-report-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-bottom:1px solid rgba(0,0,0,.06);
}

.we3-report-title{
  font-weight:800;
  color:#111827;
  font-size:14px;
}

.we3-report-x{
  border:0;
  background:transparent;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:#64748b;
}

.we3-report-bd{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.we3-report-lbl{
  font-size:12px;
  color:#6b7280;
}

.we3-report-select,
.we3-report-ta{
  width:100%;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  color:#111827;
  outline:none;
}

.we3-report-select:focus,
.we3-report-ta:focus{
  border-color:rgba(11,109,255,.55);
  box-shadow:0 0 0 4px rgba(11,109,255,.12);
}

.we3-report-ft{
  padding:14px;
  display:flex;
  gap:10px;
  justify-content:flex-end;
  border-top:1px solid rgba(0,0,0,.06);
}

.we3-report-cancel,
.we3-report-send{
  border-radius:12px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.10);
  cursor:pointer;
  background:#f8fafc;
  color:#111827;
}

.we3-report-send{
  background:#0b6dff;
  border-color:rgba(11,109,255,.55);
  color:#fff;
}
.we3-report-send:disabled{
  opacity:.6;
  cursor:not-allowed;
}



/* =========================
   Spoiler (Zoomit-like)
   ========================= */

.we3-c-tools{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.we3-c-tools .we3-insert-spoiler{
  appearance:none;
  border:1px solid rgba(0,0,0,.08);
  background:#f8fafc;
  color:#374151;
  border-radius:10px;
  padding:7px 10px;
  font-size:13px;
  cursor:pointer;
}
.we3-c-tools .we3-insert-spoiler:hover{
  background:#eef2ff;
  border-color:rgba(11,109,255,.25);
  color:#0b6dff;
}
.we3-c-tools-hint{
  font-size:12px;
  color:#6b7280;
}

/* Spoiler block */
.we3-spoiler{
  display:inline-block;
  padding:2px 8px;
  border-radius:10px;
  background:rgba(15, 23, 42, .08);
  border:1px dashed rgba(0,0,0,.15);
  cursor:pointer;

  /* حالت مخفی */
  color:transparent;
  text-shadow:0 0 8px rgba(17,24,39,.7);
  user-select:none;
}
.we3-spoiler:hover{
  background:rgba(11,109,255,.08);
  border-color:rgba(11,109,255,.25);
}

/* وقتی باز شد */
.we3-spoiler.is-revealed{
  color:#111827;
  text-shadow:none;
  user-select:text;
  background:#fff;
  border-style:solid;
}



/* =========================
   In reply to (Zoomit-like)
   ========================= */

.we3-in-reply{
  display:flex;
  gap:6px;
  align-items:center;
  margin:0 0 8px 0;
  font-size:12px;
  color:#6b7280;
}

.we3-in-reply-label{
  opacity:.9;
}

.we3-in-reply-to{
  color:#0b6dff;
  text-decoration:none;
  font-weight:700;
}
.we3-in-reply-to:hover{
  text-decoration:underline;
}






/* =========================
   Kind (Comment/Question) - Pro UI
   ========================= */

.we3-kind{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  margin:10px 0 12px 0;
}

.we3-kind-title{
  font-size:12px;
  color:#6b7280;
  font-weight:700;
  margin-inline-end:4px;
}

.we3-kind-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  user-select:none;
}

.we3-kind-pill input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.we3-kind-pill span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#f8fafc;
  color:#374151;
  font-size:13px;
  font-weight:700;
  transition:background .12s ease, border-color .12s ease, transform .12s ease, color .12s ease;
}

.we3-kind-pill:hover span{
  background:#eef2ff;
  border-color:rgba(11,109,255,.25);
  transform:translateY(-1px);
}

.we3-kind-pill input:focus-visible + span{
  outline:3px solid rgba(11,109,255,.18);
  outline-offset:2px;
}

.we3-kind-pill input:checked + span{
  background:#0b6dff;
  border-color:rgba(11,109,255,.55);
  color:#fff;
}



/* Kind (Comment/Question) - Force Apply */
.we3-comments .we3-kind{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:10px 12px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  background:#fff !important;
  border-radius:14px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.06) !important;
  margin:10px 0 12px 0 !important;
}

.we3-comments .we3-kind-title{
  font-size:12px !important;
  color:#6b7280 !important;
  font-weight:700 !important;
  margin-inline-end:4px !important;
}

.we3-comments .we3-kind-pill{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  cursor:pointer !important;
  user-select:none !important;
}

.we3-comments .we3-kind-pill input{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
}

.we3-comments .we3-kind-pill span{
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  background:#f8fafc !important;
  color:#374151 !important;
  font-size:13px !important;
  font-weight:700 !important;
  transition:background .12s ease, border-color .12s ease, transform .12s ease, color .12s ease !important;
}

.we3-comments .we3-kind-pill:hover span{
  background:#eef2ff !important;
  border-color:rgba(11,109,255,.25) !important;
  transform:translateY(-1px) !important;
}

.we3-comments .we3-kind-pill input:focus-visible + span{
  outline:3px solid rgba(11,109,255,.18) !important;
  outline-offset:2px !important;
}

.we3-comments .we3-kind-pill input:checked + span{
  background:#0b6dff !important;
  border-color:rgba(11,109,255,.55) !important;
  color:#fff !important;
}




/* =========================
   WE3 Comments - Pro UI Upgrade
   Paste at END of style.css
   ========================= */

/* container */
.we3-comments{
  margin-top:18px;
}

/* head */
.we3-comments .we3-c-head{
  border-radius:18px !important;
  padding:16px 16px !important;
}

.we3-comments .we3-c-title{
  font-weight:900 !important;
  letter-spacing:-0.2px;
}
.we3-comments .we3-c-sub{
  margin-top:6px;
}

/* list reset */
.we3-comments .we3-comment-list{
  list-style:none;
  margin:0;
  padding:0;
}

/* comment card */
.we3-comments li.we3-comment,
.we3-comments li.comment.we3-comment{
  border-radius:18px !important;
  padding:14px 14px !important;
  display:flex;
  gap:12px;
  align-items:flex-start;
  position:relative;
  overflow:hidden;
}

/* subtle hover */
.we3-comments li.we3-comment:hover{
  box-shadow:0 16px 40px rgba(0,0,0,.08) !important;
  transform:translateY(-1px);
  transition:transform .12s ease, box-shadow .12s ease;
}

/* avatar */
.we3-comments .we3-c-avatar{
  width:42px;
  min-width:42px;
  height:42px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  background:#fff;
}
.we3-comments .we3-c-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* body */
.we3-comments .we3-c-body{
  flex:1;
  min-width:0;
}

/* meta row */
.we3-comments .we3-c-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:8px;
}

.we3-comments .we3-c-author{
  font-weight:900 !important;
  color:#0f172a !important;
}
.we3-comments .we3-c-author a{
  color:inherit !important;
  text-decoration:none;
}
.we3-comments .we3-c-author a:hover{
  text-decoration:underline;
}

.we3-comments .we3-c-date{
  font-size:12px;
  color:#64748b;
}

/* text */
.we3-comments .we3-c-text{
  font-size:14px;
  line-height:1.95;
  color:#111827 !important;
  word-break:break-word;
}
.we3-comments .we3-c-text p{
  margin:0 0 10px 0;
}
.we3-comments .we3-c-text p:last-child{
  margin-bottom:0;
}

/* actions (buttons/links) */
.we3-comments .we3-c-actions{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

/* unify <a> and <button> styles inside actions */
.we3-comments .we3-c-actions a,
.we3-comments .we3-c-actions button{
  appearance:none;
  border:1px solid rgba(0,0,0,.08) !important;
  background:#f8fafc !important;
  color:#334155 !important;
  border-radius:12px !important;
  padding:7px 10px !important;
  font-size:13px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  cursor:pointer !important;
  text-decoration:none !important;
  transition:transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
}

.we3-comments .we3-c-actions a:hover,
.we3-comments .we3-c-actions button:hover{
  background:#eef2ff !important;
  border-color:rgba(11,109,255,.25) !important;
  color:#0b6dff !important;
  transform:translateY(-1px);
}

.we3-comments .we3-c-actions a:active,
.we3-comments .we3-c-actions button:active{
  transform:translateY(0);
}

/* like/dislike a bit tighter */
.we3-comments .we3-like-btn,
.we3-comments .we3-dislike-btn{
  padding:7px 10px !important;
  border-radius:12px !important;
}
.we3-comments .we3-like-btn .ico,
.we3-comments .we3-dislike-btn .ico{
  font-size:14px;
}

/* toggle replies highlight (open state) */
.we3-comments .we3-toggle-replies.is-open{
  background:#eef2ff !important;
  color:#0b6dff !important;
  border-color:rgba(11,109,255,.25) !important;
}

/* report button more “warning” */
.we3-comments .we3-report-btn{
  background:#fff7ed !important;
  border-color:rgba(234,88,12,.22) !important;
  color:#9a3412 !important;
}
.we3-comments .we3-report-btn:hover{
  background:#ffedd5 !important;
  border-color:rgba(234,88,12,.35) !important;
  color:#9a3412 !important;
}

/* threaded replies: cleaner */
.we3-comments .children{
  margin-top:12px !important;
  padding-right:18px !important;
  border-right:2px solid rgba(0,0,0,.06) !important;
}

/* add spacing between sibling replies */
.we3-comments .children > li.comment{
  margin-top:10px;
}

/* “در پاسخ به …” look better */
.we3-comments .we3-in-reply{
  background:#f8fafc;
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
  padding:6px 10px;
}

/* spoiler: more zoomit-like */
.we3-comments .we3-spoiler{
  border-radius:12px !important;
  padding:3px 10px !important;
}

/* responsive */
@media (max-width: 520px){
  .we3-comments li.we3-comment{
    padding:12px 12px !important;
  }
  .we3-comments .we3-c-avatar{
    width:38px;
    min-width:38px;
    height:38px;
    border-radius:12px;
  }
  .we3-comments .we3-c-actions{
    gap:6px;
  }
  .we3-comments .we3-c-actions a,
  .we3-comments .we3-c-actions button{
    padding:7px 9px !important;
    border-radius:12px !important;
    font-size:12.5px !important;
  }
}

/* =========================
   WE3 Comments - Extra Pro Enhancements
   Paste at END of style.css
   ========================= */

/* 1) Tabs: more pro */
.we3-comments .we3-c-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.we3-comments .we3-c-tabs button{
  appearance:none;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#334155;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:background .12s ease, border-color .12s ease, transform .12s ease, color .12s ease;
}
.we3-comments .we3-c-tabs button:hover{
  background:#f8fafc;
  border-color:rgba(11,109,255,.22);
  transform:translateY(-1px);
}
.we3-comments .we3-c-tabs button.is-active{
  background:#0b6dff;
  border-color:rgba(11,109,255,.55);
  color:#fff;
}

/* 2) Badge نوع کنار اسم (سوال/دیدگاه) */
/* کامنت‌هایی که سوال هستند کلاس we3-kind-question دارند */
.we3-comments li.we3-kind-question .we3-c-author::after{
  content:"سوال";
  display:inline-flex;
  align-items:center;
  margin-inline-start:8px;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  line-height:1;
  color:#0f172a;
  background:rgba(245, 158, 11, .18);
  border:1px solid rgba(245, 158, 11, .28);
}

/* دیدگاه معمولی: اختیاری (اگر خواستی داشته باشد) */
/*
.we3-comments li.we3-kind-comment .we3-c-author::after{
  content:"دیدگاه";
  ...
}
*/

/* 3) Highlight replies (کامنت‌های پاسخ) */
.we3-comments li.comment.depth-2,
.we3-comments li.comment.depth-3,
.we3-comments li.comment.depth-4,
.we3-comments li.comment.depth-5{
  background:linear-gradient(0deg, rgba(11,109,255,.04), rgba(11,109,255,.02)) !important;
}

/* خط اتصال برای reply ها */
.we3-comments .children{
  position:relative;
}
.we3-comments .children::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:8px; /* هماهنگ با padding-right */
  width:2px;
  background:linear-gradient(to bottom, rgba(11,109,255,.18), rgba(11,109,255,0));
  border-radius:2px;
}

/* کمی تو رفتگی بهتر برای replies */
.we3-comments .children{
  padding-right:22px !important;
  margin-right:6px;
}

/* 4) Actions: icon-like compact option for counts */
.we3-comments .we3-like-btn .we3-like-count,
.we3-comments .we3-dislike-btn .we3-dislike-count{
  font-variant-numeric:tabular-nums;
  font-weight:900;
}

/* 5) Improve "در پاسخ به" label look */
.we3-comments .we3-in-reply{
  display:inline-flex;
  width:auto;
  max-width:100%;
  margin:0 0 10px 0;
  background:#f8fafc;
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
  padding:6px 10px;
}
.we3-comments .we3-in-reply-to{
  font-weight:900;
}

/* 6) Spoiler: nicer hidden state */
.we3-comments .we3-spoiler{
  transition:background .12s ease, border-color .12s ease, color .12s ease, text-shadow .12s ease;
}
.we3-comments .we3-spoiler:focus-visible{
  outline:3px solid rgba(11,109,255,.18);
  outline-offset:2px;
}

/* 7) Pagination (اگر وردپرس خروجی استاندارد بده) */
.we3-comments .navigation.comment-navigation,
.we3-comments .comment-navigation{
  margin-top:14px;
}
.we3-comments .nav-links{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.we3-comments .nav-links a,
.we3-comments .nav-links span{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:12px;
  padding:8px 10px;
  font-weight:800;
  color:#334155;
  text-decoration:none;
}
.we3-comments .nav-links a:hover{
  background:#eef2ff;
  border-color:rgba(11,109,255,.25);
  color:#0b6dff;
}

/* 8) Small polish: comment card top accent line */
.we3-comments li.we3-comment::before{
  content:"";
  position:absolute;
  inset:0;
  height:3px;
  background:linear-gradient(90deg, rgba(11,109,255,.0), rgba(11,109,255,.35), rgba(11,109,255,.0));
  opacity:.55;
}

/* 9) Better spacing between comment cards */
.we3-comments .we3-comment-list > li.comment{
  margin-bottom:12px;
}

/* =========================
   In-reply: Zoomit-like (compact chip near meta)
   ========================= */

/* ردیف متا کمی فشرده‌تر */
.we3-comments .we3-c-meta{
  margin-bottom:6px !important;
}

/* چیپ پاسخ: کوچک و شبیه متا */
.we3-comments .we3-in-reply{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:2px 0 10px 0 !important;     /* نزدیک متا */
  padding:4px 10px !important;
  border-radius:999px !important;
  background:rgba(2, 6, 23, .04) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  font-size:12px !important;
  color:#64748b !important;
}

/* آیکون ↩ قبل متن */
.we3-comments .we3-in-reply::before{
  content:"↩";
  display:inline-block;
  font-size:12px;
  line-height:1;
  opacity:.85;
}

/* متن "در پاسخ به" کم‌رنگ‌تر */
.we3-comments .we3-in-reply-label{
  opacity:.8 !important;
}

/* نام کاربر والد: پررنگ و لینک آبی */
.we3-comments .we3-in-reply-to{
  color:#0b6dff !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.we3-comments .we3-in-reply-to:hover{
  text-decoration:underline !important;
}

/* روی موبایل کمی جمع‌وجورتر */
@media (max-width: 520px){
  .we3-comments .we3-in-reply{
    font-size:11.5px !important;
    padding:4px 9px !important;
  }
}




/* Sort UI */
.we3-comments .we3-c-sort{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  flex-wrap:wrap;
}

.we3-comments .we3-c-sort-label{
  font-size:12px;
  color:#6b7280;
  font-weight:800;
}

.we3-comments .we3-c-sort-select{
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  color:#111827;
  border-radius:12px;
  padding:9px 12px;
  font-size:13px;
  font-weight:800;
  outline:none;
}

.we3-comments .we3-c-sort-select:focus{
  border-color:rgba(11,109,255,.55);
  box-shadow:0 0 0 4px rgba(11,109,255,.12);
}



















.we3-404-head{margin-bottom:14px}
.we3-404-actions{display:grid;gap:10px;max-width:560px}
.we3-404-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.we3-404-box{margin-top:18px;padding:14px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.we3-404-chips{display:flex;gap:8px;flex-wrap:wrap}
.we3-404-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:10px}
.we3-404-card__title{margin:8px 0 0;font-size:14px;font-weight:900;line-height:1.6}

.we3-archive-head{margin-bottom:14px}
.we3-archive-desc{margin-top:8px;color:#6b7280}
.we3-archive-chips{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.we3-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}


/* ===== Archive Header (clean + centered) ===== */
.we3-archive-header{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:18px 0 22px;
  text-align:center;
}
.we3-archive-title{
  margin:0;
  font-weight:900;
  line-height:1.25;
  font-size:clamp(20px, 2.2vw, 34px);
  padding:10px 18px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,90,42,.18), rgba(37,99,235,.14));
  border:1px solid rgba(0,0,0,.06);
}

/* ===== Load More button (match site) ===== */
.we3-loadmore-wrap{ text-align:center; margin:18px 0 8px; }
.we3-loadmore-btn{
  cursor:pointer;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:linear-gradient(90deg,#ff5a2a,#ff8a3a);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 26px rgba(255,90,42,.25);
  transition:transform .12s ease, filter .12s ease;
}
.we3-loadmore-btn:hover{ transform:translateY(-2px); filter:saturate(1.05); }
.we3-loadmore-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; }

/* ===== Collapsible archive description ===== */
.we3-archive-desc{
  max-width:900px;
  margin:28px auto 70px;
  padding:0 10px;
}
.we3-desc-box{
  position:relative;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.06);
  background:linear-gradient(180deg,#ffffff,#fff7f2);
  box-shadow:0 14px 34px rgba(0,0,0,.06);
  padding:20px 18px 54px;
}
.we3-desc-content{
  line-height:2.05;
  color:#1f2937;
  text-align:justify;
  font-size:15.5px;
}
.we3-desc-box.is-collapsed .we3-desc-content{
  max-height:170px;
  overflow:hidden;
}
.we3-desc-box.is-collapsed::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:54px;
  height:70px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,247,242,1));
  pointer-events:none;
}
.we3-desc-toggle{
  position:absolute;
  left:18px;
  bottom:14px;
  padding:9px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#111827;
  font-weight:800;
  cursor:pointer;
}
.we3-desc-toggle:hover{ filter:brightness(.98); }

/* اگر سایتت light mode هست، این دو خط باعث میشه متن کارت‌ها هم خوانا بمونه */
@media (prefers-color-scheme:light){
  .we3-meta{ color:#64748b; }
  .we3-card__excerpt{ color:#475569!important; }
}



/* =========================
   Footer (Warm + Readable)
   ========================= */

.we3-footer{
  margin-top:28px;
  color:#e5e7eb;
  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);
}

.we3-footer-top{ padding:28px 0; border-top:1px solid rgba(255,255,255,.06); }
.we3-footer-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:18px;
}

@media (max-width: 980px){
  .we3-footer-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .we3-footer-grid{ grid-template-columns: 1fr; }
}

.we3-fwidget{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px 14px;
  background: rgba(255,255,255,.04);
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
}

.we3-fh{
  margin:0 0 10px;
  font-weight:900;
  font-size:16px;
  color:#fff;
}

.we3-footer a{ color: rgba(255,255,255,.88); text-decoration:none; }
.we3-footer a:hover{ color:#fff; }

.we3-fl{ margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.we3-fl a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.we3-fl a:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,90,42,.35);
}

.we3-footer-about{ margin:0 0 10px; color: rgba(255,255,255,.78); line-height:1.95; }

.we3-footer-address a{ display:inline-block; margin-top:6px; color: rgba(255,255,255,.88); }

.we3-badges{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 12px; }
.we3-badge{
  padding:6px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  font-weight:800;
  font-size:12px;
}

.we3-footer-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:6px;
  padding:10px 12px;
  border-radius:999px;
  background: linear-gradient(90deg,#ff5a2a,#ff8a3a);
  color:#fff !important;
  font-weight:900;
  box-shadow: 0 12px 26px rgba(255,90,42,.22);
}

.we3-footer-social{ display:flex; gap:10px; margin-top:10px; }
.we3-footer-social a{
  width:38px; height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  font-weight:900;
}

.we3-footer-mini{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; align-items:center; }
.we3-footer-mini-link{ color: rgba(255,255,255,.78) !important; }
.we3-dot{ width:6px; height:6px; border-radius:50%; background: rgba(255,255,255,.18); display:inline-block; }

.we3-footer-bottom{
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
}
.we3-footer-bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
@media (max-width: 720px){
  .we3-footer-bottom-row{ flex-direction:column; align-items:flex-start; }
}

.we3-copy{ color: rgba(255,255,255,.75); font-weight:800; }

.we3-footer-menu{ list-style:none; margin:0; padding:0; display:flex; gap:10px; flex-wrap:wrap; }
.we3-footer-menu a{
  padding:6px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}



/* =========================
   404 Page
   ========================= */
.we3-404-hero{ padding:18px 0 8px; }
.we3-404-cardbox{
  background: #fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
  max-width: 980px;
  margin: 0 auto;
}

.we3-404-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background: linear-gradient(90deg,#ff5a2a,#ff8a3a);
  color:#fff;
  font-weight:900;
  letter-spacing:.5px;
  box-shadow: 0 12px 26px rgba(255,90,42,.22);
}

.we3-404-title{
  margin:10px 0 6px;
  font-size:28px;
  font-weight:900;
}

.we3-404-desc{
  margin:0 0 12px;
  line-height:1.9;
  color: rgba(0,0,0,.72);
}

.we3-404-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 8px 0 12px;
}

.we3-404-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  color: rgba(0,0,0,.85);
  text-decoration:none;
  font-weight:900;
}

.we3-404-btn--primary{
  background: linear-gradient(90deg,#2563eb,#1d4ed8);
  border-color: transparent;
  color:#fff;
  box-shadow: 0 12px 26px rgba(37,99,235,.22);
}

.we3-404-search{ margin-top: 10px; max-width: 620px; }
.we3-404-cats{ margin-top: 14px; }
.we3-404-subtitle{ font-weight:900; margin-bottom:8px; }
.we3-404-chips{ display:flex; flex-wrap:wrap; gap:8px; }

.we3-404-h2{
  margin:18px 0 10px;
  font-size:18px;
  font-weight:900;
}