/* =========================================================
   عمومی: پایه، هدر، فوتر — روی همه‌ی صفحات
   رنگ‌ها از «تنظیمات قالب > عمومی و رنگ‌ها» (متغیرهای --c-*)
   ========================================================= */

/* ============================ فونت ============================ */
@font-face{
  font-family:'IRANYekanX';
  src:url('../fonts/IRANYekanX-Bold.woff2') format('woff2'),
      url('../fonts/IRANYekanX-Bold.woff') format('woff');
  font-style:normal; font-weight:700; font-display:swap;
}
@font-face{
  font-family:'IRANYekanX';
  src:url('../fonts/IRANYekanX-Regular.woff2') format('woff2'),
      url('../fonts/IRANYekanX-Regular.woff') format('woff');
  font-style:normal; font-weight:400; font-display:swap;
}

:root{
  --c-primary:#cc6119;
  --c-secondary:#7e3bd0;
  --c-dark:#232628;
  --c-nav:#e9ebee;
  --c-text:#232628;
  --container:1200px;

  /* اندازه‌ی عنوان‌ها در همه‌ی صفحات: h1 و h2 (در موبایل کوچک‌تر) */
  --fs-h1:36px;
  --fs-h2:30px;

  /* فاصله‌ی بالا/پایین بخش‌های صفحه (دسکتاپ ۵۰، موبایل ۳۰) */
  --sec-py:50px;

  /* نسخه‌ی روشن‌تر رنگ‌ها برای متن روی زمینه‌ی تیره (کنتراست ≥ 4.5) */
  --c-primary-light:color-mix(in srgb, var(--c-primary) 70%, #fff);
  --c-secondary-light:color-mix(in srgb, var(--c-secondary) 55%, #fff);
  --c-muted:#6b7075;

  /* توکن‌های قدیمی (تا بازسازی صفحات داخلی: single.css / category.css) */
  --sepka-navy:      #102A46;
  --sepka-navy-deep: #0A1E33;
  --sepka-muted:     #91AAC5;
  --sepka-green:     #5ED5B3;
  --sepka-teal:      #16B7A6;
  --sepka-teal-dark: #119C8D;
  --sepka-white:     #FFFFFF;
  --sepka-mist:      #E7EEF5;
  --sepka-navy-card: #16305A;
  --sepka-header-h:  92px;
}

/* ============================ پایه ============================ */
*,*::before,*::after{ box-sizing:border-box; }
/* پس‌زمینه‌ی تیره‌ی html: اختلاف کسری پیکسل زیر فوتر (و کشیدن بیش‌ازحد صفحه) نوار سفید نشان ندهد؛ بدنه همچنان سفید است */
/* overflow-x:hidden (نه clip) روی html/body باعث می‌شود عنصر خودش یک «ظرف اسکرول» جدا از ویوپورت واقعی بسازد
   و همین position:sticky داخلش (مثل نوار منو) را خراب می‌کند؛ overflow-x:clip همان جلوگیری از اسکرول افقی را
   بدون این عارضه انجام می‌دهد. */
html{ scroll-behavior:smooth; overflow-x:clip; background:var(--c-dark); }
body{
  margin:0; /* حاشیه‌ی پیش‌فرض مرورگر؛ قبلاً بوت‌استرپ صفرش می‌کرد */
  font-family:"IRANYekanX";
  direction:rtl;
  font-size:1rem; line-height:1.7; font-weight:400;
  text-align:start;
  background-color:#fff;
  color:var(--c-text);
  overflow-x:clip; /* overflow-y عمداً ننوشته: کنار «auto»، مرورگر clip را دوباره به hidden تبدیل می‌کند و همان مشکل قبلی برمی‌گردد */
}
/* margin/padding این‌ها را قبلاً بوت‌استرپ می‌داد؛ با حذف آن فایل، خود قالب باید تأمینشان کند */
.container{ width:100%; max-width:var(--container); margin-right:auto; margin-left:auto; padding-right:12px; padding-left:12px; }
main{ display:block; }
figure{ margin:0; }
a{ text-decoration:none; }

h1{ font-size:var(--fs-h1); line-height:1.5; }
h2,h3,h4,h5,h6{ font-size:1.5rem; font-weight:700; line-height:1.5; }
h2{ font-size:var(--fs-h2); }
h1,h2,h3,h4,h5,h6{ text-wrap:balance; }
/* عنوان‌های زیرمجموعه (به‌جای h3…h6) با span ساخته می‌شوند تا ساختار سند فقط h1 و h2 داشته باشد؛
   :where یعنی هر کلاس اختصاصی می‌تواند اندازه/فاصله را بازنویسی کند */
:where(.is-h){ display:block; margin:0 0 .5rem; font-size:1.5rem; font-weight:700; line-height:1.5; text-wrap:balance; }
p,li{ text-wrap:pretty; }
input,textarea,select,button{ font-family:inherit; }
input::placeholder,textarea::placeholder{ font-family:inherit; }

img{
  max-width:100%; max-height:100%; height:auto;
  object-fit:contain; object-position:center;
  vertical-align:middle; transition:.4s;
}
.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
/* برای کاربر نامرئی ولی در DOM باقی می‌ماند (گوگل و صفحه‌خوان می‌بینند)؛ قبلاً این کلاس را بوت‌استرپ استایل می‌داد */
.visually-hidden, .screen-reader-text{
  position:absolute !important; width:1px !important; height:1px !important;
  margin:-1px !important; padding:0 !important; overflow:hidden !important;
  clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;
}
.swiper{ width:100%; height:100%; }
.tax-product_cat main,.single-product main{ background:#edf1f9; }

.btn-site{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 26px; border:0; border-radius:2px;
  font-weight:700; font-size:15px; line-height:1.2; color:#fff;
  transition:filter .2s ease, transform .2s ease;
}
.btn-site:hover{ color:#fff; filter:brightness(1.08); }
.btn-site--primary{ background:var(--c-primary); }
.btn-site--secondary{ background:var(--c-secondary); }
.btn-site--outline{ background:transparent; color:var(--c-text); box-shadow:inset 0 0 0 2px currentColor; }
.btn-site--outline:hover{ color:var(--c-primary); filter:none; }
.btn-site:disabled, .btn-site[aria-disabled=true]{ opacity:.5; pointer-events:none; }

/* حلقه‌ی فوکوس کیبورد برای همه‌ی عناصر تعاملی */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible{
  outline:3px solid var(--c-secondary-light); outline-offset:2px;
}

/* ============================ هدر ============================ */

.site-header{ position:relative; z-index:50; }

/* --- نوار بالا --- */
.topbar{ background:var(--c-dark); color:#fff; }
.topbar__in{
  display:flex; align-items:center; gap:44px;
  padding-top:22px; padding-bottom:22px;
}
.topbar a{ color:inherit; }

.site-logo{ display:block; flex:none; margin-inline-end:6px; }
.site-logo__img{ height:40px!important; width:auto; display:block; }
.site-logo__text{ font-size:30px; font-weight:700; color:#fff; }

.topbar-block{ display:flex; align-items:center; gap:14px; }
.topbar-ico{
     flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--c-primary);
    padding: 4px;
}
.topbar-ico--ring{ border:2px solid var(--c-primary); border-radius:50%; }

.topbar-address{ font-size:15px; line-height:1.6; white-space:nowrap; }
.topbar-address__map{
  display:inline-block; font-size:13px; color:var(--c-primary-light) !important;
  border-bottom:1px dashed var(--c-primary-light); line-height:1.4;
}

.topbar-phone{ line-height:1.3; }
.topbar-phone__label{ display:block; font-size:13px; color:var(--c-primary-light); }
.topbar-phone__num{ display:block; font-size:18px; font-weight:700;  }

.topbar-phones{ margin:0; padding:0; list-style:none; }
.topbar-phones li{ line-height:1.5; }
.topbar-phones a{ display:flex; align-items:baseline; gap:8px; flex-direction:row-reverse; justify-content:flex-end; }
.topbar-phones__num{ font-size:18px; font-weight:700; }
.topbar-phones__label{ font-size:13px; color:var(--c-primary-light); min-width:34px; }

.topbar-social{ display:flex; gap:12px; margin:0 auto 0 0; padding:0; list-style:none; }
.topbar-social a{
  display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.1);
  transition:background .2s ease;
}
.topbar-social a:hover{ background:var(--c-primary); }

/* --- نوار منو --- */
.navbar-bar{
  background-color:var(--c-nav);
  background-size:cover; background-position:center;
}
.navbar-bar__in{ display:flex; align-items:stretch; min-height:54px; }

.main-nav{ flex:1; }
.main-nav__list{ display:flex; align-items:stretch; margin:0; padding:0; list-style:none; height:100%; }
.main-nav__list > li{ position:relative; display:flex; }
.main-nav__list > li > a{
  display:flex; align-items:center; padding:0 22px;
  font-size:14px; font-weight:700; color:var(--c-text);
  transition:background .2s ease, color .2s ease;
}
.main-nav__list > li:hover > a,
.main-nav__list > li.current-menu-item > a,
.main-nav__list > li.current-menu-ancestor > a,
.main-nav__list > li.current_page_item > a{
  background:var(--c-primary); color:#fff;
}

.main-nav__list .sub-menu{
  position:absolute; top:100%; right:0; z-index:20; min-width:220px;
  margin:0; padding:8px 0; list-style:none; background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.main-nav__list li:hover > .sub-menu,
.main-nav__list li:focus-within > .sub-menu{ opacity:1; visibility:visible; transform:none; }
.main-nav__list .sub-menu a{ display:block; padding:10px 20px; font-size:14px; color:var(--c-text); }
.main-nav__list .sub-menu a:hover{ background:var(--c-nav); color:var(--c-primary); }
.submenu-toggle{ display:none; }

/* --- مگامنو (آیتم منویی با کلاس mega-menu) — فقط دسکتاپ --- */
.mega-panel{ display:none; }
@media (min-width:992px){
  /* نوار منو (خانه/فروشگاه/…) هنگام اسکرول بالای صفحه بماند؛ نوار بالای هدر (لوگو/تلفن) عادی اسکرول می‌شود */
  .navbar-bar{ position:sticky; top:0; z-index:40; box-shadow:0 2px 12px rgba(0,0,0,.08); }
  body.admin-bar .navbar-bar{ top:32px; }
  .navbar-bar__in{ position:relative; }
  .main-nav__list > li.mega-menu{ position:static; }
  .main-nav__list > li.mega-menu > .sub-menu{ display:none; } /* جای زیرمنوی ساده را پنل می‌گیرد */
  .mega-panel{
    display:block; position:absolute; top:100%; right:0; left:0; z-index:30;
    background:#fff; box-shadow:0 14px 34px rgba(0,0,0,.16); border-top:3px solid var(--c-primary);
    opacity:0; visibility:hidden; transform:translateY(8px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
  }
  .main-nav__list li.mega-menu:hover > .mega-panel,
  .main-nav__list li.mega-menu:focus-within > .mega-panel{ opacity:1; visibility:visible; transform:none; }

  .mega{ display:grid; grid-template-columns:repeat(4,1fr); padding:30px 10px; }
  .mega__col{ padding:0 30px; border-inline-start:1px solid #e3e6e8; }
  .mega__col:first-child{ border-inline-start:0; }
  .mega__title{ display:block; margin:0 0 18px; font-size:17px; font-weight:700; color:var(--c-text); }

  .mega__links, .mega__cars, .mega__contact{ margin:0; padding:0; list-style:none; }
  .mega__links li{ margin:0 0 4px; }
  .mega__links a{ display:block; padding:6px 0; font-size:14px; color:var(--c-muted); transition:color .2s, padding .2s; }
  .mega__links a:hover{ color:var(--c-primary); padding-inline-start:6px; }
  .mega__links a.mega__all{ margin-top:6px; font-weight:700; color:var(--c-primary); }

  .mega__cars li + li{ margin-top:18px; }
  .mega__car{ display:flex; align-items:center; gap:14px; color:var(--c-text); }
  .mega__thumb{ flex:none; display:block; width:64px; height:64px; overflow:hidden; background:#eef0f2; }
  .mega__thumb img{ display:block; width:100%; height:100%; max-height:none; object-fit:cover; }
  .mega__car-body{ min-width:0; line-height:1.6; }
  .mega__car-body b{ display:block; font-size:13.5px; font-weight:700; }
  .mega__car-body small{ display:block; margin-top:2px; font-size:13px; color:var(--c-primary); }
  .mega__car-body small *{ color:inherit; text-decoration:none; }
  .mega__car:hover b{ color:var(--c-primary); }

  .mega__contact li{ display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; font-size:13.5px; line-height:1.8; color:var(--c-muted); }
  .mega__contact a{ color:var(--c-muted); }
  .mega__contact a:hover{ color:var(--c-primary); }
  .mega__ico{ flex:none; display:flex; margin-top:3px; color:var(--c-primary); }
}

/* آدرس و شبکه‌های اجتماعی داخل کشوی موبایل (فقط زیر ۹۹۲px؛ قبلاً با کلاس d-lg-none بوت‌استرپ مخفی می‌شد) */
.main-nav__extra{ display:none; margin-top:20px; padding:20px 22px 0; border-top:1px solid rgba(255,255,255,.08); color:#d6d9dc; }
.main-nav__address{ display:flex; align-items:flex-start; gap:12px; font-size:13px; line-height:1.9; }
.main-nav__extra a{ color:inherit; }
.main-nav__extra .topbar-address__map{ color:var(--c-primary-light); }
.main-nav__social{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; padding:0; list-style:none; }
.main-nav__social a{
  display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.1); color:#fff;
  transition:background .2s ease;
}
.main-nav__social a:hover{ background:var(--c-primary); }
.main-nav__social svg{ width:20px; height:20px; }

.navbar-actions{ display:flex; align-items:center; gap:26px; }
.navbar-action{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--c-text); }
.navbar-action:hover{ color:var(--c-primary); }

/* --- همبرگری / کشوی موبایل --- */
.nav-toggle{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:42px; height:42px; padding:9px; background:transparent; border:0;
}
.nav-toggle span{ display:block; height:2px; background:#fff; border-radius:2px; }
.nav-close{ display:none; }
.nav-overlay{
  position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.55);
  opacity:0; visibility:hidden; transition:opacity .25s ease;
}
.nav-overlay.is-visible{ opacity:1; visibility:visible; }

@media (max-width:991px){
  :root{ --fs-h1:28px; --fs-h2:20px; --sec-py:30px; }
  /* بدون stacking context، تا کشوی منو (z-index:100) بالاتر از overlay (z-index:90) قرار بگیرد */
  .site-header{ z-index:auto; }
  .topbar__in{ justify-content:space-between; padding-top:12px; padding-bottom:12px; gap:16px; }
  .site-logo{ min-width:0; margin-inline-end:0; }
  .site-logo__img{ height:clamp(30px, 9vw, 40px)!important; max-width:100%; object-fit:contain; }
  .site-logo__text{ font-size:clamp(20px, 6vw, 26px); white-space:nowrap; }
  .topbar-address, .topbar-phones, .topbar-social{ display:none; }
  /* تلفن: فقط آیکن؛ با لمس، شماره در یک پاپ‌اور نمایش داده می‌شود (لمس دوباره = تماس) */
  .topbar-phone{ flex:none; position:relative; }
  .topbar-phone .topbar-ico{ width:40px; height:40px; padding:0; background:var(--c-primary); border:0; border-radius:50%; color:#fff; }
  .topbar-phone__body{ display:none; }
  .topbar-phone.is-open .topbar-phone__body{
    display:block; position:absolute; top:calc(100% + 10px); left:0; z-index:60;
    padding:10px 18px; border-radius:8px; background:#fff; color:var(--c-dark);
    box-shadow:0 8px 24px rgba(0,0,0,.25); white-space:nowrap; text-align:center;
  }
  .topbar-phone.is-open .topbar-phone__body::before{
    content:""; position:absolute; bottom:100%; left:14px; border:7px solid transparent; border-bottom-color:#fff;
  }
  .topbar-phone.is-open .topbar-phone__label{ display:block; font-size:12px; color:var(--c-muted); }
  .topbar-phone__num{ font-size:18px; }
  .topbar-phone__label{ display:none; }
  .nav-toggle{ display:flex; order:-1; }

  .navbar-bar{ background:none; }
  .navbar-bar__in{ min-height:0; padding:0; }
  .navbar-actions{ display:none; }

  .main-nav{
    position:fixed; top:0; right:0; z-index:100; width:290px; max-width:86vw; height:100%;
    padding:60px 0 20px; overflow-y:auto; background:var(--c-dark);
    transform:translateX(100%); transition:transform .3s ease;
  }
  .main-nav.is-open{ transform:none; }
  .nav-close{
    display:block; position:absolute; top:14px; left:14px; padding:6px;
    background:transparent; border:0; color:#fff;
  }
  .main-nav__extra{ display:block; }
  .main-nav__list{ flex-direction:column; }
  .main-nav__list > li{ display:block; position:relative; border-bottom:1px solid rgba(255,255,255,.08); }
  .main-nav__list > li > a{ padding:14px 22px; color:#fff; }
  .main-nav__list > li:hover > a{ background:transparent; }
  .main-nav__list > li.current-menu-item > a{ background:var(--c-primary); }
  .submenu-toggle{
    display:block; position:absolute; top:6px; left:10px; width:36px; height:36px;
    background:transparent; border:0;
  }
  .submenu-toggle::before{
    content:""; display:block; width:8px; height:8px; margin:auto;
    border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); transition:transform .2s;
  }
  .menu-item-has-children.is-open > .submenu-toggle::before{ transform:rotate(-135deg); }
  .main-nav__list .sub-menu{
    position:static; min-width:0; max-height:0; overflow:hidden; padding:0;
    opacity:1; visibility:visible; transform:none; box-shadow:none; background:rgba(255,255,255,.05);
    transition:max-height .3s ease;
  }
  .main-nav__list .menu-item-has-children.is-open > .sub-menu{ max-height:600px; }
  .main-nav__list .sub-menu a{ color:#d6d9dc; padding:11px 34px; }
}

/* ============================ فوتر ============================ */

.site-footer{ background:var(--c-dark); color:#c9cdd1; padding-top:70px; }
.sf-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:0 40px; }
.sf-row--2{ margin-top:52px; }
.sf-row--2 .sf-col{ border-top:1px solid rgba(255,255,255,.09); padding-top:44px; }
.sf-title{ margin:0 0 22px; font-size:13px; font-weight:700; line-height:1.6; color:#fff; }
.sf-text{ margin:0; font-size:13px; line-height:2.1; }
.site-footer a{ color:inherit; }

/* گالری */
.sf-gallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.sf-gallery__item{ display:block; aspect-ratio:1; overflow:hidden; background:#33373a; }
.sf-gallery__item img{ width:100%; height:100%; max-height:none; object-fit:cover; transition:transform .4s ease; }
a.sf-gallery__item:hover img{ transform:scale(1.08); } /* فقط تصاویری که به محصول لینک شده‌اند زوم می‌شوند */

/* آخرین مطلب */
.sf-post{ color:#c9cdd1; }
.sf-post:hover{ color:#fff; }
.sf-comments{ display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:13px; color:var(--c-secondary-light) !important; }

/* شبکه‌های اجتماعی (مربعی) */
.sf-social{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.sf-social a{
  display:flex; align-items:center; justify-content:center; width:44px; height:44px;
  background:#e9ebee; color:var(--c-dark); transition:background .2s, color .2s;
}
.sf-social a svg{ width:22px; height:22px; }
.sf-social a:hover{ background:var(--c-primary); color:#fff; }

/* خبرنامه */
.sf-sub{ display:flex; margin:0; }
.sf-sub input[type=email]{
  flex:1; min-width:0; height:44px; padding:0 14px; border:0; background:#fff; color:var(--c-text); font-size:13px;
}
.sf-sub button{
  flex:none; width:44px; height:44px; border:0; background:var(--c-primary); color:#fff;
  display:flex; align-items:center; justify-content:center;
}
.sf-sub button:hover{ filter:brightness(1.1); }
.sf-sub.is-loading{ opacity:.6; pointer-events:none; }
.sf-sub__hp{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip:rect(0 0 0 0); pointer-events:none; }
.sf-sub{ position:relative; }
.sf-sub__msg{ margin:14px 0 0; font-size:12.5px; color:#8f959a; }
.sf-sub__msg.is-error{ color:#ff8b7a; }

.sf-hours{ margin:0 0 4px; font-size:13px; line-height:2; }

/* دسترسی سریع (منوی فوتر) */
.sf-links{ margin:0; padding:0; list-style:none; }
.sf-links li{ margin-bottom:12px; }
.sf-links li:last-child{ margin-bottom:0; }
.sf-links a{ font-size:13px; line-height:2.1; color:#c9cdd1; transition:color .2s ease; }
.sf-links a:hover{ color:#fff; }

/* آدرس و تلفن */
.sf-contact{ margin:0; padding:0; list-style:none; }
.sf-contact li{ display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; font-size:13px; line-height:1.9; color:#c9cdd1; }
.sf-contact li:last-child{ margin-bottom:0; }
.sf-contact a{ color:#c9cdd1; }
.sf-contact a:hover{ color:#fff; }
.sf-contact__ico{ flex:none; display:flex; margin-top:3px; color:var(--c-primary-light); }

/* نوار پایین */
.sf-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  margin-top:56px; padding:10px 0 10px; border-top:1px solid rgba(255,255,255,.09);
}
.sf-copy{ font-size:13px; color:#8f959a; }
/* اعتبار طراح در سمت چپ نوار پایین فوتر */
.sf-credit{ display:flex; align-items:center; gap:10px; color:#8f959a; font-size:12.5px; transition:opacity .2s ease; }
.sf-credit:hover{ color:#8f959a; opacity:.8; }
.sf-credit img{ display:block; height:22px; width:auto; }

@media (max-width:991px){
  .sf-row{ grid-template-columns:repeat(2,1fr); gap:40px 30px; }
  .sf-row--2 .sf-col{ padding-top:30px; }
}
@media (max-width:575px){
  .topbar__in{ gap:10px; }
  .nav-toggle{ width:36px; height:36px; padding:7px; }
  .sf-row{ grid-template-columns:1fr; }
  .sf-bottom{ flex-direction:column; text-align:center; }
  .sf-credit{ justify-content:center; }
}

/* ============================ برگه‌های عمومی (page.php) + بردکرامب ============================ */

@media (min-width:992px){ .main-page{ margin-bottom:100px; } }
.post-content.single-content img{ border-radius:2px; }

.bread-crump{
  display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center;
  width:100%; padding:20px 0; line-height:1.7; background:#fff;
  border-bottom:1px solid rgba(0,0,0,.1);
}
@media (max-width:991px){ .bread-crump{ padding:10px 0; } }

.rank-math-breadcrumb,
.rank-math-breadcrumb p{ height:100%; margin-bottom:0 !important; flex-wrap:wrap; line-height:1.7; color:#6c757d; }
.rank-math-breadcrumb{ border-radius:5px; }
.rank-math-breadcrumb p *{ font-size:13px; font-weight:400; line-height:1.7; color:#6c757d; text-transform:capitalize; }
.rank-math-breadcrumb p a:hover{ color:var(--c-primary); }
.rank-math-breadcrumb p > a:first-child::before{
  content:""; display:inline-block; width:16px; height:16px; margin-inline-end:6px; vertical-align:-2px;
  background-color:var(--c-primary);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%2321cdc0' d='M512.546 86.050c0 0-12.561-0.546-24.030 7.1-12.015 8.192-462.029 380.109-462.029 380.109s-32.768 25.668 2.731 70.997 74.82 3.823 74.82 3.823l407.962-359.356 414.515 364.817c0 0 36.591 30.583 70.451-11.469 33.86-42.598-3.277-72.090-3.277-72.090l-121.242-99.942v-175.309h-164.932v39.868l-168.209-139.81c0 0-10.923-9.83-26.761-8.738z'/%3E%3Cpath fill='%2321cdc0' d='M512.546 241.152l-410.146 357.171v300.919l333.141 0.546v-246.306l152.917 1.638v244.122l333.141 0.546v-300.919z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512.546 86.050c0 0-12.561-0.546-24.030 7.1-12.015 8.192-462.029 380.109-462.029 380.109s-32.768 25.668 2.731 70.997 74.82 3.823 74.82 3.823l407.962-359.356 414.515 364.817c0 0 36.591 30.583 70.451-11.469 33.86-42.598-3.277-72.090-3.277-72.090l-121.242-99.942v-175.309h-164.932v39.868l-168.209-139.81c0 0-10.923-9.83-26.761-8.738z'/%3E%3Cpath d='M512.546 241.152l-410.146 357.171v300.919l333.141 0.546v-246.306l152.917 1.638v244.122l333.141 0.546v-300.919z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.separator{ color:#CBCBCB !important; font-family:monospace; }

/* ============================ صفحه‌های خطا (۴۰۴ / ۴۰۳) ============================ */

.error-page{ padding:90px 0 110px; background:#fff; }
.error-page__box{ max-width:640px; margin:0 auto; text-align:center; }
.error-page__code{
  font-size:150px; font-weight:700; line-height:1; letter-spacing:6px; color:transparent;
  -webkit-text-stroke:3px var(--c-primary); text-stroke:3px var(--c-primary);
}
.error-page__title{ margin:20px 0 14px; font-size:var(--fs-h1); font-weight:700; }
.error-page__text{ margin:0 0 34px; font-size:15px; line-height:2.1; color:#6b7075; }
.error-page__search{ position:relative; max-width:460px; margin:0 auto 34px; }
.error-page__search input{
  width:100%; height:56px; padding:0 20px 0 58px; border:3px solid #dfe3e7; background:#fff;
  font-size:14px; color:var(--c-text); font-family:inherit; transition:border-color .2s;
}
.error-page__search input:focus{ outline:none; border-color:var(--c-secondary); }
.error-page__search button{
  position:absolute; top:0; left:0; width:56px; height:56px; display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; color:var(--c-secondary);
}
.error-page__links{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }

@media (max-width:575px){
  .error-page{ padding:60px 0 80px; }
  .error-page__code{ font-size:96px; -webkit-text-stroke-width:2px; }
}