/* ============================================================
   eyecan — استایل برند روی قالب Glozin
   شش رنگ پایه + بخش‌های صفحه اصلی
   همه‌چیز زیر .eyecan-home اسکوپ شده تا بقیه‌ی سایت به‌هم نریزد،
   جز متغیرهای رنگ و چند بازنویسی سراسری کنترل‌شده.
   ============================================================ */

/* پالت بازنگری‌شده.
   سه تغییر نسبت به نسخه‌ی اول:
   ۱. جوهر عمیق‌تر شد — قهوه‌ای قبلی روی کرم کم‌کنتراست بود
   ۲. آبی CTA اشباع بیشتری گرفت تا دکمه‌ها روی زمینه‌ی کرم دیده شوند
      (آبی روشن قبلی با متن تیره به نسبت کنتراست AA نمی‌رسید)
   ۳. زرد کره‌ای از رنگ پایه به لهجه‌ی نقطه‌ای تبدیل شد */
:root{
  --ec-oldlace:#FAF6EF;   /* زمینه */
  --ec-paper:#FFFFFF;     /* کارت */
  --ec-roast:#2A211C;     /* جوهر — عمیق‌تر از قبل */
  --ec-choco:#5A4743;
  --ec-blue:#5B7F97;      /* CTA — اشباع‌تر */
  --ec-blue-soft:#8FA9BA; /* آبی قدیمی، حالا برای لهجه */
  --ec-blue-wash:#E9F0F4;
  --ec-oyster:#DCECEF;
  --ec-butter:#EBD9A0;
  --ec-on-light:#FFFFFF;  /* متن روی CTA */
  --ec-line:#E7DCCB;
  --ec-muted:#7D6E60;
}

/* ---------- تایپوگرافی سراسری ---------- */
body,
body.rtl{
  font-family:Vazirmatn,-apple-system,Segoe UI,Tahoma,sans-serif;
}

/* ============================================================
   هدر — سوار بر ساختار خود Glozin
   کلاس‌ها از خروجی واقعی سایت گرفته شده‌اند:
   .site-header / .header-main / .header-items / .main-navigation
   ============================================================ */

/* نوار اعلان بالای سایت */
.ec-topbar{
  background:var(--ec-roast);
  color:var(--ec-oldlace);
  text-align:center;
  font-size:12.5px;
  letter-spacing:.01em;
  padding:9px 16px;
  position:relative;
  z-index:1001;
}

/* بدنه‌ی هدر */
.site-header .header-main{
  background:var(--ec-oldlace);
  border-bottom:1px solid var(--ec-line);
}
.site-header .header-main,
.site-header__desktop .header-contents{
  --glozin-header-height:74px;
}

/* منوی اصلی */
.main-navigation .nav-menu > li > a{
  font-family:Vazirmatn,sans-serif;
  font-size:14.5px;
  font-weight:500;
  color:var(--ec-roast);
  opacity:.85;
  position:relative;
  padding-block:6px;
}
.main-navigation .nav-menu > li > a:hover,
.main-navigation .nav-menu > li.current-menu-item > a{
  opacity:1;
  color:var(--ec-roast);
}
/* زیرخط متحرک به‌جای هایلایت پیش‌فرض قالب */
.main-navigation .nav-menu > li > a::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:1.5px;
  background:var(--ec-blue);
  transform:scaleX(0);
  transition:transform .25s ease;
}
.main-navigation .nav-menu > li > a:hover::after,
.main-navigation .nav-menu > li.current-menu-item > a::after{
  transform:scaleX(1);
}

/* آیکون‌های سمت چپ هدر */
.header-right-items .glozin-header-icon,
.header-right-items a,
.header-right-items button{
  color:var(--ec-roast);
}
.header-right-items .glozin-cart__counter,
.header-right-items .wishlist-counter,
.header-right-items .counter{
  background:var(--ec-blue) !important;
  color:var(--ec-on-light) !important;
}

/* ---------- لوگوی متنی eyecan ----------
   لوگوی SVG دموی قالب پنهان و به‌جایش وردمارک برند نوشته می‌شود.
   عنوان واقعی سایت در <h1 class="site-title"> باقی می‌ماند، پس
   دسترس‌پذیری و سئو آسیبی نمی‌بیند.                              */
.header-logo a img,
.site-footer .footer-logo img{ display:none !important; }

.header-logo > a,
.site-footer .footer-logo > a{
  display:inline-flex !important;
  align-items:baseline;
  gap:0;
  direction:ltr;
  font-family:Outfit,Vazirmatn,sans-serif;
  font-size:26px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1;
  text-decoration:none;
}
.header-logo > a::before,
.site-footer .footer-logo > a::before{
  content:"eye";
  color:var(--ec-roast);
}
.header-logo > a::after,
.site-footer .footer-logo > a::after{
  content:"can";
  color:var(--ec-blue);
}
.site-footer .footer-logo > a::before{ color:var(--ec-oldlace); }

/* ---------- حذف نوار عنوان صفحه روی صفحه اصلی ----------
   قالب روی برگه‌ی خانه یک page-header با عنوان «eyecan — خانه»
   رندر می‌کند که در طراحی ما جایی ندارد و فاصله‌ی اضافه می‌سازد. */
.home .page-header,
.home .page-header--page{ display:none !important; }
.home .site-content,
.home .content-area{ padding-top:0 !important; margin-top:0 !important; }
.home .eyecan-home .ec-hero{ padding-top:34px; }

/* حالت چسبان */
.glozin-header-sticky.is-sticky .header-main,
.header-sticky--both.is-sticky .header-main{
  background:var(--ec-oldlace);
  box-shadow:0 6px 24px rgba(75,46,31,.06);
}

/* مگامنوی دمو در نسخه‌ی eyecan لازم نیست */
.main-navigation .mega-menu__badge{ display:none; }

/* ---------- بازنویسی رنگ‌های قالب (محافظه‌کارانه) ---------- */
.woocommerce .button.alt,
.wc-block-components-button,
button.single_add_to_cart_button,
.glozin-button--primary,
.button--primary{
  background-color:var(--ec-blue) !important;
  border-color:var(--ec-blue) !important;
  color:var(--ec-on-light) !important;
}
.woocommerce .button.alt:hover,
button.single_add_to_cart_button:hover{
  background-color:#7B96A8 !important;
  border-color:#7B96A8 !important;
}
.woocommerce span.onsale,
.wc-block-components-product-badge{
  background-color:var(--ec-butter) !important;
  color:var(--ec-on-light) !important;
}
a:hover{ color:var(--ec-blue); }

/* ============================================================
   صفحه اصلی eyecan
   ============================================================ */
.eyecan-home{
  color:var(--ec-roast);
  font-size:15px;
  line-height:1.85;
}
.eyecan-home img{ max-width:100%; display:block; }
.eyecan-home h1,
.eyecan-home h2,
.eyecan-home h3{ color:var(--ec-roast); line-height:1.35; letter-spacing:-.01em; margin:0; }

.ec-eyebrow{
  font-size:12px; letter-spacing:.14em; color:var(--ec-muted);
  font-weight:600; margin-bottom:14px; display:block;
}
.ec-section{ padding-block:72px; }
.ec-head{ margin-bottom:38px; }
.ec-head h2{ font-size:clamp(24px,3.2vw,38px); }
.ec-head p{ color:var(--ec-muted); max-width:52ch; margin-top:10px; font-size:14.5px; }
.ec-head a{ color:var(--ec-blue); }

.ec-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 28px; border-radius:999px; font-weight:600; font-size:14.5px;
  background:var(--ec-blue); color:var(--ec-on-light); text-decoration:none;
  transition:transform .2s ease, opacity .2s ease;
}
.ec-btn:hover{ transform:translateY(-2px); opacity:.92; color:var(--ec-on-light); }
.ec-btn-ghost{ background:transparent; border:1px solid var(--ec-line); color:var(--ec-roast); }
.ec-btn-ghost:hover{ color:var(--ec-roast); }

/* ---------- هیرو ---------- */
.ec-hero{
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
  padding-block:64px 40px;
}
.ec-hero h1{ font-size:clamp(32px,5vw,60px); line-height:1.22; }
.ec-hero h1 em{
  font-style:normal;
  background:linear-gradient(transparent 64%, var(--ec-butter) 64%);
  padding-inline:2px;
}
.ec-hero p{ color:var(--ec-muted); font-size:16px; margin-block:20px 0; max-width:44ch; }
.ec-hero .ec-cta{ margin-top:30px; display:flex; gap:14px; flex-wrap:wrap; }
.ec-hero-art{ aspect-ratio:1/1; border-radius:28px; overflow:hidden; background:var(--ec-oyster); }
.ec-hero-art img{ width:100%; height:100%; object-fit:cover; }

/* ---------- نوار مزایا ---------- */
.ec-trust{
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
  border-block:1px solid var(--ec-line); padding-block:26px;
}
.ec-trust b{ display:block; font-size:14px; }
.ec-trust span{ color:var(--ec-muted); font-size:12.5px; }

/* ---------- کاشی دسته‌بندی ---------- */
.ec-cats{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:18px; }
.ec-cat{
  border-radius:22px; padding:26px; position:relative; overflow:hidden;
  display:flex; flex-direction:column; justify-content:flex-end;
  text-decoration:none; transition:transform .3s ease;
}
.ec-cat:hover{ transform:translateY(-5px); }
.ec-cat h3,
.ec-cat small{ position:relative; z-index:2; }
.ec-cat h3{ font-size:19px; }
.ec-cat small{ font-size:12.5px; opacity:.75; }
.ec-cat-big{ grid-row:span 2; grid-column:span 2; }
.ec-cat-big h3{ font-size:28px; }
.ec-cat-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ec-cat-img + h3::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to top, rgba(0,0,0,.5), transparent 55%);
}
.ec-cat:has(.ec-cat-img) h3,
.ec-cat:has(.ec-cat-img) small{ color:#fff; }
.ec-c1{ background:var(--ec-oyster); color:var(--ec-on-light); }
.ec-c2{ background:var(--ec-blue);   color:var(--ec-on-light); }
.ec-c3{ background:var(--ec-choco);  color:var(--ec-oldlace); }
.ec-c4{ background:var(--ec-butter); color:var(--ec-on-light); }
.ec-c5{ background:var(--ec-roast);  color:var(--ec-oldlace); }
.ec-c3 h3,.ec-c3 small,.ec-c5 h3,.ec-c5 small{ color:var(--ec-oldlace); }

/* ---------- داستان برند ---------- */
.ec-story{
  background:var(--ec-choco); color:var(--ec-oldlace);
  border-radius:32px; overflow:hidden;
  display:grid; grid-template-columns:1fr 1fr; margin-block:20px;
}
.ec-story-txt{ padding:56px; }
.ec-story-txt .ec-eyebrow{ color:var(--ec-butter); }
.ec-story-txt h2{ color:var(--ec-oldlace); font-size:clamp(24px,3vw,36px); margin-bottom:18px; }
.ec-story-txt p{ color:rgba(246,243,238,.72); margin-bottom:16px; font-size:15px; }
.ec-story-art{ min-height:400px; }
.ec-story-art img{ width:100%; height:100%; object-fit:cover; }

/* ---------- پالت رنگ ---------- */
.ec-colorway{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.ec-colorway div{
  aspect-ratio:1/1.2; border-radius:18px; border:1px solid var(--ec-line);
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:16px; font-size:12.5px; font-weight:600;
}
.ec-colorway span{ font-size:11px; opacity:.7; direction:ltr; font-weight:500; }

/* ---------- اینستاگرام ---------- */
.ec-insta{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.ec-insta a{ aspect-ratio:1; border-radius:16px; overflow:hidden; display:block; transition:transform .3s; }
.ec-insta a:hover{ transform:scale(.97); }
.ec-insta img{ width:100%; height:100%; object-fit:cover; }

/* ---------- ژورنال ---------- */
.ec-posts{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.ec-post-cover{ display:block; aspect-ratio:16/10; border-radius:18px; overflow:hidden; background:var(--ec-oyster); margin-bottom:16px; }
.ec-post-cover img{ width:100%; height:100%; object-fit:cover; }
.ec-post span{ font-size:12px; color:var(--ec-muted); }
.ec-post h3{ font-size:17px; margin-block:8px; }
.ec-post h3 a{ color:var(--ec-roast); text-decoration:none; }
.ec-post h3 a:hover{ color:var(--ec-blue); }
.ec-post p{ font-size:13.5px; color:var(--ec-muted); }

/* ---------- گرید محصولات ووکامرس داخل صفحه اصلی ---------- */
.eyecan-home .woocommerce ul.products li.product img{ border-radius:20px; }
.eyecan-home .woocommerce ul.products li.product .price{ color:var(--ec-roast); }

/* ---------- ریسپانسیو ---------- */
@media (max-width:1024px){
  .ec-hero,
  .ec-story{ grid-template-columns:1fr; gap:36px; }
  .ec-story-txt{ padding:36px; }
  .ec-story-art{ min-height:260px; }
  .ec-cats{ grid-template-columns:repeat(2,1fr); }
  .ec-trust{ grid-template-columns:repeat(2,1fr); }
  .ec-posts{ grid-template-columns:1fr; }
  .ec-colorway{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px){
  .ec-section{ padding-block:48px; }
  .ec-cats{ grid-template-columns:1fr; grid-auto-rows:200px; }
  .ec-cat-big{ grid-column:span 1; }
  .ec-insta{ grid-template-columns:repeat(3,1fr); }
}


/* ============================================================
   بازطراحی — صفحه اصلی و صفحه‌ی محصول
   این بلوک آخر فایل است تا بر قواعد بالاتر اولویت داشته باشد.
   ============================================================ */

/* ---------- دکمه‌ها: کنتراست درست ----------
   آبی روشن قبلی با متن تیره به نسبت کنتراست AA نمی‌رسید.
   حالا آبی اشباع‌تر با متن سفید — نسبت حدود ۴٫۹:۱ */
.eyecan-home .ec-btn,
.woocommerce .single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background:var(--ec-blue) !important;
  color:var(--ec-on-light) !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  transition:background .2s, transform .2s;
}
.eyecan-home .ec-btn:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background:#4C6D83 !important;
  color:var(--ec-on-light) !important;
  transform:translateY(-2px);
}
.eyecan-home .ec-btn--ghost{
  background:transparent !important;
  color:var(--ec-roast) !important;
  border:1.5px solid var(--ec-line) !important;
}
.eyecan-home .ec-btn--ghost:hover{
  background:var(--ec-blue-wash) !important;
  border-color:var(--ec-blue-soft) !important;
  color:var(--ec-roast) !important;
}

/* ---------- هیرو: فضای بیشتر، تیتر جمع‌تر ---------- */
.eyecan-home .ec-hero{
  padding-block:clamp(36px,7vw,76px);
}
.eyecan-home .ec-hero h1{
  font-size:clamp(30px,6vw,58px);
  line-height:1.22;
  letter-spacing:-.015em;
  text-wrap:balance;
  color:var(--ec-roast);
}
.eyecan-home .ec-hero p{
  color:var(--ec-muted);
  max-width:46ch;
  font-size:clamp(15px,2vw,17px);
}

/* ---------- عنوان بخش‌ها ---------- */
.eyecan-home .ec-head{
  margin-bottom:clamp(20px,3vw,30px);
}
.eyecan-home .ec-head h2{
  font-size:clamp(21px,3.4vw,30px);
  line-height:1.35;
  letter-spacing:-.01em;
  color:var(--ec-roast);
  text-wrap:balance;
}
.eyecan-home .ec-head p{
  color:var(--ec-muted);
  max-width:54ch;
}
.eyecan-home .ec-eyebrow{
  color:var(--ec-blue);
  font-weight:700;
  letter-spacing:.14em;
  font-size:11.5px;
}

/* ---------- فاصله‌ی بخش‌ها ---------- */
.eyecan-home .ec-section{
  padding-block:clamp(38px,6vw,68px);
}

/* ---------- کارت محصول در شبکه ---------- */
.woocommerce ul.products li.product{
  background:var(--ec-paper);
  border:1px solid var(--ec-line);
  border-radius:16px;
  overflow:hidden;
  transition:border-color .2s, transform .2s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover{
  border-color:var(--ec-blue-soft);
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(42,33,28,.07);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:14.5px;
  font-weight:600;
  line-height:1.6;
  color:var(--ec-roast);
}
.woocommerce ul.products li.product .price{
  color:var(--ec-roast);
  font-weight:700;
}

/* ---------- صفحه‌ی محصول ---------- */
.single-product .product_title{
  font-size:clamp(22px,3.6vw,33px);
  line-height:1.35;
  letter-spacing:-.01em;
  color:var(--ec-roast);
  text-wrap:balance;
}
.single-product .summary .price,
.single-product .summary .price .amount{
  color:var(--ec-roast);
  font-weight:700;
  font-size:clamp(18px,2.6vw,23px);
}
.single-product .woocommerce-product-details__short-description{
  color:var(--ec-muted);
  font-size:15px;
  line-height:1.9;
  max-width:52ch;
}

/* گالری: گوشه‌های نرم و زمینه‌ی برند */
.single-product .woocommerce-product-gallery__image img{
  border-radius:16px;
  background:var(--ec-oldlace);
}

/* تب‌ها و عنوان‌های بخش پایین صفحه */
.single-product .woocommerce-tabs .panel h2,
.single-product .related > h2,
.single-product .upsells > h2{
  font-size:clamp(19px,3vw,25px);
  color:var(--ec-roast);
  letter-spacing:-.01em;
}

/* ---------- رقم فارسی برای قیمت ----------
   فقط شکل نمایش عوض می‌شود؛ متن اصلی برای موتور جستجو و
   افزونه‌ها دست‌نخورده می‌ماند. */
.woocommerce .price,
.woocommerce .amount,
.ecux-sticky-p{
  font-feature-settings:"ss02";
  font-variant-numeric:tabular-nums;
}

/* ---------- فرم‌های ووکامرس ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .quantity input.qty{
  border:1.5px solid var(--ec-line);
  border-radius:12px;
  background:var(--ec-paper);
  color:var(--ec-roast);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce .quantity input.qty:focus{
  border-color:var(--ec-blue);
  outline:none;
}

/* ---------- دسترس‌پذیری ---------- */
.eyecan-home a:focus-visible,
.woocommerce a:focus-visible,
.woocommerce button:focus-visible{
  outline:2px solid var(--ec-blue);
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  .eyecan-home .ec-btn,
  .woocommerce ul.products li.product,
  .woocommerce .single_add_to_cart_button{ transition:none !important; }
}


/* =========================================================================
   تایپوگرافی مقاله — بدنه‌ی نوشته‌ی ژورنال

   قالب برای متن مقاله اندازه‌ی پیش‌فرض کوچکی می‌گذارد که برای متن فارسی
   بلند خسته‌کننده است. فارسی به فضای نفس بیشتری نیاز دارد: خط‌ها بلندترند،
   کشیدگی حروف بیشتر است، و ارتفاع خط کم، متن را به‌هم فشرده می‌کند.
   ========================================================================= */

.single-post .entry-content,
.single-post .post-content,
.single .entry-content{
  font-size:18.5px;
  line-height:2.15;
  color:var(--ec-roast,#33291F);
  max-width:none;
}

/* عرض خوانا — بیش از ۷۵ نویسه در هر خط، چشم را خسته می‌کند */
.single-post .entry-content > *,
.single .entry-content > *{
  max-width:38em;
  margin-inline:auto;
}

/* پاراگراف */
.single-post .entry-content p,
.single .entry-content p{
  margin:0 0 1.45em;
  text-align:justify;
  text-justify:inter-word;
}

/* پاراگراف اول، کمی بزرگ‌تر — نقش لید را بازی می‌کند */
.single-post .entry-content > p:first-of-type,
.single .entry-content > p:first-of-type{
  font-size:1.09em;
  line-height:2;
  color:var(--ec-roast,#33291F);
}

/* تیترها */
.single-post .entry-content h2,
.single .entry-content h2{
  font-size:1.42em;
  line-height:1.5;
  font-weight:700;
  margin:2.1em 0 .7em;
  letter-spacing:-.01em;
  text-wrap:balance;
}

/* خط نازک بالای هر H2 — مرز بخش‌ها را روشن می‌کند */
.single-post .entry-content h2::before,
.single .entry-content h2::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:var(--ec-blue,#8FA9BA);
  margin-bottom:.6em;
}

.single-post .entry-content h3,
.single .entry-content h3{
  font-size:1.18em;
  line-height:1.6;
  font-weight:700;
  margin:1.7em 0 .55em;
}

/* فهرست‌ها */
.single-post .entry-content ul,
.single-post .entry-content ol,
.single .entry-content ul,
.single .entry-content ol{
  margin:0 0 1.45em;
  padding-inline-start:1.4em;
}
.single-post .entry-content li,
.single .entry-content li{
  margin-bottom:.6em;
  line-height:2.05;
}
.single-post .entry-content li::marker,
.single .entry-content li::marker{
  color:var(--ec-blue,#8FA9BA);
}

/* تأکید */
.single-post .entry-content strong,
.single .entry-content strong{
  font-weight:700;
  color:var(--ec-roast,#33291F);
}

/* لینک داخل متن */
.single-post .entry-content a:not(.button),
.single .entry-content a:not(.button){
  color:var(--ec-blue-deep,#4F7189);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  transition:opacity .18s;
}
.single-post .entry-content a:not(.button):hover,
.single .entry-content a:not(.button):hover{ opacity:.7; }

/* تصویر شاخص و تصاویر داخل متن */
.single-post .entry-content img,
.single .entry-content img{
  border-radius:14px;
  max-width:100%;
  height:auto;
}

/* نقل قول */
.single-post .entry-content blockquote,
.single .entry-content blockquote{
  border-inline-start:3px solid var(--ec-blue,#8FA9BA);
  background:var(--ec-oldlace,#FBF6EE);
  border-radius:0 12px 12px 0;
  padding:1.1em 1.4em;
  margin:1.8em 0;
  font-size:1.02em;
}
.single-post .entry-content blockquote p:last-child,
.single .entry-content blockquote p:last-child{ margin-bottom:0; }

/* موبایل */
@media (max-width:600px){
  .single-post .entry-content,
  .single .entry-content{
    font-size:17.5px;
    line-height:2.05;
  }
  .single-post .entry-content h2,
  .single .entry-content h2{ font-size:1.3em; margin-top:1.8em; }
  .single-post .entry-content p,
  .single .entry-content p{ text-align:start; }
}

/* =====================================================================
   محتوای سئوی دسته‌بندی محصول — زیر شبکه‌ی محصولات
   کلاس‌ها از includes/taxonomy.php می‌آیند
   ===================================================================== */

.ec-catbody{
  max-width:44em;
  margin:3.2em auto 1em;
  padding-top:2.4em;
  border-top:1px solid var(--ec-line,#E7DCCB);
  font-size:17.5px;
  line-height:2.05;
  color:var(--ec-roast,#2A211C);
  text-align:justify;
  text-justify:inter-word;
}

.ec-catbody > *:first-child{ margin-top:0; }
.ec-catbody > *:last-child{ margin-bottom:0; }
.ec-catbody p{ margin:0 0 1.3em; }

.ec-catbody h2{
  font-size:1.34em;
  line-height:1.5;
  font-weight:800;
  margin:2.2em 0 .7em;
  text-align:start;
}

/* همان خط نازک بالای H2 که در مقاله‌ها هست */
.ec-catbody h2::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:var(--ec-blue,#5B7F97);
  margin-bottom:.6em;
}

.ec-catbody h3{
  font-size:1.09em;
  line-height:1.6;
  font-weight:700;
  margin:1.7em 0 .5em;
  text-align:start;
}

.ec-catbody ul,
.ec-catbody ol{
  margin:0 0 1.4em;
  padding-inline-start:1.4em;
}
.ec-catbody li{ margin-bottom:.55em; }
.ec-catbody li::marker{ color:var(--ec-blue,#5B7F97); }

.ec-catbody strong{
  font-weight:700;
  color:var(--ec-roast,#2A211C);
}

.ec-catbody a{
  color:var(--ec-blue,#5B7F97);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  transition:opacity .18s;
}
.ec-catbody a:hover{ opacity:.7; }

/* ---------- جدول ---------- */

/* پوشش اسکرول‌دار: جدول روی گوشی صفحه را نمی‌شکند */
.ec-catbody .ec-table{
  margin:0 0 1.7em;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--ec-line,#E7DCCB);
  border-radius:12px;
}

.ec-catbody table{
  width:100%;
  min-width:30em;
  border-collapse:collapse;
  font-size:.94em;
  line-height:1.75;
}

.ec-catbody thead th{
  background:var(--ec-blue-wash,#E9F0F4);
  color:var(--ec-roast,#2A211C);
  font-weight:700;
  font-size:.96em;
  white-space:nowrap;
}

.ec-catbody th,
.ec-catbody td{
  padding:.72em .9em;
  text-align:start;
  vertical-align:top;
  border-bottom:1px solid var(--ec-line,#E7DCCB);
}

.ec-catbody tbody tr:nth-child(even){ background:var(--ec-oldlace,#FAF6EF); }
.ec-catbody tbody tr:last-child td{ border-bottom:0; }

/* ---------- موبایل ---------- */

@media (max-width:600px){
  .ec-catbody{
    margin-top:2.4em;
    padding-top:1.9em;
    font-size:16.5px;
    line-height:1.98;
    text-align:start;
  }
  .ec-catbody h2{ font-size:1.24em; margin-top:1.9em; }
  .ec-catbody table{ min-width:26em; font-size:.9em; }
  .ec-catbody th,
  .ec-catbody td{ padding:.6em .7em; }
}

/* =====================================================================
   جدول داخل مقاله‌ها — همان ظاهر محتوای دسته‌بندی
   مقاله‌ها جدول‌هایشان را هم داخل <div class="ec-table"> می‌گذارند
   ===================================================================== */

.single-post .entry-content .ec-table,
.single .entry-content .ec-table{
  margin:0 0 1.9em;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--ec-line,#E7DCCB);
  border-radius:12px;
}

.single-post .entry-content .ec-table table,
.single .entry-content .ec-table table{
  width:100%;
  min-width:30em;
  border-collapse:collapse;
  font-size:.88em;
  line-height:1.75;
  margin:0;
}

.single-post .entry-content .ec-table thead th,
.single .entry-content .ec-table thead th{
  background:var(--ec-blue-wash,#E9F0F4);
  color:var(--ec-roast,#2A211C);
  font-weight:700;
  white-space:nowrap;
}

.single-post .entry-content .ec-table th,
.single-post .entry-content .ec-table td,
.single .entry-content .ec-table th,
.single .entry-content .ec-table td{
  padding:.72em .9em;
  text-align:start;
  vertical-align:top;
  border-bottom:1px solid var(--ec-line,#E7DCCB);
  line-height:1.75;
}

.single-post .entry-content .ec-table tbody tr:nth-child(even),
.single .entry-content .ec-table tbody tr:nth-child(even){
  background:var(--ec-oldlace,#FAF6EF);
}

.single-post .entry-content .ec-table tbody tr:last-child td,
.single .entry-content .ec-table tbody tr:last-child td{ border-bottom:0; }

/* داخل جدول، ارتفاع خط مقاله (۲.۱۵) زیادی باز است */
.single-post .entry-content .ec-table li,
.single .entry-content .ec-table li{ margin-bottom:.2em; }

@media (max-width:600px){
  .single-post .entry-content .ec-table table,
  .single .entry-content .ec-table table{ min-width:26em; font-size:.86em; }
  .single-post .entry-content .ec-table th,
  .single-post .entry-content .ec-table td,
  .single .entry-content .ec-table th,
  .single .entry-content .ec-table td{ padding:.6em .7em; }
}