/* ===========================================================
   پنل کاربری ریحانه‌استور
   ساختار: .acc-layout  →  aside.acc-side  +  .acc-content > .acc-panel
   نکته‌ی مهم: بخش (۰) چیدمانِ ستونی/گریدِ قالب مادر (وودمارت) را
   خنثی می‌کند؛ بدون آن، پنل داخل یک ستونِ باریک له می‌شود.
   =========================================================== */

/* ===========================================================
   ۰) خنثی‌سازی چیدمان قالب مادر روی صفحه‌ی حساب
   =========================================================== */

/* عنوان پیش‌فرض «حساب کاربری» و سایدبار قالب مادر */
body.woocommerce-account .wd-page-title,
body.woocommerce-account .page-title,
body.woocommerce-account .entry-title,
body.woocommerce-account h1.woocommerce-products-header__title,
body.woocommerce-account .title-wrapper,
body.woocommerce-account .wd-sidebar,
body.woocommerce-account .sidebar-container,
body.woocommerce-account aside.sidebar-container,
body.woocommerce-account .widget-area,
body.woocommerce-account #secondary,
body.woocommerce-account .wd-my-account-sidebar { display: none !important; }

/* ستونِ محتوا همیشه تمام‌عرض */
body.woocommerce-account .row { display: block !important; }
body.woocommerce-account .content-area,
body.woocommerce-account [class*="col-lg-"].content-area,
body.woocommerce-account [class*="col-md-"].content-area,
body.woocommerce-account .wd-page-content .content-area,
body.woocommerce-account main.site-main,
body.woocommerce-account .rey-account-page-wrap,
body.woocommerce-account .woocommerce,
body.woocommerce-account .wd-my-account-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
	min-width: 0 !important;
	margin-inline: 0 !important;
	float: none !important;
}

/* گریدِ ستونیِ وودمارت (متغیرهای wd-col) را ۱۲ ستونه کن تا نشکند */
body.woocommerce-account [class*="wd-col"] {
	--wd-col-lg: 12 !important;
	--wd-col-md: 12 !important;
	--wd-col-sm: 12 !important;
}
body.woocommerce-account .wd-my-account-wrapper { display: block !important; }

/* ناوبری پیش‌فرض ووکامرس/وودمارت (ما acc-nav خودمان را داریم) */
body.woocommerce-account .woocommerce-MyAccount-navigation:not(.acc-side) { display: none !important; }
body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ===========================================================
   ۱) چیدمان اصلی
   =========================================================== */
.rey-ui .rey-account-page-wrap { width: 100%; }

.rey-ui .acc-layout {
	display: grid !important;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	margin-top: 20px;
	width: 100%;
}
.rey-ui .acc-layout > * { min-width: 0; }
/* اگر افزونه‌ای المان ناخواسته‌ای وسطِ گرید تزریق کرد، دوستونه نشکند */
.rey-ui .acc-layout > *:not(.acc-side):not(.acc-content) { grid-column: 1 / -1; }

.rey-ui .acc-side { position: sticky; top: 16px; }
.rey-ui .acc-content { min-width: 0; }
.rey-ui .acc-panel { display: block; min-width: 0; }
.rey-ui .acc-panel > h2 { font: 800 18px var(--rey-font); color: var(--navy); margin: 0 0 16px; }
.rey-ui .acc-empty { font: 400 13px/2.1 var(--rey-font); color: var(--muted); padding: 26px 0; }
.rey-ui .acc-empty a { color: var(--green); font-weight: 700; }

/* کارت پایه‌ی سایدبار */
.rey-ui .side-card { background: var(--surface); border: 1px solid var(--border); border-radius: calc(18px * var(--rey-r)); padding: 20px; }

/* ===========================================================
   ۲) سایدبار — کاربر + منو
   =========================================================== */
.rey-ui .acc-user { display: flex; align-items: center; gap: 12px; min-width: 0;
	padding-bottom: 16px; border-bottom: 1px solid var(--border-2); margin-bottom: 10px; }
.rey-ui .acc-user > div { min-width: 0; }
.rey-ui .acc-user .av { width: 46px; height: 46px; border-radius: 50%; flex: 0 0 46px;
	background: linear-gradient(135deg, var(--green), var(--green-bright));
	color: #fff; font: 800 16px var(--rey-font);
	display: flex; align-items: center; justify-content: center; }
.rey-ui .acc-user b { font: 700 14px var(--rey-font); color: var(--navy); display: block;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rey-ui .acc-user span { font: 400 11px var(--rey-font); color: var(--muted); direction: ltr; display: block; }

.rey-ui .acc-nav { display: flex; flex-direction: column; }
.rey-ui .acc-nav a { display: flex; align-items: center; gap: 11px; min-width: 0;
	font: 500 13px var(--rey-font); color: var(--text-3);
	padding: 12px; border-radius: calc(12px * var(--rey-r)); transition: background .2s, color .2s; }
.rey-ui .acc-nav a svg { width: 18px; height: 18px; flex: 0 0 18px; }
.rey-ui .acc-nav a:hover { background: var(--green-050); color: var(--green); }
.rey-ui .acc-nav a.active { background: var(--green-100); color: var(--green); font-weight: 700; }
.rey-ui .acc-nav a.logout { color: var(--red); margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--border-2); }
.rey-ui .acc-nav a.logout:hover { background: #fdeef0; color: var(--red); }
.rey-ui .acc-nav a .badge2 { margin-inline-start: auto; flex: 0 0 auto;
	background: var(--green); color: #fff; font: 700 10px var(--rey-font);
	border-radius: 99px; padding: 2px 8px; }

/* ===========================================================
   ۳) پیشخوان — کارت‌های آمار
   =========================================================== */
.rey-ui .stat-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.rey-ui .stat-cards > * { min-width: 0; }
.rey-ui .stat-c { background: var(--surface); border: 1px solid var(--border); border-radius: calc(16px * var(--rey-r));
	padding: 18px; display: flex; align-items: center; gap: 14px; min-width: 0; }
.rey-ui .stat-c > div { min-width: 0; }
.rey-ui .stat-c .ic { width: 44px; height: 44px; border-radius: calc(13px * var(--rey-r)); flex: 0 0 44px;
	background: var(--green-100); color: var(--green);
	display: flex; align-items: center; justify-content: center; }
.rey-ui .stat-c .ic svg { width: 20px; height: 20px; }
.rey-ui .stat-c b { font: 800 15px var(--rey-font); color: var(--navy); display: block; }
.rey-ui .stat-c span { font: 400 11.5px/1.7 var(--rey-font); color: var(--muted); display: block; }

/* ===========================================================
   ۴) سفارش‌ها
   =========================================================== */
.rey-ui .order-card { background: var(--surface); border: 1px solid var(--border);
	border-radius: calc(18px * var(--rey-r)); padding: 18px 20px; margin-bottom: 12px; min-width: 0; }
.rey-ui .order-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.rey-ui .order-head .oid { font: 700 13px var(--rey-font); color: var(--navy); }
.rey-ui .order-head .odate { font: 400 11.5px var(--rey-font); color: var(--muted); }
.rey-ui .order-head .osum { font: 600 12.5px var(--rey-font); color: var(--text-2); margin-inline-start: auto; }
.rey-ui .status-chip { font: 700 11px var(--rey-font); border-radius: 99px; padding: 4px 12px; white-space: nowrap; }
.rey-ui .status-chip.progress { color: #1d6fd6; background: #e8f1fd; }
.rey-ui .status-chip.done { color: var(--green); background: var(--green-100); }
.rey-ui .status-chip.canceled { color: var(--red); background: #fdeef0; }
.rey-ui .order-items { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.rey-ui .order-items img { width: 52px; height: 52px; border-radius: calc(10px * var(--rey-r)); object-fit: cover; border: 1px solid var(--border); }
.rey-ui .order-foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
	margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--border-2); justify-content: flex-end; }
.rey-ui .order-foot .btn-ghost,
.rey-ui .order-foot .btn-primary { padding: 8px 18px; font-size: 12px; }

/* ===========================================================
   ۵) پیگیری سفارش — کارت، نوار مراحل، رویدادها
   =========================================================== */
.rey-ui .track-card { background: var(--surface); border: 1px solid var(--border);
	border-radius: calc(20px * var(--rey-r)); padding: 24px; min-width: 0; }
.rey-ui .track-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 8px; }
.rey-ui .track-top .oid { font: 800 15px var(--rey-font); color: var(--navy); }
.rey-ui .track-top .live { display: inline-flex; align-items: center; gap: 7px;
	font: 700 11px var(--rey-font); color: var(--green);
	background: var(--green-100); border-radius: 99px; padding: 5px 13px; }
.rey-ui .track-top .live i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); animation: rey-blink 1.4s infinite; }

.rey-ui .stepper { display: flex; margin: 26px 0 8px; padding-top: 10px; }
.rey-ui .stepper .st { flex: 1; text-align: center; position: relative; min-width: 0; }
.rey-ui .stepper .st::before { content: ""; position: absolute; top: 17px; inset-inline-start: 50%;
	width: 100%; height: 3px; background: var(--border); }
.rey-ui .stepper .st:first-child::before { display: none; }
.rey-ui .stepper .st.done::before, .rey-ui .stepper .st.current::before { background: var(--green); }
.rey-ui .stepper .dot { position: relative; z-index: 1; width: 36px; height: 36px; margin: 0 auto;
	border-radius: 50%; background: #fff; border: 2.5px solid var(--border);
	display: flex; align-items: center; justify-content: center; color: var(--muted); }
.rey-ui .stepper .dot svg { width: 16px; height: 16px; }
.rey-ui .stepper .st.done .dot { background: var(--green); border-color: var(--green); color: #fff; }
.rey-ui .stepper .st.current .dot { border-color: var(--green); color: var(--green); animation: rey-pulse 1.8s infinite; }
.rey-ui .stepper .lb { font: 600 11px var(--rey-font); color: var(--muted); margin-top: 9px; padding: 0 4px; overflow-wrap: break-word; }
.rey-ui .stepper .st.done .lb, .rey-ui .stepper .st.current .lb { color: var(--green); }
.rey-ui .stepper .tm { display: block; font: 400 9.5px var(--rey-font); color: var(--muted); margin-top: 2px; }

.rey-ui .track-events { margin-top: 22px; border-top: 1px dashed var(--border); padding-top: 18px; }
.rey-ui .tev { display: flex; gap: 14px; position: relative; padding-bottom: 20px; min-width: 0; }
.rey-ui .tev > div { min-width: 0; }
.rey-ui .tev::before { content: ""; position: absolute; top: 18px; bottom: 0; inset-inline-start: 6.5px; width: 1.5px; background: var(--border); }
.rey-ui .tev:last-child::before { display: none; }
.rey-ui .tev i { width: 15px; height: 15px; border-radius: 50%; border: 3.5px solid var(--green);
	background: #fff; flex: 0 0 15px; margin-top: 3px; position: relative; z-index: 1; }
.rey-ui .tev.pending i { border-color: var(--border); }
.rey-ui .tev b { font: 700 12.5px/1.9 var(--rey-font); color: var(--navy); display: block; }
.rey-ui .tev.pending b { color: var(--muted); }
.rey-ui .tev span { font: 400 11px/1.9 var(--rey-font); color: var(--muted); }
.rey-ui .tev .code { font: 600 11px ui-monospace, Menlo, monospace; color: var(--green);
	background: var(--green-100); border-radius: calc(8px * var(--rey-r)); padding: 2px 10px; margin-inline-start: 6px; direction: ltr; display: inline-block; }
.rey-ui .copy-mini { width: 26px; height: 26px; border-radius: calc(8px * var(--rey-r)); border: 1px solid var(--green-300);
	background: #fff; color: var(--green);
	display: inline-flex; align-items: center; justify-content: center;
	vertical-align: middle; margin-inline-start: 6px; cursor: pointer; transition: background .2s, color .2s; }
.rey-ui .copy-mini svg { width: 13px; height: 13px; }
.rey-ui .copy-mini:hover, .rey-ui .copy-mini.copied { background: var(--green); color: #fff; }

/* ===========================================================
   ۶) کدهای تخفیف
   =========================================================== */
.rey-ui .coupon-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rey-ui .coupon { border: 1.5px dashed var(--green-300); background: var(--green-050); border-radius: calc(16px * var(--rey-r));
	padding: 18px; position: relative; overflow: hidden; min-width: 0; }
.rey-ui .coupon::before, .rey-ui .coupon::after { content: ""; position: absolute; top: 50%;
	width: 22px; height: 22px; border-radius: 50%;
	background: var(--bg); border: 1.5px dashed var(--green-300); transform: translateY(-50%); }
.rey-ui .coupon::before { inset-inline-end: -12px; }
.rey-ui .coupon::after { inset-inline-start: -12px; }
.rey-ui .coupon.expired { border-color: var(--border); background: #fafbfb; filter: grayscale(.4); }
.rey-ui .coupon b { font: 800 15px var(--rey-font); color: var(--navy); display: block; }
.rey-ui .coupon .desc { font: 400 11.5px/1.9 var(--rey-font); color: var(--text-3); margin-top: 4px; }
.rey-ui .coupon .row2 { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; gap: 10px; flex-wrap: wrap; }
.rey-ui .coupon .code { font: 700 13px ui-monospace, Menlo, monospace; letter-spacing: .06em; direction: ltr;
	color: var(--green); background: #fff; border: 1px solid var(--green-300); border-radius: calc(10px * var(--rey-r)); padding: 7px 14px; }
.rey-ui .coupon .exp { font: 400 10.5px var(--rey-font); color: var(--muted); }
.rey-ui .coupon .copy { font: 700 11px var(--rey-font); color: #fff; background: var(--green);
	border: none; border-radius: calc(9px * var(--rey-r)); padding: 8px 16px; cursor: pointer; }
.rey-ui .coupon.expired .copy { background: #c4c9cf; cursor: default; }

/* ===========================================================
   ۷) باشگاه و امتیازها
   =========================================================== */
.rey-ui .points-hero { background: linear-gradient(115deg, var(--green-dark), var(--green) 55%, var(--green-light));
	border-radius: calc(18px * var(--rey-r)); padding: 24px; color: #fff;
	display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; }
.rey-ui .points-hero > * { min-width: 0; }
.rey-ui .points-hero b { font: 900 30px var(--rey-font); display: block; }
.rey-ui .points-hero span { font: 400 12px var(--rey-font); color: var(--green-mint); }
.rey-ui .btn-light { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
	background: #fff; color: var(--green); font: 700 13px var(--rey-font); padding: 12px 26px; border-radius: 99px; }
.rey-ui .ptr { display: flex; align-items: center; gap: 12px; min-width: 0;
	background: var(--surface); border: 1px solid var(--border); border-radius: calc(14px * var(--rey-r)); padding: 13px 16px; margin-bottom: 8px; }
.rey-ui .ptr svg { width: 17px; height: 17px; color: var(--green); flex: 0 0 17px; }
.rey-ui .ptr.minus svg { color: var(--red); }
.rey-ui .ptr .t { font: 500 12.5px var(--rey-font); color: var(--text-2); flex: 1; min-width: 0; }
.rey-ui .ptr .d { font: 400 10.5px var(--rey-font); color: var(--muted); }
.rey-ui .ptr .v { font: 700 13px var(--rey-font); color: var(--green); }
.rey-ui .ptr.minus .v { color: var(--red); }

/* ===========================================================
   ۸) آدرس‌ها
   =========================================================== */
.rey-ui .addr-card { background: var(--surface); border: 1px solid var(--border); border-radius: calc(16px * var(--rey-r));
	padding: 18px 20px; margin-bottom: 10px; display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.rey-ui .addr-card > div { min-width: 0; flex: 1; }
.rey-ui .addr-card svg { width: 19px; height: 19px; color: var(--green); flex: 0 0 19px; margin-top: 3px; }
.rey-ui .addr-card b { font: 700 13.5px var(--rey-font); color: var(--navy); display: block; }
.rey-ui .addr-card p, .rey-ui .addr-card address { font: 400 12px/2 var(--rey-font); color: var(--text-3);
	margin: 4px 0 0; font-style: normal; }
.rey-ui .addr-card .default { font: 600 10px var(--rey-font); color: var(--green);
	background: var(--green-100); border-radius: 99px; padding: 3px 10px; margin-inline-start: 8px; }
.rey-ui .addr-card .edit { flex: 0 0 auto; font: 600 12px var(--rey-font); color: var(--green);
	background: none; border: none; cursor: pointer; }

/* ===========================================================
   ۹) علاقه‌مندی‌ها
   =========================================================== */
.rey-ui .wl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rey-ui .wl-grid > * { min-width: 0; }

/* ===========================================================
   ۱۰) فرم‌های حساب (ورود/ثبت‌نام، ویرایش حساب، ویرایش آدرس)
   =========================================================== */
.rey-ui .acc-forms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.rey-ui .acc-forms > * { min-width: 0; }
.rey-ui .acc-form { background: var(--surface); border: 1px solid var(--border); border-radius: calc(20px * var(--rey-r)); padding: 26px; }
.rey-ui .acc-form > h3 { font: 800 17px var(--rey-font); color: var(--navy); margin: 0 0 6px; }
.rey-ui .acc-form > .hint { font: 400 12px/1.9 var(--rey-font); color: var(--muted); margin: 0 0 18px; }

/* فیلدها — هم روی مارک‌آپ خودمان و هم روی مارک‌آپ ووکامرس */
.rey-ui .acc-panel .form-row,
.rey-ui .acc-panel .woocommerce-form-row { display: block; margin: 0 0 14px; padding: 0; }
.rey-ui .acc-panel label { display: block; font: 600 12.5px var(--rey-font); color: var(--navy); margin-bottom: 7px; }
.rey-ui .acc-panel label .required { color: var(--red); text-decoration: none; }
.rey-ui .acc-panel input[type="text"],
.rey-ui .acc-panel input[type="email"],
.rey-ui .acc-panel input[type="tel"],
.rey-ui .acc-panel input[type="number"],
.rey-ui .acc-panel input[type="password"],
.rey-ui .acc-panel textarea,
.rey-ui .acc-panel select,
.rey-ui .acc-panel .select2-container .select2-selection--single {
	width: 100%; height: auto; font: 400 13px var(--rey-font); color: var(--text);
	background: #fff; border: 1px solid var(--border); border-radius: calc(12px * var(--rey-r)); padding: 12px 14px;
	transition: border-color .2s, box-shadow .2s; }
.rey-ui .acc-panel textarea { min-height: 110px; resize: vertical; line-height: 2; }
.rey-ui .acc-panel input:focus,
.rey-ui .acc-panel textarea:focus,
.rey-ui .acc-panel select:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(0,95,54,.12); }
.rey-ui .acc-panel .select2-container .select2-selection--single { display: flex; align-items: center; }
.rey-ui .acc-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }

.rey-ui .acc-panel .form-row-first,
.rey-ui .acc-panel .form-row-last { width: 100%; float: none; }
.rey-ui .acc-panel .form-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
.rey-ui .acc-panel .form-grid-2 > * { min-width: 0; }
/* فیلدهای تمام‌عرضِ ووکامرس (آدرس، توضیحات و…) کل عرض گرید را بگیرند */
.rey-ui .acc-panel .form-grid-2 > .form-row-wide,
.rey-ui .acc-panel .form-grid-2 > .notes,
.rey-ui .acc-panel .form-grid-2 > .form-row-full { grid-column: 1 / -1; }
.rey-ui .acc-forms--single { grid-template-columns: minmax(0, 560px); justify-content: center; }

.rey-ui .acc-panel button[type="submit"],
.rey-ui .acc-panel .woocommerce-Button,
.rey-ui .acc-panel input[type="submit"] {
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--green); color: #fff; border: none;
	font: 700 13px var(--rey-font); padding: 12px 30px; border-radius: 99px; cursor: pointer;
	transition: background .2s; width: auto; }
.rey-ui .acc-panel button[type="submit"]:hover,
.rey-ui .acc-panel .woocommerce-Button:hover { background: var(--green-dark); }

.rey-ui .acc-panel .woocommerce-form-login__rememberme,
.rey-ui .acc-panel .woocommerce-form__label-for-checkbox {
	display: flex; align-items: center; gap: 8px; font: 400 12.5px var(--rey-font); color: var(--text-3); margin: 0 0 14px; }
.rey-ui .acc-panel .woocommerce-form-login__rememberme input,
.rey-ui .acc-panel .woocommerce-form__input-checkbox { width: auto; margin: 0; }
.rey-ui .acc-panel .lost_password { font: 500 12px var(--rey-font); margin: 12px 0 0; }
.rey-ui .acc-panel .lost_password a { color: var(--green); }
.rey-ui .acc-panel fieldset { border: 1px solid var(--border); border-radius: calc(16px * var(--rey-r)); padding: 20px; margin: 22px 0 0; }
.rey-ui .acc-panel fieldset legend { font: 700 13.5px var(--rey-font); color: var(--navy); padding: 0 8px; }

/* ===========================================================
   ۱۱) جدول‌ها و اعلان‌های ووکامرس داخل پنل
   =========================================================== */
.rey-ui .acc-panel .woocommerce-table,
.rey-ui .acc-panel table.shop_table {
	width: 100%; border-collapse: separate; border-spacing: 0;
	border: 1px solid var(--border); border-radius: calc(16px * var(--rey-r)); overflow: hidden;
	font: 400 13px var(--rey-font); background: var(--surface); margin: 0 0 18px; }
.rey-ui .acc-panel table.shop_table th { background: var(--gray-1); color: var(--navy);
	font-weight: 700; padding: 13px 15px; text-align: start; font-size: 12.5px; }
.rey-ui .acc-panel table.shop_table td { padding: 13px 15px; border-top: 1px solid var(--border); color: var(--text-2); }
.rey-ui .acc-panel table.shop_table a { color: var(--green); font-weight: 600; }
.rey-ui .rey-order-details h2,
.rey-ui .acc-panel .woocommerce-column__title,
.rey-ui .acc-panel .woocommerce-order-details__title,
.rey-ui .acc-panel .woocommerce-customer-details h2 {
	font: 800 15px var(--rey-font); color: var(--navy); margin: 24px 0 12px; }
.rey-ui .acc-panel .woocommerce-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.rey-ui .acc-panel .woocommerce-columns > * { min-width: 0; }
.rey-ui .acc-panel address { font: 400 12.5px/2.1 var(--rey-font); color: var(--text-3); font-style: normal; }

.rey-ui .acc-panel .woocommerce-message,
.rey-ui .acc-panel .woocommerce-info,
.rey-ui .acc-panel .woocommerce-error,
.rey-ui .acc-panel .woocommerce-notice {
	list-style: none; font: 500 12.5px/1.9 var(--rey-font);
	border: 1px solid var(--border); border-inline-start: 4px solid var(--green);
	background: var(--green-050); color: var(--text-2); border-radius: calc(12px * var(--rey-r)); padding: 13px 16px; margin: 0 0 16px; }
.rey-ui .acc-panel .woocommerce-error { border-inline-start-color: var(--red); background: #fdf3f5; }
.rey-ui .acc-panel .woocommerce-error li { margin: 0; }

/* ===========================================================
   ۱۲) ریسپانسیو
   =========================================================== */
@media (max-width: 1024px) {
	.rey-ui .acc-layout { grid-template-columns: 225px minmax(0, 1fr); }
	.rey-ui .stat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rey-ui .wl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rey-ui .coupon-grid,
	.rey-ui .acc-forms { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
	.rey-ui .acc-layout { grid-template-columns: minmax(0, 1fr); margin-top: 14px; gap: 12px; }
	.rey-ui .acc-side { position: static; padding: 12px 14px; }
	.rey-ui .acc-nav { flex-direction: row; overflow-x: auto; gap: 4px; scrollbar-width: none; }
	.rey-ui .acc-nav::-webkit-scrollbar { display: none; }
	.rey-ui .acc-nav a { flex: 0 0 auto; padding: 9px 12px; font-size: 12px; white-space: nowrap; }
	.rey-ui .acc-nav a .badge2 { margin-inline-start: 6px; }
	.rey-ui .acc-nav a.logout { border-top: none; margin-top: 0; padding-top: 9px; }
	.rey-ui .acc-user { border-bottom: none; margin-bottom: 4px; padding-bottom: 8px; }
	.rey-ui .acc-panel > h2 { font-size: 16px; }
	.rey-ui .stat-cards { grid-template-columns: minmax(0, 1fr); }
	.rey-ui .track-card { padding: 16px; border-radius: calc(16px * var(--rey-r)); }
	.rey-ui .track-top { gap: 8px; }
	.rey-ui .track-top .oid { font-size: 13px; }
	.rey-ui .order-card { padding: 14px; border-radius: calc(14px * var(--rey-r)); }
	.rey-ui .order-head .osum { flex: 1 1 100%; margin-inline-start: 0; }
	.rey-ui .points-hero { padding: 18px; border-radius: calc(14px * var(--rey-r)); }
	.rey-ui .points-hero b { font-size: 24px; }
	.rey-ui .ptr .d { display: none; }
	.rey-ui .addr-card { padding: 14px; }
	.rey-ui .stepper .lb { font-size: 8.5px; }
	.rey-ui .stepper .tm { display: none; }
	.rey-ui .stepper .dot { width: 28px; height: 28px; }
	.rey-ui .stepper .dot svg { width: 12px; height: 12px; }
	.rey-ui .stepper .st::before { top: 13px; }
	.rey-ui .wl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rey-ui .acc-form { padding: 18px; border-radius: calc(16px * var(--rey-r)); }
	.rey-ui .acc-panel .form-grid-2,
	.rey-ui .acc-panel .woocommerce-columns { grid-template-columns: minmax(0, 1fr); }

	/* جدول‌های ووکامرس → کارت در موبایل */
	.rey-ui .acc-panel table.shop_table thead { display: none; }
	.rey-ui .acc-panel table.shop_table,
	.rey-ui .acc-panel table.shop_table tbody,
	.rey-ui .acc-panel table.shop_table tfoot,
	.rey-ui .acc-panel table.shop_table tr,
	.rey-ui .acc-panel table.shop_table td,
	.rey-ui .acc-panel table.shop_table th { display: block; width: 100%; }
	.rey-ui .acc-panel table.shop_table tr { border-bottom: 1px solid var(--border); padding: 6px 4px; }
	.rey-ui .acc-panel table.shop_table td { border: none; display: flex; justify-content: space-between; gap: 12px; padding: 7px 12px; }
	.rey-ui .acc-panel table.shop_table td::before { content: attr(data-title); font-weight: 700; color: var(--navy); }
}

/* ===========================================================
   ۱۳) انیمیشن‌ها
   =========================================================== */
@keyframes rey-pulse { 0%, 100% { box-shadow: 0 0 0 4px var(--green-100); } 50% { box-shadow: 0 0 0 9px var(--green-200); } }
@keyframes rey-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }