:root {
	--wd-text-font: "iranyekanwebregular", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(18,8,6);
	--wd-text-font-size: 16px;
	--wd-title-font: "iranyekanwebmedium", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(18,8,6);
	--wd-entities-title-font: "iranyekanwebbold", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(18, 8, 6);
	--wd-alternative-font: "iranyekanwebregular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "iranyekanwebbold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(18,8,6);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "iranyekanwebbold", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(17,41,33);
	--wd-alternative-color: rgb(77,100,67);
	--btn-default-font-family: "Peyda-Medium", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(17,41,33);
	--btn-accented-bgcolor-hover: rgb(77,100,67);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(17,41,33);
	--notices-success-color: rgb(77,100,67);
	--notices-warning-bg: rgb(17,41,33);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(173,34,23);
	--wd-link-color-hover: rgba(173,34,23,0.78);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "YekanBakhFaNum-Regula";
	src: url("//mahdedalat.com/wp-content/uploads/2026/05/YekanBakhFaNum-Regular.woff") format("woff");
	font-weight: 500;
	font-display:fallback;
	font-style: normal;
}

@font-face {
	font-family: "YekanBakhFaNum-SemiBold";
	src: url("//mahdedalat.com/wp-content/uploads/2026/05/YekanBakhFaNum-SemiBold.woff") format("woff");
	font-weight: 600;
	font-display:fallback;
	font-style: normal;
}

@font-face {
	font-family: "YekanBakhFaNum-Bold";
	src: url("//mahdedalat.com/wp-content/uploads/2026/05/YekanBakhFaNum-Bold.woff") format("woff");
	font-weight: 700;
	font-display:fallback;
	font-style: normal;
}

/* ============================================================
   محل استفاده: Appearance > Customize > Additional CSS
   (این صفحه آرشیو بلاگ است، وردپرس به‌صورت خودکار کلاس body.blog
   را به آن اضافه می‌کند، پس نیازی به کلاس دستی نیست)
   ============================================================ */

body.blog{
  --deep-green:#173327;
  --deep-green-2:#0d1f18;
  --gold:#b8935f;
  --gold-light:#c9a876;
  --gold-bg: rgba(184,147,95,0.1);
  --gold-dim: rgba(184,147,95,0.28);
  --ink:#1c2b24;
  --muted:#5b6b62;
}

/* ============================================================
   ۱) fallback مخفی‌کردن اطلاعات کم‌ارزش
   (اگر در قدم اول از Customizer غیرفعال شد، این خطوط اثری ندارند
    و می‌توانید حذفشان کنید؛ در غیر این صورت به‌عنوان جایگزین عمل می‌کنند)
   ============================================================ */
body.blog .wd-post-author,
body.blog .wd-modified-date,
body.blog .wd-post-share,
body.blog .wd-post-reply{
  display:none !important;
}

/* اگر بعد از حذف موارد بالا، خود کانتینر meta خالی و بی‌مصرف باقی ماند */
body.blog .wd-post-meta:empty{
  display:none !important;
}

/* ============================================================
   ۲) کارت‌ها
   ============================================================ */
body.blog .wd-post{
  border-radius: 16px !important;
  overflow:hidden;
  box-shadow: 0 3px 12px rgba(23,51,39,0.07) !important;
  border: 1px solid rgba(23,51,39,0.06) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.blog .wd-post:hover{
  transform: translateY(-5px);
  box-shadow: 0 22px 44px -18px rgba(23,51,39,0.2) !important;
  border-color: var(--gold-dim) !important;
}

body.blog .wd-post-img img{
  transition: transform .4s ease;
}
body.blog .wd-post:hover .wd-post-img img{
  transform: scale(1.06);
}

/* ============================================================
   ۳) بج تاریخ: نرم و طلایی، به‌جای سفید سخت
   ============================================================ */
body.blog .wd-post-date.wd-style-with-bg{
  background: rgba(13,31,24,0.78) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(201,168,118,0.4) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
  line-height:1.3 !important;
  box-shadow:none !important;
}
body.blog .wd-post-date .post-date-day{
  color: var(--gold-light) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}
body.blog .wd-post-date .post-date-month{
  color: rgba(243,239,228,0.75) !important;
  font-size: 11px !important;
}

/* ============================================================
   ۴) بج دسته‌بندی: جدا از خط مرز عکس، داخل ناحیه متن
   ============================================================ */
body.blog .wd-post-cat.wd-style-with-bg{
  position: static !important;
  margin: -2px 0 14px 0 !important;
  transform:none !important;
  display:inline-flex !important;
  background: var(--gold-bg) !important;
  border: 1px solid var(--gold-dim) !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
}
body.blog .wd-post-cat a{
  color: var(--gold) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ============================================================
   ۵) عنوان، متن، دکمه ادامه مطلب
   ============================================================ */
body.blog .wd-post-title a{
  color: var(--ink) !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  text-decoration:none !important;
  transition: color .18s ease;
}
body.blog .wd-post-title a:hover{
  color: var(--gold) !important;
}

body.blog .wd-post-excerpt{
  color: var(--muted) !important;
  font-size: 13.8px !important;
  line-height: 1.9 !important;
}

body.blog .wd-post-read-more{
  margin-top: 14px !important;
}
body.blog .wd-post-read-more a{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--gold) !important;
  padding: 9px 16px !important;
  border-radius: 8px !important;
  border: 1px solid var(--gold-dim) !important;
  background: var(--gold-bg) !important;
  text-decoration:none !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
body.blog .wd-post-read-more a:hover{
  background: var(--gold) !important;
  color: #17301f !important;
  border-color: var(--gold) !important;
}

/* ============================================================
   ۶) صفحه‌بندی پایین آرشیو
   ============================================================ */
body.blog .wd-pagination .page-numbers{
  border-radius: 8px !important;
  font-weight: 600 !important;
}
body.blog .wd-pagination .page-numbers.current{
  background: var(--gold) !important;
  color: #17301f !important;
  border-color: var(--gold) !important;
}







/* ============================================================
   محل استفاده: Appearance > Customize > Additional CSS
   قبل از این، ویجت «آخرین دیدگاه‌ها» را از Appearance > Widgets حذف کنید
   ============================================================ */

.widget-area{
  --deep-green:#173327;
  --gold:#b8935f;
  --gold-light:#c9a876;
  --gold-bg: rgba(184,147,95,0.1);
  --gold-dim: rgba(184,147,95,0.28);
  --ink:#1c2b24;
  --muted:#5b6b62;
}

/* ============================================================
   ۱) هر ویجت به یک کارت مستقل تبدیل می‌شود
   ============================================================ */
.widget-area .wd-widget{
  background: #ffffff;
  border: 1px solid rgba(23,51,39,0.08);
  border-radius: 16px;
  padding: 26px 24px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(23,51,39,0.04);
}

.widget-area .wd-widget .wp-block-heading{
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--deep-green) !important;
  margin: 0 0 18px 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid var(--gold-bg) !important;
  position: relative;
}
.widget-area .wd-widget .wp-block-heading::after{
  content:"";
  position:absolute;
  bottom:-2px; right:0;
  width: 42px;
  height: 2px;
  background: var(--gold);
}

/* ============================================================
   ۲) فرم جستجو
   ============================================================ */
.widget-area .wp-block-search__label{
  display:none;
}

.widget-area .wp-block-search__inside-wrapper{
  display:flex;
  gap: 8px;
  border: none !important;
}

.widget-area .wp-block-search__input{
  flex:1;
  border: 1px solid rgba(23,51,39,0.15) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  color: var(--ink) !important;
  outline:none;
  transition: border-color .18s ease;
}
.widget-area .wp-block-search__input:focus{
  border-color: var(--gold) !important;
}

.widget-area .wp-block-search__button{
  background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
  color: #17301f !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 20px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  cursor:pointer;
  transition: filter .18s ease;
}
.widget-area .wp-block-search__button:hover{
  filter: brightness(1.06);
}

/* ============================================================
   ۳) لیست نوشته‌های تازه
   ============================================================ */
.widget-area .wp-block-latest-posts__list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.widget-area .wp-block-latest-posts__list li{
  border-bottom: 1px solid rgba(23,51,39,0.07);
}
.widget-area .wp-block-latest-posts__list li:last-child{
  border-bottom:none;
}

.widget-area .wp-block-latest-posts__post-title{
  display:flex !important;
  align-items:flex-start;
  gap: 8px;
  padding: 13px 0 !important;
  color: var(--ink) !important;
  font-size: 13.8px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  text-decoration:none !important;
  transition: color .18s ease, padding .18s ease;
}
.widget-area .wp-block-latest-posts__post-title::before{
  content:"";
  flex-shrink:0;
  margin-top: 7px;
  width: 6px; height:6px;
  border-radius:50%;
  background: var(--gold);
}
.widget-area .wp-block-latest-posts__post-title:hover{
  color: var(--gold) !important;
  padding-right: 4px !important;
}

/* ============================================================
   ۴) لیست دسته‌ها: به‌صورت پیل‌های قابل کلیک
   ============================================================ */
.widget-area .wp-block-categories-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}

.widget-area .wp-block-categories-list .cat-item{
  margin:0 !important;
}

.widget-area .wp-block-categories-list a{
  display:inline-flex;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--gold-bg);
  border: 1px solid var(--gold-dim);
  color: var(--gold) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration:none !important;
  transition: background .18s ease, color .18s ease;
}
.widget-area .wp-block-categories-list a:hover{
  background: var(--gold) !important;
  color: #ffffff !important;
}

/* عدد تعداد پست کنار دسته‌بندی، اگر فعال باشد */
.widget-area .wp-block-categories-list a .wp-block-categories__post-count{
  margin-right: 4px;
  opacity:0.7;
}@media (min-width: 768px) and (max-width: 1024px) {
	/* =========================================================
   استایل اختصاصی منوی موبایل/تبلت — مهد عدالت
   نسخه ۱۰۰٪ سازگار با سافاری (iOS / macOS) و کروم
   ========================================================= */

/* ---------- متغیرها و کانتینر اصلی ---------- */
.mobile-nav {
  --mn-deep-green: #173327;
  --mn-deep-green-2: #0d1f18;
  --mn-gold: #b8935f;
  --mn-gold-light: #c9a876;
  --mn-gold-dim: rgba(184, 147, 95, 0.3);
  --mn-ink: #f3efe4;

  background: linear-gradient(165deg, var(--mn-deep-green) 0%, var(--mn-deep-green-2) 100%) !important;
  -webkit-font-smoothing: antialiased;
}

/* ---------- ریست اختصاصی فرم‌ها برای سافاری iOS ---------- */
.mobile-nav .searchform .s,
.mobile-nav .searchform .searchsubmit {
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-border-radius: 10px;
}

/* ---------- فرم جستجو ---------- */
.mobile-nav .wd-search-form {
  padding: 20px 16px !important;
  border-bottom: 1px solid var(--mn-gold-dim);
  margin-bottom: 0;
}
.mobile-nav .searchform {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-nav .searchform .s {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--mn-gold-dim) !important;
  border-radius: 10px !important;
  color: var(--mn-ink) !important;
  font-size: 14px !important;
  padding: 12px 14px 12px 48px !important; /* فضای دکمه سمت چپ */
  height: 44px !important; /* تثبیت ارتفاع در سافاری */
  box-sizing: border-box !important;
  -webkit-transition: border-color .2s ease, background .2s ease;
  transition: border-color .2s ease, background .2s ease;
}
.mobile-nav .searchform .s::placeholder {
  color: rgba(243, 239, 228, 0.45) !important;
  opacity: 1; /* حل مشکل کم‌رنگ بودن متون placeholder در سافاری */
}
.mobile-nav .searchform .s:focus {
  border-color: var(--mn-gold) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

/* دکمه جستجو */
.mobile-nav .searchform .searchsubmit {
  position: absolute;
  left: 6px !important; /* موقعیت دقیق دکمه سمت چپ در RTL */
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--mn-gold) !important;
  border: none !important;
  border-radius: 7px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: transparent !important;
  cursor: pointer;
}

/* آیکون ذره‌بین (روش Background مستقیم بدون مشکل Mask سافاری) */
.mobile-nav .searchform .searchsubmit::after {
  display: none !important;
}
.mobile-nav .searchform .searchsubmit::before {
  content: "" !important;
  display: block !important;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1f18' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.mobile-nav .wd-clear-search {
  display: none !important;
}
.mobile-nav .wd-search-results-wrapper {
  border-radius: 10px;
  overflow: hidden;
}

/* ---------- لیست اصلی منو ---------- */
.mobile-nav .mobile-pages-menu {
  padding: 10px 0 24px !important;
}
.mobile-nav .mobile-pages-menu .menu-item {
  border-bottom: 1px solid rgba(184, 147, 95, 0.14) !important;
  position: relative;
}
.mobile-nav .mobile-pages-menu .menu-item:last-child {
  border-bottom: none !important;
}
.mobile-nav .woodmart-nav-link {
  padding: 16px 20px !important;
  color: rgba(243, 239, 228, 0.85) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  -webkit-transition: color .2s ease, padding .2s ease;
  transition: color .2s ease, padding .2s ease;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* نشانگر نقطه‌ای کنار لینک‌ها */
.mobile-nav .nav-link-text {
  position: relative;
  padding-right: 16px;
  padding-inline-start: 16px;
  display: inline-block;
}
.mobile-nav .nav-link-text::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mn-gold);
  opacity: .85;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
}

/* حالت فعال / صفحه جاری */
.mobile-nav .current-menu-item > a.woodmart-nav-link,
.mobile-nav .current_page_item > a.woodmart-nav-link {
  color: var(--mn-gold-light) !important;
  font-weight: 700 !important;
}
.mobile-nav .current-menu-item > a.woodmart-nav-link .nav-link-text::before,
.mobile-nav .current_page_item > a.woodmart-nav-link .nav-link-text::before {
  background: var(--mn-gold-light);
  box-shadow: 0 0 0 3px rgba(201, 168, 118, 0.2);
}

/* هاور روی لینک‌ها */
.mobile-nav .woodmart-nav-link:hover {
  color: var(--mn-gold-light) !important;
  padding-right: 26px !important;
  padding-inline-start: 26px !important;
}

/* ---------- آیکون‌های زیرمنو (Drilldown Openers) ---------- */
.mobile-nav .wd-nav-opener {
  color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}
.mobile-nav .wd-nav-opener::after,
.mobile-nav .wd-nav-opener::before,
.mobile-nav .wd-nav-opener i {
  display: none !important;
}

/* فلش ورود به زیرمنو - سازگار با انیمیشن‌های WebKit */
.mobile-nav .menu-item-has-children > .wd-nav-opener::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--mn-gold);
  border-left: 2px solid var(--mn-gold);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease;
  box-sizing: border-box;
}
.mobile-nav .menu-item-has-children > .wd-nav-opener:hover::before,
.mobile-nav .menu-item-has-children.wd-opened > .wd-nav-opener::before {
  border-color: var(--mn-gold-light);
}

/* ---------- زیرمنو (سطح دریل‌داون) ---------- */
.mobile-nav .wd-sub-menu {
  background: rgba(0, 0, 0, 0.15) !important;
}
.mobile-nav .wd-sub-menu .woodmart-nav-link {
  padding-right: 25px !important;
  padding-inline-start: 25px !important;
  font-size: 14px !important;
  color: rgba(243, 239, 228, 0.75) !important;
}
.mobile-nav .wd-sub-menu .woodmart-nav-link:hover {
  color: var(--mn-gold-light) !important;
  padding-right: 32px !important;
  padding-inline-start: 32px !important;
}

/* ---------- دکمه بازگشت ( بالای زیرمنوها ) ---------- */
.mobile-nav .wd-drilldown-back {
  border-bottom: 1px solid var(--mn-gold-dim) !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.mobile-nav .wd-drilldown-back a {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 16px 20px !important;
  color: var(--mn-gold-light) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
.mobile-nav .wd-drilldown-back a::before,
.mobile-nav .wd-drilldown-back a::after {
  display: none !important;
}
.mobile-nav .wd-drilldown-back a::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px;
  height: 8px;
  margin-left: 10px; /* جایگزین gap برای سازگاری با نسخه‌های قدیمی‌تر iOS */
  border-top: 2px solid var(--mn-gold-light);
  border-right: 2px solid var(--mn-gold-light);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  flex-shrink: 0;
  box-sizing: border-box;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* =========================================================
   استایل اختصاصی منوی موبایل/تبلت — مهد عدالت
   نسخه ۱۰۰٪ سازگار با سافاری (iOS / macOS) و کروم
   ========================================================= */

/* ---------- متغیرها و کانتینر اصلی ---------- */
.mobile-nav {
  --mn-deep-green: #173327;
  --mn-deep-green-2: #0d1f18;
  --mn-gold: #b8935f;
  --mn-gold-light: #c9a876;
  --mn-gold-dim: rgba(184, 147, 95, 0.3);
  --mn-ink: #f3efe4;

  background: linear-gradient(165deg, var(--mn-deep-green) 0%, var(--mn-deep-green-2) 100%) !important;
  -webkit-font-smoothing: antialiased;
}

/* ---------- ریست اختصاصی فرم‌ها برای سافاری iOS ---------- */
.mobile-nav .searchform .s,
.mobile-nav .searchform .searchsubmit {
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-border-radius: 10px;
}

/* ---------- فرم جستجو ---------- */
.mobile-nav .wd-search-form {
  padding: 20px 16px !important;
  border-bottom: 1px solid var(--mn-gold-dim);
  margin-bottom: 0;
}
.mobile-nav .searchform {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-nav .searchform .s {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--mn-gold-dim) !important;
  border-radius: 10px !important;
  color: var(--mn-ink) !important;
  font-size: 14px !important;
  padding: 12px 14px 12px 48px !important; /* فضای دکمه سمت چپ */
  height: 44px !important; /* تثبیت ارتفاع در سافاری */
  box-sizing: border-box !important;
  -webkit-transition: border-color .2s ease, background .2s ease;
  transition: border-color .2s ease, background .2s ease;
}
.mobile-nav .searchform .s::placeholder {
  color: rgba(243, 239, 228, 0.45) !important;
  opacity: 1; /* حل مشکل کم‌رنگ بودن متون placeholder در سافاری */
}
.mobile-nav .searchform .s:focus {
  border-color: var(--mn-gold) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

/* دکمه جستجو */
.mobile-nav .searchform .searchsubmit {
  position: absolute;
  left: 6px !important; /* موقعیت دقیق دکمه سمت چپ در RTL */
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--mn-gold) !important;
  border: none !important;
  border-radius: 7px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: transparent !important;
  cursor: pointer;
}

/* آیکون ذره‌بین (روش Background مستقیم بدون مشکل Mask سافاری) */
.mobile-nav .searchform .searchsubmit::after {
  display: none !important;
}
.mobile-nav .searchform .searchsubmit::before {
  content: "" !important;
  display: block !important;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1f18' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.mobile-nav .wd-clear-search {
  display: none !important;
}
.mobile-nav .wd-search-results-wrapper {
  border-radius: 10px;
  overflow: hidden;
}

/* ---------- لیست اصلی منو ---------- */
.mobile-nav .mobile-pages-menu {
  padding: 10px 0 24px !important;
}
.mobile-nav .mobile-pages-menu .menu-item {
  border-bottom: 1px solid rgba(184, 147, 95, 0.14) !important;
  position: relative;
}
.mobile-nav .mobile-pages-menu .menu-item:last-child {
  border-bottom: none !important;
}
.mobile-nav .woodmart-nav-link {
  padding: 16px 20px !important;
  color: rgba(243, 239, 228, 0.85) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  -webkit-transition: color .2s ease, padding .2s ease;
  transition: color .2s ease, padding .2s ease;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* نشانگر نقطه‌ای کنار لینک‌ها */
.mobile-nav .nav-link-text {
  position: relative;
  padding-right: 16px;
  padding-inline-start: 16px;
  display: inline-block;
}
.mobile-nav .nav-link-text::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mn-gold);
  opacity: .85;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
}

/* حالت فعال / صفحه جاری */
.mobile-nav .current-menu-item > a.woodmart-nav-link,
.mobile-nav .current_page_item > a.woodmart-nav-link {
  color: var(--mn-gold-light) !important;
  font-weight: 700 !important;
}
.mobile-nav .current-menu-item > a.woodmart-nav-link .nav-link-text::before,
.mobile-nav .current_page_item > a.woodmart-nav-link .nav-link-text::before {
  background: var(--mn-gold-light);
  box-shadow: 0 0 0 3px rgba(201, 168, 118, 0.2);
}

/* هاور روی لینک‌ها */
.mobile-nav .woodmart-nav-link:hover {
  color: var(--mn-gold-light) !important;
  padding-right: 26px !important;
  padding-inline-start: 26px !important;
}

/* ---------- آیکون‌های زیرمنو (Drilldown Openers) ---------- */
.mobile-nav .wd-nav-opener {
  color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}
.mobile-nav .wd-nav-opener::after,
.mobile-nav .wd-nav-opener::before,
.mobile-nav .wd-nav-opener i {
  display: none !important;
}

/* فلش ورود به زیرمنو - سازگار با انیمیشن‌های WebKit */
.mobile-nav .menu-item-has-children > .wd-nav-opener::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--mn-gold);
  border-left: 2px solid var(--mn-gold);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease;
  box-sizing: border-box;
}
.mobile-nav .menu-item-has-children > .wd-nav-opener:hover::before,
.mobile-nav .menu-item-has-children.wd-opened > .wd-nav-opener::before {
  border-color: var(--mn-gold-light);
}

/* ---------- زیرمنو (سطح دریل‌داون) ---------- */
.mobile-nav .wd-sub-menu {
  background: rgba(0, 0, 0, 0.15) !important;
}
.mobile-nav .wd-sub-menu .woodmart-nav-link {
  padding-right: 25px !important;
  padding-inline-start: 25px !important;
  font-size: 14px !important;
  color: rgba(243, 239, 228, 0.75) !important;
}
.mobile-nav .wd-sub-menu .woodmart-nav-link:hover {
  color: var(--mn-gold-light) !important;
  padding-right: 32px !important;
  padding-inline-start: 32px !important;
}

/* ---------- دکمه بازگشت ( بالای زیرمنوها ) ---------- */
.mobile-nav .wd-drilldown-back {
  border-bottom: 1px solid var(--mn-gold-dim) !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.mobile-nav .wd-drilldown-back a {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 16px 20px !important;
  color: var(--mn-gold-light) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
.mobile-nav .wd-drilldown-back a::before,
.mobile-nav .wd-drilldown-back a::after {
  display: none !important;
}
.mobile-nav .wd-drilldown-back a::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px;
  height: 8px;
  margin-left: 10px; /* جایگزین gap برای سازگاری با نسخه‌های قدیمی‌تر iOS */
  border-top: 2px solid var(--mn-gold-light);
  border-right: 2px solid var(--mn-gold-light);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  flex-shrink: 0;
  box-sizing: border-box;
}
}

@media (max-width: 576px) {
	/* =========================================================
   استایل اختصاصی منوی موبایل/تبلت — مهد عدالت
   نسخه ۱۰۰٪ سازگار با سافاری (iOS / macOS) و کروم
   ========================================================= */

/* ---------- متغیرها و کانتینر اصلی ---------- */
.mobile-nav {
  --mn-deep-green: #173327;
  --mn-deep-green-2: #0d1f18;
  --mn-gold: #b8935f;
  --mn-gold-light: #c9a876;
  --mn-gold-dim: rgba(184, 147, 95, 0.3);
  --mn-ink: #f3efe4;

  background: linear-gradient(165deg, var(--mn-deep-green) 0%, var(--mn-deep-green-2) 100%) !important;
  -webkit-font-smoothing: antialiased;
}

/* ---------- ریست اختصاصی فرم‌ها برای سافاری iOS ---------- */
.mobile-nav .searchform .s,
.mobile-nav .searchform .searchsubmit {
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-border-radius: 10px;
}

/* ---------- فرم جستجو ---------- */
.mobile-nav .wd-search-form {
  padding: 20px 16px !important;
  border-bottom: 1px solid var(--mn-gold-dim);
  margin-bottom: 0;
}
.mobile-nav .searchform {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-nav .searchform .s {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--mn-gold-dim) !important;
  border-radius: 10px !important;
  color: var(--mn-ink) !important;
  font-size: 14px !important;
  padding: 12px 14px 12px 48px !important; /* فضای دکمه سمت چپ */
  height: 44px !important; /* تثبیت ارتفاع در سافاری */
  box-sizing: border-box !important;
  -webkit-transition: border-color .2s ease, background .2s ease;
  transition: border-color .2s ease, background .2s ease;
}
.mobile-nav .searchform .s::placeholder {
  color: rgba(243, 239, 228, 0.45) !important;
  opacity: 1; /* حل مشکل کم‌رنگ بودن متون placeholder در سافاری */
}
.mobile-nav .searchform .s:focus {
  border-color: var(--mn-gold) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

/* دکمه جستجو */
.mobile-nav .searchform .searchsubmit {
  position: absolute;
  left: 6px !important; /* موقعیت دقیق دکمه سمت چپ در RTL */
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--mn-gold) !important;
  border: none !important;
  border-radius: 7px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: transparent !important;
  cursor: pointer;
}

/* آیکون ذره‌بین (روش Background مستقیم بدون مشکل Mask سافاری) */
.mobile-nav .searchform .searchsubmit::after {
  display: none !important;
}
.mobile-nav .searchform .searchsubmit::before {
  content: "" !important;
  display: block !important;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1f18' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.mobile-nav .wd-clear-search {
  display: none !important;
}
.mobile-nav .wd-search-results-wrapper {
  border-radius: 10px;
  overflow: hidden;
}

/* ---------- لیست اصلی منو ---------- */
.mobile-nav .mobile-pages-menu {
  padding: 10px 0 24px !important;
}
.mobile-nav .mobile-pages-menu .menu-item {
  border-bottom: 1px solid rgba(184, 147, 95, 0.14) !important;
  position: relative;
}
.mobile-nav .mobile-pages-menu .menu-item:last-child {
  border-bottom: none !important;
}
.mobile-nav .woodmart-nav-link {
  padding: 16px 20px !important;
  color: rgba(243, 239, 228, 0.85) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  -webkit-transition: color .2s ease, padding .2s ease;
  transition: color .2s ease, padding .2s ease;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* نشانگر نقطه‌ای کنار لینک‌ها */
.mobile-nav .nav-link-text {
  position: relative;
  padding-right: 16px;
  padding-inline-start: 16px;
  display: inline-block;
}
.mobile-nav .nav-link-text::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mn-gold);
  opacity: .85;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
}

/* حالت فعال / صفحه جاری */
.mobile-nav .current-menu-item > a.woodmart-nav-link,
.mobile-nav .current_page_item > a.woodmart-nav-link {
  color: var(--mn-gold-light) !important;
  font-weight: 700 !important;
}
.mobile-nav .current-menu-item > a.woodmart-nav-link .nav-link-text::before,
.mobile-nav .current_page_item > a.woodmart-nav-link .nav-link-text::before {
  background: var(--mn-gold-light);
  box-shadow: 0 0 0 3px rgba(201, 168, 118, 0.2);
}

/* هاور روی لینک‌ها */
.mobile-nav .woodmart-nav-link:hover {
  color: var(--mn-gold-light) !important;
  padding-right: 26px !important;
  padding-inline-start: 26px !important;
}

/* ---------- آیکون‌های زیرمنو (Drilldown Openers) ---------- */
.mobile-nav .wd-nav-opener {
  color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}
.mobile-nav .wd-nav-opener::after,
.mobile-nav .wd-nav-opener::before,
.mobile-nav .wd-nav-opener i {
  display: none !important;
}

/* فلش ورود به زیرمنو - سازگار با انیمیشن‌های WebKit */
.mobile-nav .menu-item-has-children > .wd-nav-opener::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--mn-gold);
  border-left: 2px solid var(--mn-gold);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease;
  box-sizing: border-box;
}
.mobile-nav .menu-item-has-children > .wd-nav-opener:hover::before,
.mobile-nav .menu-item-has-children.wd-opened > .wd-nav-opener::before {
  border-color: var(--mn-gold-light);
}

/* ---------- زیرمنو (سطح دریل‌داون) ---------- */
.mobile-nav .wd-sub-menu {
  background: rgba(0, 0, 0, 0.15) !important;
}
.mobile-nav .wd-sub-menu .woodmart-nav-link {
  padding-right: 25px !important;
  padding-inline-start: 25px !important;
  font-size: 14px !important;
  color: rgba(243, 239, 228, 0.75) !important;
}
.mobile-nav .wd-sub-menu .woodmart-nav-link:hover {
  color: var(--mn-gold-light) !important;
  padding-right: 32px !important;
  padding-inline-start: 32px !important;
}

/* ---------- دکمه بازگشت ( بالای زیرمنوها ) ---------- */
.mobile-nav .wd-drilldown-back {
  border-bottom: 1px solid var(--mn-gold-dim) !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.mobile-nav .wd-drilldown-back a {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 16px 20px !important;
  color: var(--mn-gold-light) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
.mobile-nav .wd-drilldown-back a::before,
.mobile-nav .wd-drilldown-back a::after {
  display: none !important;
}
.mobile-nav .wd-drilldown-back a::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px;
  height: 8px;
  margin-left: 10px; /* جایگزین gap برای سازگاری با نسخه‌های قدیمی‌تر iOS */
  border-top: 2px solid var(--mn-gold-light);
  border-right: 2px solid var(--mn-gold-light);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  flex-shrink: 0;
  box-sizing: border-box;
}
}

