:root {
	--wd-text-font: IRansansX;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: IRansansX;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: IRansansX;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: IRansansX;
	--wd-widget-title-font: IRansansX;
	--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: IRansansX;
	--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(112,0,14);
	--wd-alternative-color: rgb(248,215,127);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(112,0,14);
	--btn-accented-bgcolor-hover: rgb(248,215,127);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.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: rgb(112,0,14);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: rgb(175,175,175);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}



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

/* پیل‌شکل کردن باکس سرچ */
.owj-search .swp-flex--row {
  position: relative;
  border: 2.5px solid #70000e;
  border-radius: 50px;
  background-color: #ffffff;
  overflow: hidden;
}

.owj-search .searchwp-form-input-container {
  width: 100%;
}

.owj-search .swp-input--search {
  border: none !important;
  background: transparent !important;
  padding: 6px 20px 6px 50px !important;
  text-align: right;
  font-size: 14px;
  color: #70000e !important;
  width: 100%;
}

.owj-search .swp-input--search::placeholder {
  color: #70000e !important;
  opacity: 1; /* بعضی مرورگرها بدون این، رنگ placeholder رو کم‌رنگ‌تر نشون می‌دن */
}

.owj-search .search-submit {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0 !important;
  border: none !important;
  background: url('https://owjbook.com/wp-content/uploads/2026/07/icons8-search-64-1.png') no-repeat center / contain !important;
  text-indent: -9999px;
  cursor: pointer;
}

.owj-search {
  max-width: 600px; /* این عدد رو کم/زیاد کن تا اندازه دلخواهت به دست بیاد */
  margin-left: auto;
}

.owj-search-meta {
  display: block;
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}

.searchwp-live-search-result--img {
  width: 40px !important;
  height: 55px !important;
}





/* ردیف کردن عنوان و سوییچ کنار هم */
.wd-widget-stock-status {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wd-widget-stock-status .widget-title {
  margin: 0;
}

.wd-widget-stock-status .wd-checkboxes-on {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wd-widget-stock-status .wd-checkboxes-on li {
  margin: 0;
}

/* خود سوییچ */
.wd-widget-stock-status .wd-checkboxes-on li a {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0; /* نوشته "موجود در انبار" رو مخفی می‌کنه، فقط سوییچ می‌مونه */
}

.wd-widget-stock-status .wd-checkboxes-on li a::before {
  content: "" !important;
  width: 40px !important;
  height: 22px !important;
  background-color: #ccc !important;
  border: none !important;
  border-radius: 20px !important;
  transition: background-color 0.25s ease;
}

.wd-widget-stock-status .wd-checkboxes-on li a::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  transition: right 0.25s ease;
}

/* حالت فعال/روشن */
.wd-widget-stock-status .wd-checkboxes-on li.wd-active a::before {
  background-color: #70000e !important;
}

.wd-widget-stock-status .wd-checkboxes-on li.wd-active a::after {
  right: 22px;
}




/* =========================================
   OWJBOOK - Product archive cards
   ساختار واقعی Loop Item شماره 1012
   ========================================= */

/* کل کارت */
.elementor-widget-wd_archive_products .wd-loop-item-1012 {
    height: 100% !important;
}

/* محتوای کارت */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-product-wrapper {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}


/* =========================
   قاب ثابت تصویر
   ========================= */

.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-loop-prod-thumb {
    width: 168px !important;
    height: 248px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    min-height: 248px !important;
    max-height: 248px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    flex: 0 0 248px !important;
}


/* لینک دور تصویر */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-product-img-link {
    width: 168px !important;
    height: 248px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* خود جلد کتاب */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-product-img-link img {
    width: auto !important;
    height: auto !important;

    max-width: 168px !important;
    max-height: 248px !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;
    margin: auto !important;
}


/* =========================
   تراز اطلاعات پایین تصویر
   ========================= */

/* عنوان - فضای ثابت حداکثر دو خط */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-loop-prod-title {
    min-height: 44px !important;
    margin-top: 12px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* دسته‌بندی */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-product-cats {
    min-height: 24px !important;
}


/* قیمت */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-loop-prod-price {
    min-height: 28px !important;
}


/* دکمه خرید همیشه پایین کارت */
.elementor-widget-wd_archive_products
.wd-loop-item-1012
.wd-add-btn-wrapp {
    margin-top: auto !important;
}

/* سفید خالص کردن متن‌های مشخصات کتاب */

.woocommerce-product-attributes,
.woocommerce-product-attributes th,
.woocommerce-product-attributes td,
.woocommerce-product-attributes p,
.woocommerce-product-attributes a,
.woocommerce-product-attributes-item__label,
.woocommerce-product-attributes-item__value {
    color: #FFFFFF !important;
}

.woocommerce-product-attributes a:hover {
    color: #F8D77F !important;
}

@media (min-width: 1025px) {
    .elementor-widget-wd_archive_products .wd-products.wd-grid-g {
        --wd-col: 5 !important;
        --wd-col-lg: 5 !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}






/* ========================================
   OWJBOOK - Gravity Forms
   ======================================== */

/* دکمه ارسال فرم */
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"],
.gform_wrapper .gform_button {
    background-color: #70000e !important;
    color: #ffffff !important;
    border: 1px solid #70000e !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

/* هاور دکمه ارسال */
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover,
.gform_wrapper .gform_button:hover {
    background-color: #F8D77F !important;
    border-color: #F8D77F !important;
    color: #000000 !important;
}


/* =========================
   دکمه انتخاب فایل
   ========================= */

.gform_wrapper input[type="file"]::file-selector-button {
    background-color: #70000e !important;
    color: #ffffff !important;
    border: 1px solid #70000e !important;
    border-radius: 6px !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* هاور دکمه انتخاب فایل */
.gform_wrapper input[type="file"]::file-selector-button:hover {
    background-color: #F8D77F !important;
    border-color: #F8D77F !important;
    color: #000000 !important;
}


/* =========================
   فیلدها
   ========================= */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea {
    border: 1px solid #cfcac3 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #212121 !important;
}


/* حالت فوکوس فیلدها */
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    border-color: #70000e !important;
    box-shadow: 0 0 0 1px #70000e !important;
    outline: none !important;
}


/* عنوان فیلدها */
.gform_wrapper .gfield_label {
    color: #212121 !important;
}


/* متن‌های راهنما */
.gform_wrapper .gfield_description,
.gform_wrapper .gform_fileupload_rules,
.gform_wrapper .gform_drop_instructions {
    color: #666666 !important;
}


/* =========================
   باکس Drag & Drop
   ========================= */

.gform_wrapper .gform_drop_area {
    border-color: #70000e !important;
    background-color: #FAF9F6 !important;
    border-radius: 10px !important;
}


/* دکمه داخل Drag & Drop */
.gform_wrapper .gform_drop_area button,
.gform_wrapper .gform_drop_area .button {
    background-color: #70000e !important;
    border-color: #70000e !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

/* هاور دکمه داخل Drag & Drop */
.gform_wrapper .gform_drop_area button:hover,
.gform_wrapper .gform_drop_area .button:hover {
    background-color: #F8D77F !important;
    border-color: #F8D77F !important;
    color: #000000 !important;
}






/* =========================================
   OWJBOOK - Empty product archive
   ========================================= */


/* حذف سرچ اضافی در صفحات آرشیو خالی */
body.archive.woocommerce
.main-page-wrapper form.woocommerce-product-search,
body.search.woocommerce
.main-page-wrapper form.woocommerce-product-search {
    display: none !important;
}



/* بزرگ‌تر کردن پیام "هیچ محصولی یافت نشد" */
body.archive.woocommerce .woocommerce-info,
body.search.woocommerce .woocommerce-info {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;

    text-align: center !important;

    padding: 22px 30px !important;
    min-height: 70px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}










/* ======================================
   OWJBOOK - In stock filter toggle
   ====================================== */

.owj-stock-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    direction: rtl;

    color: #212121;
    font-size: 15px;
    font-weight: 600;

    text-decoration: none !important;
    cursor: pointer;
}


/* متن */
.owj-stock-toggle-label {
    color: #212121;
}


/* بدنه سوییچ */
.owj-stock-toggle-track {
    position: relative;

    display: inline-block;

    width: 44px;
    height: 24px;

    flex: 0 0 44px;

    background-color: #d1d1d1;
    border-radius: 50px;

    transition: background-color .25s ease;
}


/* دایره داخل سوییچ */
.owj-stock-toggle-thumb {
    position: absolute;

    top: 3px;
    right: 3px;

    width: 18px;
    height: 18px;

    background-color: #ffffff;
    border-radius: 50%;

    box-shadow: 0 1px 3px rgba(0,0,0,.2);

    transition: transform .25s ease;
}


/* حالت فعال */
.owj-stock-toggle.is-active .owj-stock-toggle-track {
    background-color: #70000e;
}

.owj-stock-toggle.is-active .owj-stock-toggle-thumb {
    transform: translateX(-20px);
}


/* هاور */
.owj-stock-toggle:hover .owj-stock-toggle-label {
    color: #70000e;
}













/* قاب لوگو و نام کتابفروشی */
.owj-brand-slider {
  position: relative;
  display: block;
  width: 180px;
  height: 100px;
  overflow: hidden;
  color: var(--wd-primary-color, #850016);
  text-decoration: none !important;
  direction: ltr;
}

/* تنظیمات مشترک دو اسلاید */
.owj-brand-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  backface-visibility: hidden;
  animation-duration: 20s;
  animation-timing-function: cubic-bezier(.65, 0, .35, 1);
  animation-iteration-count: infinite;
}

/* تصویر لوگو */
.owj-brand-logo {
  animation-name: owj-logo-cycle;
}

.owj-brand-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 92px;
}

/* نام کتابفروشی */
.owj-brand-name {
  direction: rtl;
  white-space: nowrap;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
  animation-name: owj-name-cycle;
}

/*
 * لوگو:
 * 9.3 ثانیه ثابت
 * 0.7 ثانیه خروج از راست
 * انتظار در سمت چپ
 * 0.7 ثانیه ورود از چپ
 */
@keyframes owj-logo-cycle {
  0%,
  46.5% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(125%);
  }

  50.01%,
  96.5% {
    transform: translateX(-125%);
  }

  100% {
    transform: translateX(0);
  }
}

/*
 * نام:
 * ابتدا سمت چپ و بیرون قاب
 * ورود از چپ
 * 9.3 ثانیه ثابت
 * خروج از راست
 */
@keyframes owj-name-cycle {
  0%,
  46.5% {
    transform: translateX(-125%);
  }

  50%,
  96.5% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(125%);
  }
}

/* تنظیمات موبایل */
@media (max-width: 1024px) {
  .owj-brand-slider {
    width: 145px;
    height: 60px;
  }

  .owj-brand-logo img {
    max-height: 56px;
  }

  .owj-brand-name {
    font-size: 16px;
  }
}

/* احترام به تنظیمات کاهش حرکت کاربر */
@media (prefers-reduced-motion: reduce) {
  .owj-brand-slide {
    animation: none;
  }

  .owj-brand-logo {
    transform: translateX(0);
  }

  .owj-brand-name {
    display: none;
  }
}

/* هماهنگ‌کردن لوگوی متحرک با ارتفاع هدر چسبان */
@media (min-width: 1025px) {
  .whb-header.whb-sticked .owj-brand-slider {
    height: var(--wd-header-general-sticky-h, 76px);
  }

  .whb-header.whb-sticked .owj-brand-logo img {
    max-height: calc(var(--wd-header-general-sticky-h, 76px) - 8px);
  }

  .whb-header.whb-sticked .owj-brand-name {
    font-size: 19px;
  }
}




































/* صفحه ورود و ثبت‌نام — نسخه اصلاح‌شده */
body.woocommerce-account:not(.logged-in) .wd-registration-page {
    width: 100% !important;
    max-width: 560px !important;
    margin: 40px auto 64px !important;
    padding: 36px !important;
    box-sizing: border-box !important;
    overflow: hidden;
    background-color: #fff !important;
    border: 1px solid #e2d3d6 !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 45px rgba(35, 15, 20, 0.11) !important;
}

/* حذف حاشیه‌های منفی WoodMart */
body.woocommerce-account:not(.logged-in) #customer_login {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) #customer_login > .wd-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

/* فرم‌ها و اجزای داخلی */
body.woocommerce-account:not(.logged-in) #customer_login form,
body.woocommerce-account:not(.logged-in) #customer_login .form-row,
body.woocommerce-account:not(.logged-in) #customer_login .password-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* عنوان */
body.woocommerce-account:not(.logged-in) #customer_login .wd-login-title {
    margin: 0 0 28px !important;
    color: #222;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
}

/* ورودی‌ها */
body.woocommerce-account:not(.logged-in) #customer_login input.input-text {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 52px;
    padding: 0 16px;
    box-sizing: border-box !important;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 13px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

body.woocommerce-account:not(.logged-in) #customer_login input.input-text:focus {
    border-color: #8d0015;
    outline: none;
    box-shadow: 0 0 0 3px rgba(141, 0, 21, 0.08);
}

/* دکمه ورود و عضویت */
body.woocommerce-account:not(.logged-in) #customer_login form button[type="submit"] {
    width: 100% !important;
    min-height: 52px;
    margin: 0 !important;
    border-radius: 13px !important;
}

/* مرا به خاطر بسپار و فراموشی رمز */
body.woocommerce-account:not(.logged-in) #customer_login .login-form-footer {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    box-sizing: border-box !important;
}

/* بخش تغییر بین ورود و ثبت‌نام */
body.woocommerce-account:not(.logged-in) #customer_login .col-register-text {
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 22px 0 0 !important;
    border-top: 1px solid #ececec !important;
    text-align: center;
}

/* حذف ستون و متن اضافی انگلیسی */
body.woocommerce-account:not(.logged-in) .col-register-text .wd-login-title,
body.woocommerce-account:not(.logged-in) .col-register-text .registration-info,
body.woocommerce-account:not(.logged-in) .col-register-text .wd-login-divider {
    display: none !important;
}

/* دکمه تغییر حالت */
body.woocommerce-account:not(.logged-in) .wd-switch-to-register {
    display: flex !important;
    width: 100% !important;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #8d0015 !important;
    border: 1px solid #8d0015 !important;
    border-radius: 13px !important;
    box-shadow: none !important;
    font-size: 0 !important;
}

body.woocommerce-account:not(.logged-in) .wd-switch-to-register:hover {
    background-color: rgba(141, 0, 21, 0.06) !important;
}

/* متن دکمه در حالت ورود */
body.woocommerce-account:not(.logged-in)
.wd-registration-page:not(.active-register)
.wd-switch-to-register::before {
    content: "حساب کاربری ندارید؟ ثبت‌نام کنید";
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}

/* متن دکمه در حالت ثبت‌نام */
body.woocommerce-account:not(.logged-in)
.wd-registration-page.active-register
.wd-switch-to-register::before {
    content: "قبلاً حساب ساخته‌اید؟ وارد شوید";
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}

body.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text {
    color: #666;
    font-size: 13px;
    line-height: 2;
}

/* تبلت و موبایل */
@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in) .wd-registration-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px auto 40px !important;
        padding: 24px 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-account:not(.logged-in) #customer_login .wd-login-title {
        margin-bottom: 22px !important;
        font-size: 23px;
    }

    body.woocommerce-account:not(.logged-in) #customer_login input.input-text,
    body.woocommerce-account:not(.logged-in) #customer_login form button[type="submit"] {
        min-height: 50px;
    }
}

/* موبایل‌های کوچک */
@media (max-width: 480px) {
    body.woocommerce-account:not(.logged-in) .wd-registration-page {
        padding: 22px 14px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account:not(.logged-in) #customer_login .login-form-footer {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
    }

    body.woocommerce-account:not(.logged-in)
    #customer_login .woocommerce-form-login__rememberme {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.woocommerce-account:not(.logged-in) .wd-switch-to-register::before {
        font-size: 13px !important;
    }
}









/* =========================================================
   شروع کد: طراحی تصاویر و گرید صفحه علاقه‌مندی‌ها
   کاربرد: کوچک‌تر شدن جلد کتاب‌ها و واکنش‌گرا شدن تعداد ستون‌ها
   ========================================================= */


/* ---------------------------------------------------------
   بخش ۱: تعداد ستون‌های علاقه‌مندی در نمایش دسکتاپ

   تعداد کتاب‌ها در هر ردیف: ۵ عدد
   فاصله میان کارت‌ها: ۱۸ پیکسل
   --------------------------------------------------------- */

.wd-wishlist-content .wd-products {
    --wd-col: 5 !important;
    --wd-gap: 18px !important;
}


/* ---------------------------------------------------------
   بخش ۲: محدودکردن عرض تصویر جلد کتاب

   اجازه نمی‌دهد تصویر هر کتاب بیشتر از ۲۳۰ پیکسل شود.
   تصویر نیز در وسط کارت قرار می‌گیرد.
   --------------------------------------------------------- */

.wd-wishlist-content .wd-product-thumb {
    width: 100%;
    max-width: 230px;
    margin-right: auto;
    margin-left: auto;
}


/* ---------------------------------------------------------
   بخش ۳: یکسان‌سازی کادر تصاویر

   تمام جلدها با نسبت استاندارد ۲ به ۳ نمایش داده می‌شوند.
   overflow مانع بیرون‌زدن عکس از کادر می‌شود.
   --------------------------------------------------------- */

.wd-wishlist-content .wd-product-img-link {
    display: flex !important;
    width: 100%;
    aspect-ratio: 2 / 3;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f7f7f7;
    border-radius: 12px;
}


/* ---------------------------------------------------------
   بخش ۴: نحوه قرارگیری عکس داخل کادر

   object-fit: contain باعث می‌شود تصویر کامل جلد نمایش داده شود
   و هیچ قسمتی از کتاب بریده نشود.
   --------------------------------------------------------- */

.wd-wishlist-content .wd-product-img-link img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}


/* ---------------------------------------------------------
   بخش ۵: نمایش در لپ‌تاپ

   در عرض کمتر از ۱۲۰۰ پیکسل، تعداد ستون‌ها از ۵ به ۴ می‌رسد.
   --------------------------------------------------------- */

@media (max-width: 1199px) {
    .wd-wishlist-content .wd-products {
        --wd-col: 4 !important;
    }
}


/* ---------------------------------------------------------
   بخش ۶: نمایش در تبلت

   در عرض کمتر از ۹۹۲ پیکسل، ۳ کتاب در هر ردیف نمایش داده می‌شود.
   --------------------------------------------------------- */

@media (max-width: 991px) {
    .wd-wishlist-content .wd-products {
        --wd-col: 3 !important;
        --wd-gap: 16px !important;
    }
}


/* ---------------------------------------------------------
   بخش ۷: نمایش در موبایل

   در موبایل ۲ کتاب در هر ردیف نمایش داده می‌شود.
   اندازه تصویر و گردی گوشه‌ها نیز کمی کاهش می‌یابد.
   --------------------------------------------------------- */

@media (max-width: 575px) {
    .wd-wishlist-content .wd-products {
        --wd-col: 2 !important;
        --wd-gap: 12px !important;
    }

    .wd-wishlist-content .wd-product-thumb {
        max-width: 190px;
    }

    .wd-wishlist-content .wd-product-img-link {
        border-radius: 9px;
    }
}


/* =========================================================
   پایان کد: طراحی تصاویر و گرید صفحه علاقه‌مندی‌ها
   ========================================================= */





/**
 * ================================================================
 * اوج بوک — طراحی پیشخوان اختصاصی حساب کاربری
 * کاربرد: ظاهر داشبورد حساب کاربری، کارت سفارش، مراحل ارسال،
 *         دکمه پیگیری سفارش، درخواست کتاب و پشتیبانی
 * محدوده اجرا: فقط المان‌هایی که کلاس اختصاصی owj- دارند
 * نکته: این کد ساختار عمومی ووکامرس و قالب Woodmart را تغییر نمی‌دهد.
 * شروع کد CSS ناحیه کاربری اوج بوک
 * ================================================================
 */
.owj-account-dashboard {
	--owj-burgundy: #79000f;
	--owj-burgundy-dark: #5e000b;
	--owj-gold: #c8922d;
	--owj-ink: #191616;
	--owj-muted: #716b6b;
	--owj-line: #e8e2df;
	--owj-soft: #faf8f6;
	--owj-white: #fff;
	box-sizing: border-box;
	width: 100%;
	color: var(--owj-ink);
	font-family: IRANSansx, iranyekan, Tahoma, sans-serif;
}

.owj-account-dashboard *,
.owj-account-dashboard *::before,
.owj-account-dashboard *::after {
	box-sizing: border-box;
}

.owj-account-hero {
	margin: 0 0 26px;
}

.owj-account-eyebrow {
	margin: 0 0 6px;
	color: var(--owj-burgundy);
	font-size: 13px;
	font-weight: 600;
}

.owj-account-hero h2 {
	margin: 0 0 8px;
	font-size: clamp(25px, 3vw, 34px);
	font-weight: 500;
	line-height: 1.45;
}

.owj-account-hero h2 strong {
	color: var(--owj-burgundy);
	font-weight: 800;
}

.owj-account-hero > p:last-child {
	margin: 0;
	color: var(--owj-muted);
	font-size: 15px;
}

.owj-order-card {
	position: relative;
	overflow: hidden;
	padding: clamp(20px, 3vw, 30px);
	border: 1px solid var(--owj-line);
	border-radius: 16px;
	background: var(--owj-white);
	box-shadow: 0 12px 36px rgba(47, 28, 22, .055);
}

.owj-order-card::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--owj-gold), var(--owj-burgundy));
	content: "";
}

.owj-order-card__head,
.owj-order-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.owj-order-card__kicker {
	display: block;
	margin-bottom: 5px;
	color: var(--owj-muted);
	font-size: 12px;
}

.owj-order-card h3 {
	margin: 0;
	font-size: clamp(19px, 2vw, 24px);
	font-weight: 700;
}

.owj-text-link,
.owj-all-orders-link {
	color: var(--owj-gold);
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.owj-text-link:hover,
.owj-all-orders-link:hover {
	color: var(--owj-burgundy);
}

.owj-order-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 24px 0 29px;
	padding: 18px 0;
	border-top: 1px solid var(--owj-line);
	border-bottom: 1px solid var(--owj-line);
}

.owj-order-meta__item {
	min-width: 0;
	padding: 0 20px;
	border-left: 1px solid var(--owj-line);
}

.owj-order-meta__item:first-child {
	padding-right: 0;
}

.owj-order-meta__item:last-child {
	padding-left: 0;
	border-left: 0;
}

.owj-order-meta__item > span {
	display: block;
	margin-bottom: 7px;
	color: var(--owj-muted);
	font-size: 12px;
}

.owj-order-meta__item > strong {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	font-size: 15px;
	font-weight: 600;
}

.owj-status-pill {
	padding: 4px 12px;
	border-radius: 999px;
	background: #f8e8bc;
	color: #624406;
	font-size: 13px !important;
}

.owj-order-progress {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.owj-order-progress__step {
	position: relative;
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	margin: 0;
	color: #96908e;
	font-size: 12px;
	text-align: center;
}

.owj-order-progress__step::after {
	position: absolute;
	top: 17px;
	left: 50%;
	z-index: 0;
	width: 100%;
	height: 2px;
	background: #e5dfdc;
	content: "";
}

.owj-order-progress__step:last-child::after {
	display: none;
}

.owj-order-progress__dot {
	position: relative;
	z-index: 1;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border: 2px solid #ddd6d2;
	border-radius: 50%;
	background: var(--owj-white);
	color: #938c89;
	font-size: 12px;
	font-weight: 700;
}

.owj-order-progress__step.is-complete,
.owj-order-progress__step.is-current {
	color: var(--owj-burgundy);
	font-weight: 600;
}

.owj-order-progress__step.is-complete::after {
	background: var(--owj-burgundy);
}

.owj-order-progress__step.is-complete .owj-order-progress__dot {
	border-color: var(--owj-burgundy);
	background: var(--owj-burgundy);
	color: var(--owj-white);
}

.owj-order-progress__step.is-current .owj-order-progress__dot {
	border-color: var(--owj-gold);
	box-shadow: 0 0 0 6px rgba(200, 146, 45, .13);
	color: var(--owj-burgundy);
}

.owj-order-card__foot {
	padding-top: 20px;
	border-top: 1px solid var(--owj-line);
	color: var(--owj-muted);
	font-size: 13px;
}

.owj-track-button,
.owj-track-button[disabled] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 20px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg, var(--owj-burgundy), #980016);
	box-shadow: none;
	color: var(--owj-white);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	opacity: .52;
	cursor: not-allowed;
}

.owj-order-notice {
	margin: 0 0 24px;
	padding: 13px 16px;
	border-radius: 9px;
	background: #f8f3f2;
	color: var(--owj-muted);
}

.owj-order-card--empty {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.owj-order-card--empty p {
	margin: 5px 0 0;
	color: var(--owj-muted);
}

.owj-primary-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 9px 18px;
	border-radius: 9px;
	background: var(--owj-burgundy);
	color: var(--owj-white);
	font-weight: 600;
	white-space: nowrap;
}

.owj-primary-link:hover {
	background: var(--owj-burgundy-dark);
	color: var(--owj-white);
}

.owj-account-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 20px;
}

.owj-action-card {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
	min-height: 145px;
	padding: 23px;
	border: 1px solid var(--owj-line);
	border-radius: 14px;
	background: var(--owj-white);
	color: var(--owj-ink);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.owj-action-card:hover {
	border-color: rgba(121, 0, 15, .24);
	box-shadow: 0 10px 28px rgba(47, 28, 22, .07);
	color: var(--owj-ink);
	transform: translateY(-2px);
}

.owj-action-card__icon {
	display: grid;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	place-items: center;
	border-radius: 50%;
	background: var(--owj-soft);
	color: var(--owj-burgundy);
	font-size: 25px;
}

.owj-action-card__copy {
	display: block;
	min-width: 0;
}

.owj-action-card__copy strong,
.owj-action-card__copy small,
.owj-action-card__copy > span {
	display: block;
}

.owj-action-card__copy strong {
	margin-bottom: 5px;
	font-size: 18px;
}

.owj-action-card__copy small {
	margin-bottom: 10px;
	color: var(--owj-muted);
	font-size: 13px;
}

.owj-action-card__copy > span {
	color: var(--owj-gold);
	font-size: 13px;
	font-weight: 600;
}

.owj-all-orders-link {
	display: inline-block;
	margin-top: 20px;
}

@media (max-width: 680px) {
	.owj-account-hero {
		margin-bottom: 20px;
	}

	.owj-order-card {
		padding: 19px 16px;
		border-radius: 13px;
	}

	.owj-order-card__head {
		align-items: flex-start;
	}

	.owj-order-meta {
		grid-template-columns: 1fr 1fr;
		row-gap: 17px;
		margin: 20px 0 25px;
		padding: 16px 0;
	}

	.owj-order-meta__item {
		padding: 0 12px;
	}

	.owj-order-meta__item:nth-child(2) {
		padding-left: 0;
		border-left: 0;
	}

	.owj-order-meta__item:last-child {
		grid-column: 1 / -1;
		padding: 14px 0 0;
		border-top: 1px solid var(--owj-line);
	}

	.owj-order-progress {
		grid-template-columns: 1fr;
		margin-right: 5px;
	}

	.owj-order-progress__step {
		min-height: 56px;
		flex-direction: row;
		justify-content: flex-start;
		text-align: right;
	}

	.owj-order-progress__step::after {
		top: 36px;
		right: 17px;
		left: auto;
		width: 2px;
		height: 20px;
	}

	.owj-order-card__foot,
	.owj-order-card--empty {
		align-items: stretch;
		flex-direction: column;
	}

	.owj-track-button,
	.owj-track-button[disabled],
	.owj-primary-link {
		width: 100%;
	}

	.owj-account-actions {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.owj-action-card {
		min-height: 125px;
		padding: 19px 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.owj-action-card {
		transition: none;
	}
}

/**
 * ================================================================
 * پایان کد CSS ناحیه کاربری اوج بوک
 * ================================================================
 */