@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//hamnaghsheh.ir/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.5") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//hamnaghsheh.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(9,55,91);
	--wd-alternative-color: rgb(9,55,91);
	--wd-link-color: rgb(1,128,160);
	--wd-link-color-hover: rgb(9,55,91);
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgb(224,224,224);
	--btn-accented-bgcolor: rgb(255,255,255);
	--btn-accented-bgcolor-hover: rgb(0,153,137);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--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-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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: 0px;
}



@font-face {
	font-family: "Morabba-Black";
	src: url("//hamnaghsheh.ir/wp-content/uploads/2025/11/Morabba-Black.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Morabba-Regular";
	src: url("//hamnaghsheh.ir/wp-content/uploads/2025/11/Morabba-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.scrollToTop {
  display: none !important;
}

body{
	font-family:'Vazirmatn' !important;
}


/* استایل لینک اصلی حساب کاربری */



/* Hide all links except the last one */
#share-links-list .grid > div {
  display: none;
}

/* Show only the last link card */
#share-links-list .grid > div:nth-last-child(1) {
  display: block;
}

/* Remove scroll container */
#share-links-list .grid {
  max-height: none !important;
  overflow-y: visible !iVazirmatnmportant;
}
/* Hide email */
label[for="account_email"],
#account_email {
    display: none !important;
}

/* Hide password fieldset */
fieldset {
    display: none !important;
}

h3.text-sm + ul.space-y-1 li a {
  font-size: 105% !important;
}

.text-xs.text-gray-300.mt-1 {
    display: none;
}

#menu-main-menu .nav-link-text {
    font-size: 1.15em; /* 10% larger than current size */
}

/* ===== استایل منوی موبایل ===== */
/* ===== استایل منوی موبایل با افکت شیشه‌ای ===== */

/* انتقال دکمه ورود/ثبت‌نام به بالای لیست */
.mobile-pages-menu.wd-nav-mobile .menu-item-account {
    order: -1 !important; /* منتقل به اول */
    margin-bottom: 20px !important; /* فاصله از بقیه آیتم‌ها */
}


/* مخفی کردن آیکون کاربر در دکمه ورود */
.mobile-pages-menu.wd-nav-mobile .menu-item-account.wd-with-icon::before,
.mobile-pages-menu.wd-nav-mobile .menu-item-account .woodmart-nav-link::before,
.mobile-pages-menu.wd-nav-mobile .menu-item-account svg,
.mobile-pages-menu.wd-nav-mobile .menu-item-account i {
    display: none !important;
}

/* پس‌زمینه شیشه‌ای و تار (Glassmorphism) */
.mobile-nav.wd-side-hidden {
    background-color: rgba(9, 55, 91, 0.45) !important; /* شفافیت 85% */
    backdrop-filter: blur(6px) !important; /* بلور پس‌زمینه */
    -webkit-backdrop-filter: blur(6px) !important; /* سافاری */
    padding: 30px 20px !important;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15) !important; /* سایه نرم */
}

/* استایل لیست منو */
.mobile-pages-menu.wd-nav-mobile {
    padding: 0 !important;
    margin: 0 !important;
}

/* آیتم‌های منو */
.mobile-pages-menu.wd-nav-mobile li {
    list-style: none !important;
    margin-bottom: 8px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

/* لینک‌های منو */
.mobile-pages-menu.wd-nav-mobile .woodmart-nav-link {
    display: block !important;
    padding: 15px 20px !important;
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.08) !important; /* پس‌زمینه نیمه‌شفاف */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* خط نازک شفاف */
    border-radius: 15px !important;
    transition: all 0.3s ease !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

/* متن داخل لینک */
.mobile-pages-menu.wd-nav-mobile .nav-link-text {
    color: #ffffff !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* حالت هاور لینک‌ها */
.mobile-pages-menu.wd-nav-mobile .woodmart-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.15) !important; /* روشن‌تر در هاور */
    color: #ffcf00 !important;
    padding-right: 25px !important;
    border-color: rgba(255, 207, 0, 0.3) !important;
}

.mobile-pages-menu.wd-nav-mobile .woodmart-nav-link:hover .nav-link-text {
    color: #ffcf00 !important;
}

/* آیتم ورود/ثبت‌نام (ویژه) */
.mobile-pages-menu.wd-nav-mobile .menu-item-account .woodmart-nav-link {
    background-color: rgba(255, 255, 255, 0.95) !important; /* تقریباً مات */
    backdrop-filter: blur(8px) !important;
    color: #09375b !important;
    border: 2px solid #ffcf00 !important;
    border-radius: 50px !important;
    padding: 12px 25px !important;
    text-align: center !important;
    font-weight: 700 !important;
    margin-top: 15px !important;
}

.mobile-pages-menu.wd-nav-mobile .menu-item-account .woodmart-nav-link:hover {
    background-color: #ffcf00 !important;
    color: #09375b !important;
    padding-right: 25px !important;
    box-shadow: 0 4px 15px rgba(255, 207, 0, 0.3) !important;
}

/* حالت فعال (صفحه جاری) */
.mobile-pages-menu.wd-nav-mobile .current-menu-item .woodmart-nav-link {
    background-color: rgba(255, 207, 0, 0.2) !important;
    border-color: rgba(255, 207, 0, 0.4) !important;
    color: #ffcf00 !important;
    font-weight: 700 !important;
}

.mobile-pages-menu.wd-nav-mobile .current-menu-item .nav-link-text {
    color: #ffcf00 !important;
}

/* حذف پدینگ و مارجین‌های اضافی */
.mobile-nav ul {
    padding: 0 !important;
}

/* استایل دکمه بستن منو */
.mobile-nav .wd-close-side {
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.mobile-nav .wd-close-side:hover {
    color: #ffcf00 !important;
    transform: rotate(90deg) !important;
}



/* button.text-sm.border.border-blue-600 {
  color: white !important;
}

button.text-sm.border.border-blue-600:hover {
  color: #FFCF00 !important;
} */
/* Hide the shop loop head entirely */
.shop-loop-head {
    display: none !important;
}

/* Center the products grid */
.products.wd-products.wd-grid-g {
    justify-content: center !important;
}

.wd-products-element .products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}



/* Apply to all buttons in table cells */
/* Force ALL buttons to have the same border-radius */
/* Force border-radius on ALL button elements everywhere */
table td a,
table td button,
table a,
table button,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-full {
    border-radius: 30px !important;
}


/* Apply dark blue to ALL buttons except the red delete button */
table td a:not([class*="red"]),
table td button:not([class*="red"]) {
    background-color: #09375B !important;
    color: white !important;
}

/* Hover state for all buttons except red delete button */
table td a:not([class*="red"]):hover,
table td button:not([class*="red"]):hover {
    background-color: #3b82f6 !important;
}

/* Keep delete button red */
table td a[class*="red"],
table td button[class*="red"] {
    border-radius: 10px !important;
    /* Keeps its original red colors */
}


/* Hide blog post meta information (author, date, comments) */

/* Hide the entire entry meta list */
.entry-meta-list {
    display: none !important;
}

/* Hide individual meta items if needed separately */
.modified-date,
.meta-author,
.meta-reply {
    display: none !important;
}

/* Hide post date (day and month) */
.post-date-day,
.post-date-month {
    display: none !important;
}

/* hide the narrow fucking line upper the form: */
fieldset.hidden-fields-container {
    border: 0;
}

/* Optional: Hide the entire post date container if it exists */
.post-date {
    display: none !important;
}

/* ارتباط با ما  css */
/* استایل فرم Contact Form 7 */
/* 1. بک‌گراند سفید و گوشه‌های گرد برای کل فرم */

form.wpcf7-form {
  background-color: #ffffff !important;
  padding: 30px !important;
  border-radius: 20px !important; /* گوشه باکس اصلی 20 پیکسل */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* 2. گرد کردن گوشه‌های کادرهای ورودی و فاصله از تیتر بالا */
form.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
  border-radius: 10px !important; /* گوشه‌های ورودی‌ها 10 پیکسل */
  margin-top: 8px !important;
  margin-bottom: 18px !important;
  padding: 10px 12px !important;
  border: 1px solid #ddd !important;
}

/* تنظیم ارتفاع کادرهای بزرگ (textarea) */
form.wpcf7-form .wpcf7-textarea {
  height: 60px !important;
  min-height: 60px !important;
  resize: vertical !important;
}

/* 3. استایل‌دهی، وسط چین کردن و پدینگ دکمه ارسال */
form.wpcf7-form .wpcf7-submit {
  border-radius: 10px !important;
  display: block !important;
  margin: 30px auto 20px auto !important;
  padding: 15px 50px !important; /* ★★★ پدینگ افقی بیشتر شد ★★★ */
  width: auto !important;
  cursor: pointer !important;
  background-color: #0a3c63 !important; /* رنگ دکمه */
  color: #ffffff !important;
  border: none !important;
  font-size: 16px !important;
  transition: background-color 0.3s ease;
}

/* افکت هاور (زمانی که موس روی دکمه می‌رود) */
form.wpcf7-form .wpcf7-submit:hover {
  background-color: #13548a !important; /* رنگ هاور */
}

/* برای فاصله بین label و input/textarea/select */
form.wpcf7-form label {
  display: block !important;
  margin-bottom: 5px !important;
  font-weight: bold;
  color: #333 !important;
  font-size: 15px;
}

/*استایل فوتر css*/

/* 1. راست‌چین کردن و فاصله از بالای ویجت ای-نماد */
.elementor-element-3ec8269 {
  width: fit-content !important; /* عرض ویجت به اندازه محتوایش */
  margin-left: auto !important; /* ★★★ راست‌چین شد: مارجین چپ Auto ★★★ */
  margin-right: 0 !important; /* مارجین راست صفر */
  margin-top: 10px !important; /* فاصله ۲۰ پیکسلی از بالا */
}




/*حذف تعداد محصول سبد خرید*/

.wd-cart-number.wd-tools-count {
  display: none;
}





/* =========================================
1. سایدبار (منوی کناری)
========================================= */
.hamnaghsheh-dashboard aside {
  border-radius: 30px !important; /* گرد کردن گوشه‌های سایدبار */
  /* اگر می‌خواهید رنگ سایدبار هم با تم جدید یکی شود، خط زیر را فعال کنید.
اگر نه، همان آبی تیره می‌ماند. */
  /* background-color: #09375B !important; */
}

/* آواتار کاربر */
.hamnaghsheh-dashboard aside .rounded-full {
  border-color: #ffcf00 !important; /* رنگ حاشیه زرد */
}

/* لینک‌های منو */
.hamnaghsheh-dashboard aside a {
  border-radius: 15px !important;
  transition: all 0.3s ease !important;
}
.hamnaghsheh-dashboard aside a:hover {
  background-color: rgba(255, 255, 255, 0.1) !important; /* افکت هاور نرم */
  padding-right: 10px !important; /* حرکت لینک به سمت چپ هنگام هاور */
}

/* =========================================
2. کادر اصلی لیست پروژه‌ها (کانتینر طوسی)
========================================= */
/* آن کادری که لیست پروژه‌ها داخلش است */
.hamnaghsheh-dashboard main .rounded.border-slate-200 {
  background-color: #f8fafc !important; /* پس‌زمینه طوسی */
  border: px solid #e5e7eb !important;
  border: none !important; /* حذف خط دور */
  border-radius: 30px !important; /* گوشه‌های کاملاً گرد */
  padding: 20px !important; /* فاصله داخلی */
}

/* هدر بالای لیست (که نوشته "پروژه‌ها") */
.hamnaghsheh-dashboard main .rounded-t {
  background-color: transparent !important; /* حذف پس‌زمینه آبی کمرنگ */
  padding-bottom: 15px !important;
}

.hamnaghsheh-dashboard main h2 {
  color: #09375b !important;
  font-weight: 900 !important;
  font-size: 24px !important;
}

/* =========================================
3. کارت‌های پروژه (آیتم‌های داخل گرید)
========================================= */
.hamnaghsheh-dashboard .grid > div.rounded {
  background-color: #ffffff !important; /* پس‌زمینه سفید */
  border-radius: 25px !important; /* گوشه‌های گرد */
  border: none !important; /* حذف خط دور پیش‌فرض */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important; /* سایه نرم */
  padding: 15px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* افکت هاور روی کارت پروژه */
.hamnaghsheh-dashboard .grid > div.rounded:hover {
  transform: translateY(-5px) !important; /* کمی بالا رفتن کارت */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important; /* سایه بیشتر */
}

/* آیکون نوع پروژه (خانه، ساختمان و...) */
.hamnaghsheh-dashboard .col-span-1 {
  border-radius: 15px !important;
  background-color: #f3f4f6 !important; /* پس‌زمینه آیکون طوسی شود */
  border: none !important;
}

/* =========================================
4. دکمه‌های بالای صفحه (خرید اشتراک و ایجاد پروژه)
========================================= */
/* دکمه‌ها را کپسولی و سفید/سرمه‌ای می‌کنیم */
.hamnaghsheh-dashboard main .flex a {
  border-radius: 50px !important; /* کاملاً گرد */
  padding: 10px 25px !important;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}
/* دکمه "خرید اشتراک" */
.hamnaghsheh-dashboard main .flex a[href*="hamnaghsheh-purchase"] {
  background-color: #ffffff !important;
  color: #09375b !important;
  border: 1px solid #09375b !important;
}
.hamnaghsheh-dashboard main .flex a[href*="hamnaghsheh-purchase"]:hover {
  background-color: #09375b !important;
  color: #ffffff !important;
}
/* دکمه "خدمات نقشه برداری" */
.hamnaghsheh-dashboard main .flex a[href*="shop"] {
  background-color: #ffffff !important;
  color: #09375b !important;
  border: 1px solid #09375b !important;
}
.hamnaghsheh-dashboard main .flex a[href*="shop"]:hover {
  background-color: #09375b !important;
  color: #ffffff !important;
}
/* دکمه "ایجاد پروژه جدید" */
.hamnaghsheh-dashboard main .flex a[href*="new-project"] {
  background-color: #09375b !important; /* سرمه‌ای */
  color: #ffffff !important; /* سفید */
  border: 1px solid #09375b !important;
}
.hamnaghsheh-dashboard main .flex a[href*="new-project"]:hover {
  background-color: #ffffff !important;
  color: #09375b !important;
}
/* =========================================

/* =========================================
5. دکمه‌های داخل کارت (ویرایش و وضعیت)
========================================= */
/* دکمه ویرایش */
/* .hamnaghsheh-dashboard button[onclick^="openEditModal"] {
  border-radius: 50px !important;
  border-color: #09375b !important;
  color: #09375b !important;
}
.hamnaghsheh-dashboard button[onclick^="openEditModal"]:hover {
  background-color: #09375b !important;
  color: #ffffff !important;
}
 */
/* برچسب وضعیت (فعال) */
.hamnaghsheh-dashboard .bg-green-50 {
  border-radius: 50px !important;
  padding: 4px 12px !important;
}

/* =========================================
6. مودال (پنجره پاپ‌آپ ویرایش)
========================================= */
#editModal .bg-white {
  border-radius: 25px !important; /* گرد کردن پنجره مودال */
  padding: 30px !important;
}

#editModal input,
#editModal textarea,
#editModal select {
  border-radius: 15px !important; /* گرد کردن فیلدهای ورودی */
  background-color: #f3f4f6 !important; /* رنگ زمینه فیلدها */
  border: 1px solid #e5e7eb !important;
}

#editModal button[type="submit"] {
  border-radius: 50px !important;
  background-color: #09375b !important;
}

.hamnaghsheh-dashboard main .rounded.border-slate-200 {
  background-color: #f3f4f6 !important;

  /* اضافه کردن استروک (حاشیه) نازک خاکستری */
  border: 1px solid #e5e7eb !important;

  border-radius: 30px !important;
  padding: 20px !important;
}

/* 1. تنظیمات اصلی سایدبار (بک‌گراند سرمه‌ای) */
.hamnaghsheh-dashboard aside {
  background-color: #09375b !important; /* رنگ پس‌زمینه */
  color: #ffffff !important; /* رنگ کلی متون سفید */
  border-radius: 30px !important; /* گوشه‌های گرد */
  border: none !important; /* حذف خط دور خاکستری */
  padding: 20px !important;
}

/* 2. لینک‌های منو (پروژه‌ها، پروفایل، خروج و...) */
.hamnaghsheh-dashboard aside a.block {
  color: #ffffff !important; /* متن سفید */
  background-color: transparent !important; /* بدون باکس پس‌زمینه */
  border: none !important;
  box-shadow: none !important;

  margin-bottom: 8px !important; /* فاصله کم بین گزینه‌ها */
  padding: 5px 0 !important;
  font-weight: bold !important;
  transition: all 0.2s ease !important;
}

/* افکت هاور: تغییر رنگ به زرد */
.hamnaghsheh-dashboard aside a.block:hover {
  color: #ffcf00 !important; /* زرد طلایی هنگام هاور */
  padding-right: 8px !important; /* حرکت کوچک به سمت چپ */
}

/* 3. حلقه زرد دور عکس پروفایل */
.hamnaghsheh-dashboard aside .w-20.h-20 {
  border: 4px solid #ffcf00 !important;
}

/* 4. تنظیم رنگ نام کاربر و متون فرعی */
.hamnaghsheh-dashboard aside .font-semibold.text-\[\#FFCF00\] {
  color: #ffcf00 !important; /* نام کاربر زرد بماند */
}
.hamnaghsheh-dashboard aside .text-gray-300 {
  color: #cbd5e1 !important; /* آیدی کاربر خاکستری روشن */
}

/* 5. لیست ریزِ پروژه‌ها (پایین منو) */
.hamnaghsheh-dashboard aside h3 {
  color: #ffcf00 !important; /* تیتر "پروژه‌ها" زرد */
  border-bottom-color: rgba(255, 207, 0, 0.4) !important;
}
.hamnaghsheh-dashboard aside ul a {
  color: #f3f4f6 !important; /* سفید مایل به خاکستری */
}
.hamnaghsheh-dashboard aside ul a:hover {
  color: #ffcf00 !important;
}

/* 6. نوار حجم مصرفی */
.hamnaghsheh-dashboard aside .bg-white\/20 {
  background-color: rgba(
    255,
    255,
    255,
    0.2
  ) !important; /* نوار نیمه شفاف سفید */
}

/* =========================================
1. استایل سایدبار (منوی سمت راست)
========================================= */
.wd-my-account-sidebar {
  background-color: #09375b !important; /* رنگ سرمه‌ای */
  border-radius: 30px !important; /* گوشه‌های گرد */
  padding: 25px !important;
  color: #ffffff !important;
}

.wd-my-account-sidebar .woocommerce-MyAccount-title {
  color: #ffcf00 !important; /* تیتر زرد */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}

/* لینک‌های منوی سایدبار */
.woocommerce-MyAccount-navigation-link a {
  color: #ffffff !important; /* متن سفید */
  padding: 10px 15px !important;
  display: block !important;
  border-radius: 50px !important; /* کپسولی */
  transition: all 0.3s ease !important;
}

/* هاور و حالت فعال لینک‌ها */
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.is-active a {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffcf00 !important; /* متن زرد */
  padding-right: 20px !important; /* حرکت به چپ */
}

/* =========================================
2. استایل محتوای اصلی (سمت چپ)
========================================= */


.woocommerce-profile-wrapper h2 {
  color: #09375b !important; /* تیترها سرمه‌ای */
  font-weight: 900 !important;
}

/* =========================================
3. استایل تب‌ها (اطلاعات حساب / آدرس‌ها)
========================================= */
.profile-nav {
  border-bottom: none !important; /* حذف خط زیر تب‌ها */
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 25px !important;
}

.profile-tab-btn {
  background-color: #ffffff !important; /* پس‌زمینه سفید */
  color: #09375b !important; /* متن سرمه‌ای */
  border: 1px solid #09375b !important; /* خط دور سرمه‌ای */
  border-radius: 50px !important; /* دکمه کپسولی */
  padding: 10px 25px !important;
  font-weight: bold !important;
  margin: 0 !important; /* حذف مارجین‌های مزاحم */
}

/* حالت فعال تب */
.profile-tab-btn.active,
.profile-tab-btn:hover {
  background-color: #09375b !important; /* پس‌زمینه سرمه‌ای */
  color: #ffffff !important; /* متن سفید */
  border-bottom-color: #09375b !important; /* حذف استایل قبلی */
}

/* باکس محتوای هر تب (فرم‌ها) */
.profile-tab-content {
  background-color: #ffffff !important; /* کارت سفید داخل زمینه طوسی */
  padding: 30px !important;
  border-radius: 25px !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
}

/* =========================================
4. استایل فرم‌ها و ورودی‌ها
========================================= */
/* لیبل‌ها (نام، ایمیل و...) */
.woocommerce-EditAccountForm label {
  color: #09375b !important;
  font-weight: bold !important;
}

/* فیلدهای ورودی (Input) */
.woocommerce-Input {
  background-color: #f3f4f6 !important; /* فیلد خاکستری */
  border: 1px solid #e5e7eb !important;
  border-radius: 15px !important; /* گوشه‌های گرد فیلد */
  padding: 12px !important;
  color: #333 !important;
}

.woocommerce-Input:focus {
  border-color: #09375b !important; /* رنگ فوکوس سرمه‌ای */
}

/* دکمه ذخیره تغییرات */
.woocommerce-Button[name="save_account_details"] {
  background-color: #09375b !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 12px 30px !important;
  border: none !important;
  font-size: 16px !important;
  width: 100% !important; /* دکمه تمام عرض (اختیاری) */
  margin-top: 10px !important;
}

.woocommerce-Button[name="save_account_details"]:hover {
  background-color: #062a45 !important; /* کمی تیره‌تر در هاور */
}

/* استایل بخش آدرس‌ها */
.woocommerce-Address {
  color: #09375b !important;
}
.woocommerce-Address-title h2 {
  font-size: 18px !important;
}
.woocommerce-Address .edit {
  color: #d97706 !important; /* لینک ویرایش آدرس نارنجی */
  text-decoration: none !important;
}

/* 1. حذف خط دور و فاصله‌های اضافه فیلدست */
.woocommerce-EditAccountForm fieldset {
  border: none !important; /* حذف خط دور */
  padding: 0 !important; /* حذف فضای داخلی مربوط به کادر */
  margin: 20px 0 0 0 !important; /* کمی فاصله از بالا */
  box-shadow: none !important;
}

/* 2. استایل‌دهی به عنوان "تغییر گذرواژه" (Legend) */
.woocommerce-EditAccountForm fieldset legend {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 15px !important;

  color: #09375b !important; /* رنگ سرمه‌ای */
  font-weight: bold !important;
  font-size: 18px !important; /* اندازه فونت مناسب تیتر */
  border-bottom: none !important;
}

/* مخفی کردن دکمه نمایش رمز عبور */
.show-password-input {
  display: none !important;
}

/* =========================================
   1. تنظیمات کادر اصلی (حذف کادر بیرونی + افزودن فاصله)
   ========================================= */
.woocommerce-MyAccount-content {
  background-color: transparent !important; /* حذف رنگ پس‌زمینه کادر اصلی */
  border: none !important; /* حذف خط دور */
  box-shadow: none !important; /* حذف سایه */
  padding: 20px 30px !important; /* ایجاد فاصله از لبه‌ها (حل مشکل چسبیدن متن) */
}

/* =========================================
   2. استایل کلی جدول (خاکستری و گرد)
   ========================================= */
table.woocommerce-orders-table {
  background-color: #f3f4f6 !important; /* رنگ پس‌زمینه جدول */
  border-radius: 25px !important; /* گوشه‌های گرد */
  border: 1px solid #e5e7eb !important; /* یک خط نازک برای نظم */
  box-shadow: none !important; /* حذف سایه */
  overflow: hidden !important; /* برش زدن گوشه‌ها */
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}

/* =========================================
   3. هدر جدول (سرمه‌ای با فاصله زیاد)
   ========================================= */
table.woocommerce-orders-table thead th {
  background-color: #09375b !important; /* پس‌زمینه سرمه‌ای */
  color: #ffffff !important; /* متن سفید */
  padding: 20px 30px !important; /* پدینگ زیاد برای زیبایی */
  font-weight: bold !important;
  border: none !important;
  text-align: center !important;
}

/* =========================================
   4. ردیف‌ها و سلول‌های بدنه (خاکستری)
   ========================================= */
table.woocommerce-orders-table td,
table.woocommerce-orders-table th[scope="row"] {
  background-color: #f3f4f6 !important; /* پس‌زمینه خاکستری */
  color: #09375b !important; /* متن سرمه‌ای */
  padding: 20px 30px !important; /* پدینگ زیاد هماهنگ با هدر */
  border-top: 1px solid #e5e7eb !important; /* خط جداکننده */
  border-bottom: none !important;
  vertical-align: middle !important;
  text-align: center !important;
}

/* افکت هاور (تغییر رنگ جزئی هنگام موس) */
table.woocommerce-orders-table tbody tr:hover td,
table.woocommerce-orders-table tbody tr:hover th {
  background-color: #e5e7eb !important;
}

/* لینک شماره سفارش */
table.woocommerce-orders-table th[scope="row"] a {
  color: #09375b !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

/* =========================================
   5. دکمه‌های عملیات (کپسولی)
   ========================================= */
.woocommerce-orders-table__cell-order-actions .woocommerce-button {
  background-color: #ffffff !important;
  color: #09375b !important;
  border: 1px solid #09375b !important;
  border-radius: 50px !important;
  padding: 6px 18px !important;
  font-size: 13px !important;
  display: inline-block !important;
  margin: 2px !important;
}

.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
  background-color: #09375b !important;
  color: #ffffff !important;
}

/* دکمه غیرفعال (فاقد فایل) */
.woocommerce-orders-table__cell-order-actions .download_file_disabled {
  border-color: #d1d5db !important;
  color: #9ca3af !important;
  opacity: 0.6 !important;
}




/* اصلاح مشکل کش آمدن آیکون‌های پروژه */
.hamnaghsheh-dashboard .col-span-1 img {
  object-fit: contain !important;
  height: auto !important; /* ارتفاع را آزاد می‌گذارد تا نسبت عکس حفظ شود */
  max-height: 100% !important;
}




/*استایل صفحه وبلاک*/

/* =========================================
   1. تنظیمات ۴ ستونه (فقط در دسکتاپ)

/* =========================================
   2. استایل کارت اصلی (یکپارچه و بدون سایه)
   ========================================= */





/* =========================================
   3. استایل عکس مقاله
   ========================================= */

/* =========================================
   4. حذف دسته‌بندی (Category)
   ========================================= */
.wd-blog-element .meta-categories-wrapp {
  display: none !important; /* مخفی کردن کامل */
}
