/*
 * ووکامرس — چیدمان فروشگاه.
 *
 * قالب همه‌ی CSS خود ووکامرس را dequeue می‌کند، پس این فایل باید خودکفا
 * باشد: هم لایه‌ی wc-* (از پیش‌نمایش‌های تأییدشده)، هم کامپوننت‌های پایه‌ی
 * ووکامرس مثل نوتیس و فرم واریانت که وگرنه کاملاً بدون استایل می‌مانند.
 *
 * رنگ، فونت و دکمه از style.css خود قالب می‌آید.
 */

:root{
  --wc-ink:#1b1830;
  --wc-soft:#6b6885;
  --wc-line:#e8e4f7;
  --wc-bg:#faf9ff;
  --wc-gold:#f5a524;
}

.wc-wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/*
 * ⚠️ سبد و تسویه رَپر .wc-wrap نمی‌گیرند.
 *
 * websima_wc_wrapper_open() به woocommerce_before_main_content وصل است و
 * آن اکشن فقط از تمپلیت‌های خود ووکامرس (محصول و آرشیو) اجرا می‌شود.
 * سبد و تسویه برگه‌ی شورت‌کدی‌اند و از page.php می‌آیند:
 * .container > .row > .col-md-10.mx-auto — یعنی در ۹۹۲ تا ۱۱۹۹ پیکسل فقط
 * ۸۰۰ پیکسل فضا، در حالی که چیدمان دوستونی ۸۲۲ پیکسل لازم دارد و سرریز
 * افقی می‌داد. اینجا ستون را روی همین دو صفحه تمام‌عرض می‌کنیم.
 */
body.woocommerce-cart .col-md-10,
body.woocommerce-checkout .col-md-10{max-width:100%;flex:0 0 100%;width:100%}

/* ═══ نوار مرحله ═══ */
.wc-steps-bar{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:6px 0 34px}
.wc-stepb{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--wc-soft)}
.wc-stepb__n{width:28px;height:28px;border-radius:50%;border:1px solid var(--wc-line);background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bold-font);font-size:13px;flex:0 0 28px}
.wc-stepb.is-done .wc-stepb__n{background:var(--color1);border-color:var(--color1);color:#fff}
.wc-stepb.is-active{color:var(--wc-ink)}
.wc-stepb.is-active .wc-stepb__n{background:var(--color2);border-color:var(--color2);color:#fff;box-shadow:0 0 0 4px rgb(64 42 169 / 10%)}
.wc-stepb.is-active span:last-child{font-family:var(--bold-font)}
.wc-steps-bar__sep{width:44px;height:1px;background:var(--wc-line)}

/* ═══ نوتیس‌های ووکامرس (استایل پیش‌فرض حذف شده) ═══ */
.woocommerce-notices-wrapper{margin-bottom:22px}
/*
 * page.php روی صفحات ووکامرس به جای `cdesc cforms` این کلاس را می‌گذارد.
 * پایه‌ی حداقلی، چون هرچه لازم است در قواعد .wc-* پایین‌تر تعریف شده.
 */
.wc-page-content{line-height:2;color:var(--wc-ink)}

.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;border-radius:14px;padding:14px 18px;font-size:14px;line-height:2.1;margin:0 0 14px;border:1px solid}
.woocommerce-message{background:#eefdf7;border-color:#b9f0d8;color:#0a7d55}
.woocommerce-info{background:#f7f5ff;border-color:var(--wc-line);color:#4a4762}
.woocommerce-error{background:#fff5f9;border-color:#ffc9de;color:#b01447}
.woocommerce-error li{margin:0}
.woocommerce-message .button,.woocommerce-info .button{float:left;margin-right:14px}

/*
 * ═══ پنهان‌سازی دسترس‌پذیر ═══
 * قالب .screen-reader-text را تعریف نکرده، ولی ووکامرس در چند تمپلیت
 * (از جمله شمارنده‌ی تعداد) برچسب پنهان چاپ می‌کند. بدون این قانون آن
 * برچسب‌ها کنار فیلدها دیده می‌شوند.
 */
.woocommerce .screen-reader-text,
.wc-wrap .screen-reader-text,
.quantity .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ═══ شمارنده تعداد ═══ */
.wc-qty,.quantity{display:flex;align-items:center;border:1px solid var(--wc-line);border-radius:100px;overflow:hidden;width:max-content;background:#fff}
.wc-qty button,.quantity .wc-qty__btn{width:38px;height:36px;border:0;background:transparent;font-size:19px;cursor:pointer;color:var(--wc-soft);line-height:1}
.wc-qty button:hover{color:var(--color2)}
.wc-qty input,.quantity input.qty{width:44px;border:0;text-align:center;font:inherit;font-family:var(--bold-font);outline:none;background:transparent;-moz-appearance:textfield;padding:0;height:36px}
.wc-qty input::-webkit-outer-spin-button,.wc-qty input::-webkit-inner-spin-button,
.quantity input.qty::-webkit-outer-spin-button,.quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ═══ صفحه محصول ═══ */
.wc-crumbs{font-size:13px;color:var(--wc-soft);padding:18px 0}
.wc-crumbs a{color:var(--wc-soft)}
.wc-crumbs a:hover{color:var(--color2)}

.wc-top{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;margin-bottom:50px}

.wc-gallery{position:sticky;top:20px}
.wc-gallery .woocommerce-product-gallery__image{border:1px solid var(--wc-line);border-radius:20px;overflow:hidden;background:var(--wc-bg);display:block}
.wc-gallery .woocommerce-product-gallery__image img{width:100%;height:auto;display:block}
.wc-gallery .flex-control-thumbs{display:flex;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.wc-gallery .flex-control-thumbs li{flex:1;max-width:88px}
.wc-gallery .flex-control-thumbs img{width:100%;border:1px solid var(--wc-line);border-radius:12px;background:var(--wc-bg);cursor:pointer;transition:.2s}
.wc-gallery .flex-control-thumbs img.flex-active{border-color:var(--color2);box-shadow:0 0 0 2px rgb(64 42 169 / 15%)}
.wc-gallery__badge{position:absolute;top:16px;right:16px;background:var(--color6);color:#fff;font-family:var(--bold-font);font-size:13px;padding:5px 14px;border-radius:100px;z-index:2}

.wc-buy h1{font-family:var(--bold-font);font-size:24px;line-height:1.7;margin:0 0 12px;color:var(--wc-ink)}
.wc-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--wc-soft);margin-bottom:20px}
.wc-rating .star-rating{color:var(--wc-gold);letter-spacing:2px;font-size:14px}
.wc-rating a{color:var(--color2);text-decoration:underline}

.wc-gift{background:linear-gradient(to left,#eefdf7,#f6fffb);border:1px solid #b9f0d8;border-right:4px solid var(--color1);border-radius:14px;padding:14px 18px;margin-bottom:20px}
.wc-gift__title{font-family:var(--bold-font);font-size:14px;color:#0a7d55;margin-bottom:6px}
.wc-gift ul{margin:0;padding:0 18px 0 0;font-size:13.5px;line-height:2.1;color:#2b6b52}

/* فرم واریانت */
.wc-buy .variations{width:100%;margin-bottom:18px;border-collapse:collapse}
.wc-buy .variations th,.wc-buy .variations td{display:block;text-align:right;padding:0}
.wc-buy .variations th{font-family:var(--bold-font);font-size:14px;margin-bottom:8px;color:var(--wc-ink)}
.wc-buy .variations td{margin-bottom:14px}
.wc-buy .variations select{width:100%;height:46px;border:1px solid var(--wc-line);border-radius:14px;padding:0 14px;font:inherit;font-size:14px;background:#fff;outline:none;cursor:pointer}
.wc-buy .variations select:focus{border-color:var(--color2);box-shadow:0 0 0 3px rgb(64 42 169 / 8%)}
.wc-buy .reset_variations{font-size:12.5px;color:var(--wc-soft)}

.wc-price{border-top:1px solid var(--wc-line);padding-top:20px;margin-bottom:20px}
.wc-price .price{font-family:var(--bold-font);font-size:30px;color:var(--color2);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.wc-price .price del{font-size:15px;color:#a5a1bd;font-family:var(--main-font);order:-1;width:100%}
.wc-price .price ins{text-decoration:none}
.wc-price__save{background:#ffeaf2;color:var(--color6);font-family:var(--bold-font);font-size:13px;padding:4px 12px;border-radius:100px;display:inline-block;margin-top:8px}

.wc-buy form.cart{display:flex;gap:12px;align-items:stretch;margin-bottom:16px;flex-wrap:wrap}
.wc-buy form.cart.variations_form{display:block}
.wc-buy form.cart .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.wc-buy form.cart button[type=submit]{flex:1;min-width:180px;justify-content:center;height:48px;font-family:var(--bold-font);font-size:15px}
.wc-buy .stock.out-of-stock{color:var(--color6);font-family:var(--bold-font);font-size:14px}

.wc-call{display:flex;align-items:center;gap:12px;background:var(--wc-bg);border:1px dashed var(--wc-line);border-radius:14px;padding:12px 16px;margin-bottom:18px}
.wc-call__icon{width:38px;height:38px;border-radius:50%;background:var(--color2);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 38px}
.wc-call__text{font-size:13px;color:var(--wc-soft);line-height:1.8}
.wc-call__num{font-family:var(--bold-font);font-size:17px;color:var(--wc-ink);direction:ltr;display:inline-block}

.wc-assure{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wc-assure div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--wc-soft)}
.wc-assure i{color:var(--color1);font-size:15px}

.wc-trust{background:var(--color2);color:#fff;border-radius:20px;padding:26px 20px;margin-bottom:50px}
.wc-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.wc-trust__n{font-family:var(--bold-font);font-size:26px;display:block;line-height:1.4}
.wc-trust__l{font-size:13px;opacity:.85}

.wc-section{margin-bottom:56px}
.wc-section__head{text-align:center;margin-bottom:28px}
.wc-section__head h2{font-family:var(--bold-font);font-size:21px;margin:0 0 8px;color:var(--wc-ink)}
.wc-section__head p{margin:0;color:var(--wc-soft);font-size:14.5px}

.wc-specs{border:1px solid var(--wc-line);border-radius:18px;overflow:hidden}
.wc-specs table{width:100%;border-collapse:collapse;font-size:14px}
.wc-specs th,.wc-specs td{padding:14px 20px;border-bottom:1px solid var(--wc-line);text-align:right}
.wc-specs th{font-family:var(--bold-font);color:var(--wc-soft);font-weight:400;width:38%;background:#fdfdff}
.wc-specs tr:last-child th,.wc-specs tr:last-child td{border-bottom:0}
.wc-specs p{margin:0}

/* ═══ سبد خرید ═══ */
.wc-cart{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;margin-bottom:56px}
.wc-items{border:1px solid var(--wc-line);border-radius:20px;overflow:hidden}
.wc-items__head{display:grid;grid-template-columns:1fr 118px 116px 112px 36px;gap:10px;padding:14px 20px;background:var(--wc-bg);border-bottom:1px solid var(--wc-line);font-family:var(--bold-font);font-size:13px;color:var(--wc-soft)}
.wc-items__head span:not(:first-child){text-align:center}
.wc-item{display:grid;grid-template-columns:1fr 118px 116px 112px 36px;gap:10px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--wc-line)}
.wc-item:last-child{border-bottom:0}
.wc-item__prod{display:flex;gap:14px;align-items:center;min-width:0}
.wc-item__thumb{width:76px;height:76px;flex:0 0 76px;border:1px solid var(--wc-line);border-radius:14px;background:var(--wc-bg);overflow:hidden}
.wc-item__thumb img{width:100%;height:100%;object-fit:contain;display:block}
.wc-item__name{font-family:var(--bold-font);font-size:14.5px;color:var(--wc-ink);line-height:1.9;display:block}
.wc-item__name:hover{color:var(--color2)}
.wc-item__meta{font-size:12.5px;color:var(--wc-soft);line-height:2;margin-top:2px}
.wc-item__meta p{margin:0;display:inline}

/*
 * ووکامرس واریانت را به‌شکل <dl><dt>برچسب</dt><dd><p>مقدار</p></dd></dl>
 * چاپ می‌کند. dl/dt/dd بلوکی‌اند، پس بدون این قانون هر برچسب و مقدار روی
 * خط جدا می‌افتاد و در موبایل کارت را سه برابر بلند می‌کرد.
 */
.wc-item__meta .variation,
.wc-line__meta .variation{display:flex;flex-wrap:wrap;gap:0 5px;margin:0}
.wc-item__meta .variation dt,
.wc-line__meta .variation dt{font-weight:400;margin:0}
.wc-item__meta .variation dd,
.wc-line__meta .variation dd{margin:0 0 0 10px}
.wc-item__meta .variation dd p,
.wc-line__meta .variation dd p{display:inline;font-family:var(--bold-font);color:#4a4762}
.wc-item__stock{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#0a7d55;background:#eefdf7;padding:2px 9px;border-radius:100px;margin-top:6px}
.wc-item__price{text-align:center;font-size:14px;color:var(--wc-soft);font-variant-numeric:tabular-nums}
.wc-item__price del{display:block;font-size:12.5px;color:#a5a1bd}
.wc-item__total{text-align:center;font-family:var(--bold-font);font-size:15px;color:var(--color2);font-variant-numeric:tabular-nums}
.wc-item__qty{display:flex;justify-content:center}
.wc-item .product-remove{display:flex;justify-content:center}
.wc-item__rm{width:32px;height:32px;font-size:11px;border-radius:50%;border:1px solid var(--wc-line);background:#fff;color:#a5a1bd;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;margin:0 auto;text-decoration:none}
.wc-item__rm:hover{border-color:var(--color6);color:var(--color6);background:#fff5f9}

.wc-coupon{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.wc-coupon input{flex:1;min-width:190px;height:44px;border:1px solid var(--wc-line);border-radius:100px;padding:0 18px;font:inherit;font-size:14px;outline:none;background:#fff}
.wc-coupon input:focus{border-color:var(--color2);box-shadow:0 0 0 3px rgb(64 42 169 / 8%)}
.wc-coupon .button{height:44px}
.wc-coupon__note{width:100%;font-size:12.5px;color:var(--wc-soft);line-height:2}

.wc-totals{position:sticky;top:20px;border:1px solid var(--wc-line);border-radius:20px;overflow:hidden;background:#fff}
.wc-totals__head{background:var(--wc-bg);border-bottom:1px solid var(--wc-line);padding:15px 20px;font-family:var(--bold-font);font-size:15px;color:var(--wc-ink)}
.wc-totals__body{padding:18px 20px}
.wc-tr{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;color:var(--wc-soft);padding:9px 0}
.wc-tr b,.wc-tr .amount{font-family:var(--bold-font);font-weight:400;color:var(--wc-ink);font-variant-numeric:tabular-nums}
.wc-tr--off b,.wc-tr--off .amount{color:var(--color6)}
.wc-tr--free b{color:var(--color1)}
.wc-tr__hint{font-size:11.5px;color:#a5a1bd;display:block;margin-top:2px}
.wc-tr ul{margin:0;padding:0;list-style:none;text-align:left}
.wc-tr label{cursor:pointer}
.wc-totals__sum{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px dashed var(--wc-line);margin-top:10px;padding-top:16px}
.wc-totals__sum span{font-family:var(--bold-font);font-size:14.5px}
.wc-totals__sum .amount,.wc-totals__sum b{font-family:var(--bold-font);font-size:23px;color:var(--color2);font-variant-numeric:tabular-nums}
.wc-btn-lg{height:48px;width:100%;font-family:var(--bold-font);font-size:15px;margin-top:18px}
.wc-totals__back{display:block;text-align:center;font-size:13px;color:var(--wc-soft);margin-top:12px}
.wc-totals__back:hover{color:var(--color2)}
.wc-save-badge{background:#ffeaf2;color:var(--color6);font-family:var(--bold-font);font-size:12.5px;padding:5px 12px;border-radius:100px;display:block;text-align:center;margin-top:14px}
.wc-totals .wc-assure{grid-template-columns:1fr;margin-top:18px;padding-top:18px;border-top:1px solid var(--wc-line)}

.wc-empty{text-align:center;border:1px solid var(--wc-line);border-radius:20px;padding:60px 24px;background:var(--wc-bg)}
.wc-empty__icon{width:78px;height:78px;border-radius:50%;background:#fff;color:var(--color2);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px;box-shadow:0 2px 14px rgb(0 0 0 / 5%)}
.wc-empty h2{font-family:var(--bold-font);font-size:19px;margin:0 0 8px;color:var(--wc-ink)}
.wc-empty p{margin:0 0 22px;font-size:14px;color:var(--wc-soft);line-height:2.1}

/* ═══ تسویه حساب ═══ */
/* ۳۶۰px برای زمانی بود که این ستون فقط خلاصه‌ی سفارش داشت؛ حالا درگاه‌ها و
 * دکمه‌ی ثبت سفارش هم داخلش‌اند و بین ۹۹۲ تا ۱۱۵۰ باریک‌ترین جای صفحه بود. */
.wc-checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:30px;align-items:start;margin-bottom:56px}
.wc-box{border:1px solid var(--wc-line);border-radius:20px;margin-bottom:20px;overflow:hidden;background:#fff}
.wc-box__head{display:flex;align-items:center;gap:11px;padding:15px 20px;background:var(--wc-bg);border-bottom:1px solid var(--wc-line)}
.wc-box__n{width:26px;height:26px;border-radius:50%;background:var(--color2);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bold-font);font-size:13px;flex:0 0 26px}
.wc-box__head h2{font-family:var(--bold-font);font-size:15px;margin:0;color:var(--wc-ink)}
.wc-box__head p{margin:0;font-size:12.5px;color:var(--wc-soft);margin-inline-start:auto}
.wc-box__body{padding:20px}

.wc-login{display:flex;align-items:center;gap:12px;background:linear-gradient(to left,#f7f5ff,#fbfaff);border:1px solid var(--wc-line);border-right:4px solid var(--color2);border-radius:14px;padding:13px 18px;margin-bottom:20px;flex-wrap:wrap}
.wc-login__text{font-size:13.5px;color:var(--wc-soft);flex:1;line-height:2}
.wc-login__text b{font-family:var(--bold-font);font-weight:400;color:var(--wc-ink)}

/* فیلدهای فرم ووکامرس */
.wc-box__body .woocommerce-billing-fields__field-wrapper,
.wc-box__body .woocommerce-shipping-fields__field-wrapper,
.wc-box__body .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wc-box__body .form-row{display:flex;flex-direction:column;gap:7px;margin:0;padding:0}
.wc-box__body .form-row-wide,.wc-box__body .notes{grid-column:1 / -1}
.wc-box__body .form-row label{font-family:var(--bold-font);font-size:13px;color:var(--wc-ink)}
.wc-box__body .required{color:var(--color6);text-decoration:none;margin-inline-start:2px}
.wc-box__body .form-row input[type=text],
.wc-box__body .form-row input[type=tel],
.wc-box__body .form-row input[type=email],
.wc-box__body .form-row input[type=password],
.wc-box__body .form-row select,
.wc-box__body .form-row .select2-selection,
.wc-box__body .form-row textarea{height:46px;border:1px solid var(--wc-line);border-radius:12px;padding:0 14px;font:inherit;font-size:14px;color:var(--wc-ink);background:#fff;outline:none;transition:.2s;width:100%}
.wc-box__body .form-row textarea{height:96px;padding:12px 14px;line-height:2;resize:vertical}
.wc-box__body .form-row input:focus,.wc-box__body .form-row select:focus,.wc-box__body .form-row textarea:focus{border-color:var(--color2);box-shadow:0 0 0 3px rgb(64 42 169 / 8%)}
.wc-box__body .form-row select{appearance:none;cursor:pointer;padding-left:40px;background-repeat:no-repeat;background-position:left 15px center;background-size:12px 8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%236b6885' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.wc-box__body .form-row .description{font-size:12px;color:#a5a1bd;line-height:1.9}
.wc-box__body .form-row.woocommerce-invalid input,
.wc-box__body .form-row.woocommerce-invalid select{border-color:var(--color6)}

/* چک‌باکس‌ها */
.woocommerce-terms-and-conditions-wrapper label{display:flex;align-items:flex-start;gap:10px;font-family:var(--main-font);font-size:13.5px;color:var(--wc-soft);line-height:2;cursor:pointer}
.wc-box__body input[type=checkbox]{width:18px;height:18px;accent-color:var(--color2);flex:0 0 18px;margin-top:5px;cursor:pointer}
/* روش ارسال و پرداخت */
.wc-opts{list-style:none;margin:0;padding:0}
.wc-opts li,.woocommerce-checkout #payment ul.payment_methods li{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--wc-line);border-radius:14px;padding:14px 16px;margin-bottom:10px;transition:.2s;list-style:none;flex-wrap:wrap}
.wc-opts li:hover,.woocommerce-checkout #payment ul.payment_methods li:hover{border-color:#cfc6f2}
.wc-opts li.is-active,.woocommerce-checkout #payment ul.payment_methods li.is-active{border-color:var(--color2);background:#f7f5ff}
.wc-opts input[type=radio],.woocommerce-checkout #payment input[type=radio]{width:18px;height:18px;accent-color:var(--color2);flex:0 0 18px;margin-top:3px;cursor:pointer}
.wc-opts label,.woocommerce-checkout #payment ul.payment_methods label{font-family:var(--bold-font);font-size:14px;color:var(--wc-ink);flex:1;cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.wc-opts label .amount{color:var(--color2);font-variant-numeric:tabular-nums}
.woocommerce-checkout #payment ul.payment_methods li img{max-height:24px;width:auto;margin-inline-start:6px}
.payment_box{flex:0 0 100%;margin-top:12px;background:#fffaf0;border:1px solid #ffe4b3;border-radius:10px;padding:11px 14px;font-size:12.5px;color:#8a5a00;line-height:2}
.payment_box p{margin:0}
.woocommerce-checkout #payment{background:transparent;border:0;padding:0}
.woocommerce-checkout #payment ul.payment_methods{padding:0;margin:0;border:0}

/* خلاصه سفارش */
/*
 * ستون سفارش چسبان است تا دکمه‌ی ثبت سفارش هر جای صفحه دیده شود.
 *
 * max-height + overflow لازم است: با انتقال روش پرداخت به این ستون، محتوا
 * می‌تواند از ارتفاع پنجره بلندتر شود و آن‌وقت sticky عملاً کار نمی‌کند
 * (مرورگر چیزی برای چسباندن ندارد).
 */
/*
 * ⚠️ overflow-x صریح لازم است: طبق CSS Overflow، وقتی یک محور visible
 * نباشد محور دیگر هم به auto تبدیل می‌شود — نام محصول بلند یک اسکرول‌بار
 * افقی داخل ستون می‌ساخت.
 * ⚠️ overscroll-behavior:contain برداشته شد: وقتی اسکرول داخلی تمام می‌شد،
 * چرخاندن ماوس روی این ستون اسکرول صفحه را قفل می‌کرد.
 */
.wc-review{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;border:1px solid var(--wc-line);border-radius:20px;background:#fff}
.wc-review::-webkit-scrollbar{width:6px}
.wc-review::-webkit-scrollbar-thumb{background:var(--wc-line);border-radius:100px}

/* دکمه‌ی ثبت سفارش داخل همان ستون، ته صفحه‌ی چسبان */
.wc-review .place-order{position:sticky;bottom:0;background:#fff;padding-top:10px;margin-bottom:0;box-shadow:0 -10px 14px -10px rgb(0 0 0 / 10%)}
.wc-review__head{background:var(--wc-bg);border-bottom:1px solid var(--wc-line);padding:15px 20px;display:flex;align-items:center;justify-content:space-between}
.wc-review__head strong,
/* ⚠️ inherit عمدی است: --bold-font خودش خانواده‌ی iranyekan_bold است،
 * و درخواست وزن ۷۰۰ روی آن یعنی بولدِ مصنوعی روی بولد. */
.wc-review__head h3{font-family:var(--bold-font);font-size:15px;color:var(--wc-ink);margin:0;line-height:1.6;font-weight:inherit}
.wc-review__head a{font-size:12.5px;color:var(--color2);text-decoration:underline}
.wc-review__body{padding:18px 20px}
.wc-line{display:flex;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--wc-line)}
.wc-line__thumb{width:56px;height:56px;flex:0 0 56px;border:1px solid var(--wc-line);border-radius:12px;background:var(--wc-bg);overflow:hidden;position:relative}
.wc-line__thumb img{width:100%;height:100%;object-fit:contain;display:block}
.wc-line__q{position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:100px;background:var(--color2);color:#fff;font-family:var(--bold-font);font-size:11.5px;display:flex;align-items:center;justify-content:center}
.wc-line__main{flex:1;min-width:0}
.wc-line__name{font-family:var(--bold-font);font-size:13.5px;color:var(--wc-ink);line-height:1.9;display:block}
.wc-line__meta{font-size:12px;color:var(--wc-soft);line-height:1.9}
.wc-line__meta p{margin:0}
.wc-line__price{font-family:var(--bold-font);font-size:13.5px;color:var(--wc-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.wc-review__sum{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px dashed var(--wc-line);margin-top:10px;padding-top:16px}
.wc-review__sum span{font-family:var(--bold-font);font-size:14.5px}
.wc-review__sum .amount{font-family:var(--bold-font);font-size:23px;color:var(--color2);font-variant-numeric:tabular-nums}
/*
 * ردیف کشور پنهان می‌شود، ولی حذف نمی‌شود.
 *
 * با websima_wc_only_iran تنها کشور مجاز ایران است و ووکامرس یک select
 * تک‌گزینه‌ای (country_to_state--single) می‌سازد. خواسته‌ی مالک این بود که
 * «اسم کشور» دیده نشود — با display:none ردیف می‌رود ولی select در DOM،
 * در POST و روی سفارش می‌ماند. حذفِ خودِ فیلد سه چیز را می‌شکست:
 * checkout.js مقدار #billing_country را می‌خواند، نرخ مالیات ایران به آن
 * match می‌شود، و create_order کشور را از همان $data برمی‌دارد.
 */
.wc-box__body .form-row#billing_country_field,
.wc-box__body .form-row#shipping_country_field{display:none}

/* مرز بین «چه می‌خرم» و «چطور می‌پردازم» — بدون آن دو بخش یکی دیده می‌شدند */
.wc-pay-head{display:flex;align-items:center;gap:9px;font-family:var(--bold-font);font-size:14px;font-weight:inherit;line-height:1.6;color:var(--wc-ink);border-top:1px solid var(--wc-line);margin:18px 0 0;padding-top:18px}

.wc-secure{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--wc-soft);margin-top:12px;text-align:center;line-height:1.9}
.wc-secure i{color:var(--color1);flex:0 0 auto}
#place_order{height:48px;width:100%;font-family:var(--bold-font);font-size:15px;margin-top:16px}

/* ═══ واکنش‌گرایی ═══ */
@media screen and (max-width:991px){
  .wc-top{grid-template-columns:1fr;gap:26px}
  /* relative نه static: بج تخفیف absolute است و بدون بلوک دربرگیرنده رها می‌شد */
  .wc-gallery{position:relative;top:auto}
  .wc-cart,.wc-checkout{grid-template-columns:1fr;gap:24px}
  /*
   * max-height/overflow هم باید برگردد، نه فقط position.
   * وگرنه کل ستون (خلاصه + پرداخت + ثبت سفارش) داخل یک جعبه‌ی اسکرولِ
   * ۱۰۰vh حبس می‌شد و کاربر موبایل دو اسکرول تودرتو می‌گرفت.
   */
  .wc-totals,.wc-review{position:static;max-height:none;overflow-y:visible}
  /*
   * ⚠️ order:-1 برداشته شد. وقتی این ستون فقط خلاصه‌ی سفارش بود، بالا بردنش
   * منطقی بود؛ حالا روش پرداخت و دکمه‌ی ثبت سفارش هم داخلش است و بالای فرم
   * مشخصات می‌افتاد. ترتیب طبیعی موبایل: فرم → خلاصه → پرداخت → ثبت سفارش.
   */
  /*
   * ⚠️ .place-order هم باید ریست شود.
   * وقتی .wc-review دیگر ظرف اسکرول نیست، اسکرول‌پورتِ این فرزندِ sticky
   * خودِ ویوپورت می‌شود؛ ووکامرس شرایط و #place_order را با هم داخل
   * .form-row.place-order می‌گذارد، پس کل آن بلوکِ سفیدِ کدر تا وقتی
   * #payment زیر تاشو ادامه دارد روی فهرست درگاه‌ها می‌نشیند.
   * خواسته‌ی «دکمه‌ی شناور» مربوط به ستون چپِ دسکتاپ بود، نه موبایل.
   */
  .wc-review .place-order{position:static;box-shadow:none;padding-top:0}
  .wc-trust__grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .wc-steps-bar__sep{width:22px}
}
/*
 * تبدیل ردیف به کارت از ۷۶۷ پیکسل.
 *
 * قبلاً ۵۷۵ بود در حالی که ستون‌ها در ۹۹۱ جمع می‌شدند؛ بین این دو، جدول
 * پنج‌ستونی با عرض‌های ثابت در یک ستون تنگ می‌نشست و جا نمی‌شد.
 */
@media screen and (max-width:767px){
  .wc-items__head{display:none}
  .wc-item{grid-template-columns:1fr auto;gap:12px 14px;padding:16px}
  .wc-item__prod{grid-column:1 / -1;grid-row:1}
  .wc-item__price{grid-column:1;grid-row:2;text-align:right;font-size:13px}
  .wc-item__price::before{content:'قیمت واحد: ';color:#a5a1bd}
  /* پوشش .product-remove (لازم برای AJAX ووکامرس) خودش فرزند شبکه شد،
     پس جایگاه باید روی آن بنشیند نه روی لینک داخلش */
  .wc-item .product-remove{grid-column:2;grid-row:2;margin:0 0 0 auto}
  .wc-item__rm{margin:0}
  .wc-item__qty{grid-column:1;grid-row:3;justify-content:flex-start}
  .wc-item__total{grid-column:2;grid-row:3;text-align:left;align-self:center}
  .wc-item__total::before{content:'جمع: ';font-family:var(--main-font);font-size:12px;color:var(--wc-soft)}
}

@media screen and (max-width:575px){
  .wc-buy h1{font-size:19px}
  .wc-price .price{font-size:25px}
  .wc-assure{grid-template-columns:1fr}
  .wc-box__body .woocommerce-billing-fields__field-wrapper,
  .wc-box__body .woocommerce-shipping-fields__field-wrapper,
  .wc-box__body .woocommerce-additional-fields__field-wrapper{grid-template-columns:1fr}
  .wc-box__head p{width:100%;margin-inline-start:0}
  .wc-stepb span:last-child{display:none}
  .wc-steps-bar{gap:4px}
  .wc-steps-bar__sep{width:18px}
  .wc-totals__sum .amount,.wc-review__sum .amount{font-size:20px}

}

/* ═══ فروش افزونه (صفحه‌ی افزونه، خارج از تمپلیت‌های ووکامرس) ═══ */
.plugin-shop{display:flex;flex-direction:column;align-items:stretch}
.plugin-shop__price{font-family:var(--bold-font);font-size:22px;color:var(--color2);font-variant-numeric:tabular-nums;margin-bottom:14px;text-align:center;line-height:1.8}
.plugin-shop__price del{display:block;font-size:14px;color:#a5a1bd;font-family:var(--main-font)}
.plugin-shop__price ins{text-decoration:none}
.plugin-shop .button{width:100%;justify-content:center;height:46px;font-family:var(--bold-font);font-size:14.5px}
.plugin-shop .button i{opacity:1;visibility:visible;margin-left:6px;margin-right:0}
.plugin-shop__note{font-size:12.5px;color:var(--wc-soft,#6b6885);line-height:2;margin:10px 0 0;text-align:center}

/* ═══ آرشیو فروشگاه ═══
 * قالب همهٔ CSS ووکامرس را dequeue می‌کند، پس /shop/ و آرشیوهای دستهٔ
 * محصول — که نقاط ورود ایندکس‌شدنیِ کاتالوگ‌اند — کاملاً بدون استایل
 * رندر می‌شدند.
 */
.woocommerce .woocommerce-products-header{margin-bottom:22px}
.woocommerce .woocommerce-products-header__title{font-family:var(--bold-font);font-size:24px;color:var(--wc-ink);margin:0}
.woocommerce .woocommerce-result-count{font-size:13px;color:var(--wc-soft);margin:0 0 18px}
.woocommerce .woocommerce-ordering{margin:0 0 22px}
.woocommerce .woocommerce-ordering select{height:44px;border:1px solid var(--wc-line);border-radius:12px;padding:0 14px;font:inherit;font-size:14px;background:#fff;outline:none;cursor:pointer}

.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;list-style:none;margin:0 0 34px;padding:0;clear:both}
.woocommerce ul.products li.product{border:1px solid var(--wc-line);border-radius:18px;padding:16px;background:#fff;position:relative;display:flex;flex-direction:column;transition:.2s;margin:0;width:auto;float:none}
.woocommerce ul.products li.product:hover{border-color:#cfc6f2;box-shadow:0 6px 22px rgb(0 0 0 / 6%)}
.woocommerce ul.products li.product img{width:100%;height:auto;border-radius:12px;background:var(--wc-bg);margin-bottom:12px;display:block}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--bold-font);font-size:14.5px;color:var(--wc-ink);line-height:1.9;margin:0 0 8px;padding:0}
.woocommerce ul.products li.product .price{font-family:var(--bold-font);font-size:16px;color:var(--color2);font-variant-numeric:tabular-nums;margin:0 0 12px;display:block}
.woocommerce ul.products li.product .price del{font-size:13px;color:#a5a1bd;font-family:var(--main-font);margin-inline-end:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .star-rating{color:var(--wc-gold);font-size:13px;margin:0 0 8px}
.woocommerce ul.products li.product .button{margin-top:auto;width:100%;justify-content:center}
.woocommerce span.onsale{position:absolute;top:12px;right:12px;background:var(--color6);color:#fff;font-family:var(--bold-font);font-size:12px;padding:4px 12px;border-radius:100px;z-index:2;min-height:0;line-height:1.7}

.woocommerce nav.woocommerce-pagination{margin:0 0 40px}
.woocommerce nav.woocommerce-pagination ul{display:flex;gap:8px;justify-content:center;list-style:none;margin:0;padding:0;border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;min-inline-size:40px;block-size:40px;padding:0 12px;border:1px solid var(--wc-line);border-radius:12px;font-family:var(--bold-font);font-size:14px;color:var(--wc-soft);background:#fff}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--color2);border-color:var(--color2);color:#fff}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--color2);color:var(--color2)}

/* دکمهٔ اصلی سبد از قلاب خود ووکامرس می‌آید و کلاس‌های خودش را دارد */
.wc-proceed-to-checkout{margin-top:18px}
.wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;font-family:var(--bold-font);font-size:15px}

/* ═══ حساب کاربری ═══ */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--wc-line);border-radius:100px;font-size:13.5px;color:var(--wc-soft);background:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--color2);border-color:var(--color2);color:#fff;font-family:var(--bold-font)}
.woocommerce-account table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--wc-line);border-radius:18px;overflow:hidden;font-size:14px}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{padding:14px 16px;border-bottom:1px solid var(--wc-line);text-align:right}
.woocommerce-account table.shop_table th{font-family:var(--bold-font);color:var(--wc-soft);font-weight:400;background:var(--wc-bg)}
.woocommerce-account table.shop_table tr:last-child td{border-bottom:0}
.plugin-shop__warn{background:#fffaf0;border:1px solid #ffe4b3;border-radius:12px;padding:12px 14px;font-size:12.5px;color:#8a5a00;line-height:2;margin-bottom:12px}

/* نان‌ریزه‌ی ووکامرس پنهان است — قالب نان‌ریزه‌ی خودش را در هدر دارد.
   حذفش نمی‌کنیم چون داده‌ی ساختاری BreadcrumbList از همان اکشن می‌آید. */
.woocommerce-breadcrumb{display:none}