/* AIC front component — matches g2tech.shop tokens:
   buttons: accent bg, 5px radius, dark text · inputs: square, 2px border ·
   text #777 · titles #242424. Scoped under .aic-* only. */

.aic-form{--aic-acc:#ffaa00;font-size:14px;color:#242424;line-height:1.9;text-align:right;direction:rtl}
.aic-form *,.aic-form *::before,.aic-form *::after{box-sizing:border-box}

.aic-sec{padding:16px 20px;border-bottom:1px solid #e5e5e5}
.aic-sec-notes{background:#fbfcfd}
.aic-sec-t{margin:0 0 12px;font-size:12.5px;color:#777;font-weight:800;display:flex;gap:0;align-items:center}
/* شمارهٔ بخش‌ها در مودال مشتری نمایش داده نمی‌شود: اگر مدیر بخش ۲ را تعریف
   نکند، ترتیب ۱ و ۳ ظاهر بدی می‌ساخت. فقط عنوان‌ها نمایش داده می‌شوند.
   این قاعده فقط داخل .aic-sec-t (مودال مشتری) است؛ شماره‌گذاری بخش‌ها در
   صفحهٔ تعریف الگو (پنل مدیر، admin.css) کاملاً دست‌نخورده می‌ماند. */
.aic-sec-t .aic-nb{display:none}
.aic-nb{width:21px;height:21px;border-radius:50%;background:var(--aic-acc);color:#1d1d1f;display:inline-grid;place-items:center;font-size:11.5px;font-weight:900;flex:none;font-style:normal}
.aic-star{color:#d63638;font-style:normal}
.aic-optl{color:#777;font-weight:600;font-size:11px}

.aic-frow{margin-bottom:13px}
.aic-frow:last-child{margin-bottom:2px}
.aic-lab{font-size:12.8px;font-weight:800;display:flex;gap:5px;align-items:center;margin-bottom:6px}
.aic-in{width:100%;border:2px solid #e5e5e5;border-radius:0;padding:10px 12px;font-size:13.5px;background:#fff;outline:0;transition:border-color .15s,box-shadow .15s;font-family:inherit;color:#242424}
.aic-in:focus{border-color:var(--aic-acc);box-shadow:0 0 0 3px rgba(255,170,0,.16)}
.aic-in::placeholder{color:#aaa;font-size:12.5px}
.aic-ltr{direction:ltr;text-align:left}
.aic-frow.aic-err .aic-in{border-color:#d63638}
.aic-msg{display:none;color:#d63638;font-size:11.5px;margin-top:5px;font-weight:700}
.aic-frow.aic-err .aic-msg{display:block}


.aic-grp{display:block}
.aic-opt{border:2px solid #e5e5e5;border-radius:5px;padding:12px 13px;display:flex;gap:10px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;margin:0 0 9px;align-items:flex-start}
.aic-opt input[type=radio]{width:16px;height:16px;accent-color:var(--aic-acc);margin:4px 0 0;flex:none;cursor:pointer}
.aic-opt.is-sel{border-color:var(--aic-acc);background:#fff7e6;box-shadow:0 0 0 3px rgba(255,170,0,.13)}
.aic-opt-b{flex:1;min-width:0}
.aic-opt-l{font-size:13px;font-weight:800;display:block}
.aic-sub{display:none;margin-top:9px;padding-top:9px;border-top:1px dashed #e6d9b8}
.aic-opt.is-sel .aic-sub{display:block}
.aic-sub-l{font-size:11.8px;font-weight:800;display:block;margin-bottom:5px}
.aic-gmsg{display:none;color:#d63638;font-size:11.5px;font-weight:700;margin-top:2px}
.aic-grp.aic-err .aic-gmsg{display:block}
.aic-grp.aic-err .aic-opt{border-color:#f0b6b7}

.aic-note{display:flex;gap:8px;font-size:12.3px;color:#4a4f57;margin-bottom:7px;line-height:1.9}
.aic-note i{font-style:normal;flex:none}
.aic-note a{color:#b25b00;font-weight:800;text-decoration:underline}

.aic-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;background:#fff}
.aic-btn{border:0;border-radius:5px;padding:9px 18px;font-weight:800;font-size:13px;cursor:pointer;transition:filter .15s;font-family:inherit;line-height:1.7}
.aic-btn-acc{background:var(--aic-acc);color:#1d1d1f}
.aic-btn-acc:hover{filter:brightness(.95)}
.aic-btn-ghost{background:#fff;border:2px solid #e5e5e5;color:#242424;padding:7px 16px}
.aic-btn-ghost:hover{border-color:#c9ced6}

/* ── Phase 4: cart per-item account-info (high-specificity, self-contained) ──
   بلوک داخل جدول JetWooBuilder/Elementor قرار می‌گیرد؛ برای مصونیت از
   استایل‌های آن قالب، همه‌چیز زیر .aic-cart-block با ویژگی بالا تعریف و
   خاصیت‌های ارثی ریست می‌شوند تا دقیقاً مطابق طرح رندر شود. */
.aic-cart-block,.aic-cart-block *{box-sizing:border-box}
.aic-cart-block{display:block;clear:both;width:100%;margin:10px 0 4px;padding:0;font-size:13px;text-align:right;direction:rtl;float:none}
.aic-cart-block .aic-frow.has-err .aic-in{border-color:#e05656}
.aic-cart-block .aic-frow .aic-msg{color:#b32d2e;font-size:11px;margin-top:3px}
.aic-cart-block .aic-grp.aic-err{outline:1px solid #e05656;outline-offset:3px;border-radius:6px}
.aic-guide{display:block;margin:0 0 12px;padding:12px 14px;border:1px solid #f0c36d;border-right:4px solid #d98500;border-radius:10px;background:#fffaf0;color:#7a4b00;direction:rtl;text-align:right;font-size:13px;font-weight:800;line-height:1.9;outline:none}
/* containment: protect form controls inside the JetWooBuilder cart cell */
.aic-cart-block .aic-form{font-size:14px;color:#242424;line-height:1.9}
.aic-cart-block .aic-sec{padding:14px 4px;border-bottom:1px solid #eee}
.aic-cart-block .aic-sec:first-child{padding-top:2px}
.aic-cart-block .aic-in{width:100%!important;max-width:none!important;border:2px solid #e5e5e5;border-radius:4px;padding:10px 12px;font-size:13.5px;background:#fff;color:#242424;float:none;display:block;height:auto;line-height:1.5}
.aic-cart-block .aic-opt{display:flex!important;float:none;width:auto}
.aic-cart-block .aic-foot{display:flex;gap:8px;justify-content:flex-start;margin-top:12px;padding:0}
.aic-cart-block .aic-btn{width:auto;display:inline-block;float:none}
/* ── چیپ کوچک داخل سلول جدول (به‌جای فرم؛ ستون‌ها را به‌هم نمی‌ریزد) ── */
.aic-chip{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.7;cursor:pointer;border:1px solid;white-space:nowrap;vertical-align:middle;user-select:none}
.aic-chip .aic-chip-ic{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px}
.aic-chip.is-todo{color:#b32d2e;border-color:#f0c8c8;background:#fdf4f4}
.aic-chip.is-todo .aic-chip-ic{background:#e05656}
.aic-chip.is-done{color:#177243;border-color:#bfe3c8;background:#f2fbf4}
.aic-chip.is-done .aic-chip-ic{background:#1f9d55}
.aic-chip:hover{filter:brightness(.97)}
/* یادآور ملایم روی موارد ناقص: فقط opacity متحرک می‌شود — کم‌هزینه‌ترین
   انیمیشن (روی لایهٔ ترکیب‌بندی مرورگر، بدون layout/paint) و مستقل از تعداد
   محصولات سبد. با ثبت اطلاعات، کلاس is-todo برداشته و افکت خودکار قطع می‌شود.
   اگر کاربر در سیستم‌عامل «کاهش حرکت» را فعال کرده باشد، اجرا نمی‌شود. */
@media (prefers-reduced-motion: no-preference){
	.aic-chip.is-todo{animation:aicSoftBlink 1.9s ease-in-out infinite}
}
@keyframes aicSoftBlink{0%,100%{opacity:1}50%{opacity:.5}}
/* ── مودال ثبت اطلاعات (مطابق mockup) ── */
.aic-modal{position:fixed;inset:0;z-index:100000;display:none;direction:rtl}
.aic-modal.is-open{display:block}
.aic-modal-backdrop{position:absolute;inset:0;background:rgba(15,18,24,.55);backdrop-filter:blur(2px);cursor:pointer;animation:aicFade .18s ease}
.aic-modal-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,calc(100% - 28px));max-height:min(86vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 22px 60px rgba(10,14,20,.35);animation:aicPop .2s ease}
.aic-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid #eee;background:linear-gradient(180deg,#fffdf6,#fff);border-top:3px solid var(--aic-acc,#ffaa00)}
.aic-modal-titles{display:flex;flex-direction:column;gap:2px;min-width:0}
.aic-modal-kicker{font-size:11px;font-weight:800;color:#b98200;letter-spacing:.2px}
.aic-modal-title{font-size:14px;font-weight:800;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aic-modal-x{flex:0 0 auto;border:0;background:#f3f4f6;color:#444;width:32px;height:32px;border-radius:50%;font-size:19px;line-height:1;cursor:pointer}
.aic-modal-x:hover{background:#e9eaee}
.aic-modal-body{padding:14px 16px 16px;overflow:auto}
@keyframes aicFade{from{opacity:0}to{opacity:1}}
@keyframes aicPop{from{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (max-width:640px){
/* موبایل: وسط صفحه با آستانهٔ ارتفاع؛ لیست‌های بلند (مثلاً 10 نکته) داخل بدنه اسکرول می‌شوند
   و نوار شناور پایین سایت روی مودال نمی‌افتد. */
.aic-modal-dialog{width:calc(100% - 24px);max-height:76vh}
}
html.aic-lock,body.aic-lock{overflow:hidden}
/* دو ستونه‌شدن فیلدهای بخش ۱ در دسکتاپ؛ بقیهٔ اجزا تمام‌عرض */
.aic-modal .aic-sec{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.aic-modal .aic-sec>*{grid-column:1/-1}
.aic-modal .aic-sec>.aic-frow{grid-column:auto}
@media (max-width:640px){.aic-modal .aic-sec{grid-template-columns:1fr}}
/* چشمی داخل کادر رمز — ساختاری (flex)؛ عمومی: فرم سبد + بلوک سفارش مشتری */
.aic-pass{display:flex;align-items:center;position:relative;border:2px solid #e5e5e5;border-radius:4px;background:#fff}
.aic-pass .aic-in{border:0!important;box-shadow:none!important;flex:1 1 auto;min-width:0;padding-left:8px}
.aic-pass:focus-within{border-color:var(--aic-acc,#ffaa00);box-shadow:0 0 0 3px rgba(255,170,0,.16)}
.aic-eye{position:static!important;transform:none!important;flex:0 0 auto;margin:0 2px 0 6px;border:0;background:transparent;font-size:16px;opacity:.65;cursor:pointer;padding:4px 6px;line-height:1}
.aic-eye:hover,.aic-eye.is-on{opacity:1}

/* ── رمز ماسک‌شده با CSS (بدون type=password → بدون پیشنهاد/ذخیرهٔ مرورگر) ── */
.aic-mask{-webkit-text-security:disc}
.aic-mask.is-plain{-webkit-text-security:none}
/* ── پایداری چیدمان صفحهٔ محصول: وقتی تعداد قفلِ 1 است، استپر مخفی نشود؛
      نیمه‌شفاف و غیرفعال بماند تا دکمهٔ افزودن به سبد جابه‌جا نشود ── */
form.aic-qty-locked .quantity{display:flex!important;visibility:visible!important;pointer-events:none;opacity:.5}

/* ── دکمه‌های مودال: واضح، رنگی، قابل‌دید در نگاه اول ── */
.aic-modal .aic-foot{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:10px;margin-top:14px}
.aic-modal .aic-js-save{background:var(--aic-acc,#ffaa00)!important;color:#1d1d1f!important;border:0!important;font-weight:800!important;min-width:130px;padding:11px 20px!important;border-radius:8px!important;box-shadow:0 5px 14px rgba(255,170,0,.4);cursor:pointer}
.aic-modal .aic-js-save:hover{filter:brightness(.94)}
.aic-modal .aic-js-cancel{background:#fff!important;color:#c0392b!important;border:2px solid #f0bebe!important;font-weight:700!important;padding:9px 18px!important;border-radius:8px!important;cursor:pointer}
.aic-modal .aic-js-cancel:hover{background:#fdf1f1!important;border-color:#e3a4a4!important}
.aic-modal-x{background:#fdecea!important;color:#d63638!important}
.aic-modal-x:hover{background:#fbd9d5!important}
/* ── نمایش اطلاعات در حساب کاربری/صفحهٔ تشکر ── */
.aic-ord-row{margin:4px 0;color:#555;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.aic-ord-l{font-weight:700;color:#3c434d;white-space:nowrap}
.aic-ord-v{color:#242424;font-weight:600;word-break:break-all}
.aic-ord-pass{max-width:260px;flex:1 1 200px}
.aic-ord-pass .aic-in{padding:6px 10px;font-size:12.5px}

/* ── تعداد ثابت 1 در جدول سبد (خط‌های مستقل) ── */
.aic-qty1{display:inline-block;min-width:36px;text-align:center;font-weight:800;background:#f4f5f7;border:1px solid #e2e5e9;border-radius:8px;padding:6px 10px}
/* ── اعلان گیت تسویه: واضح، با لیست محصولات و دکمهٔ لینک ── */
.aic-gate{display:block;direction:rtl;text-align:right}
.aic-gate-msg{display:block;color:#b32d2e;font-weight:800;font-size:14px;margin-bottom:6px}
.aic-gate-list{display:block;margin:2px 0 10px}
.aic-gate-item{display:block;color:#7a1f1f;font-weight:600;margin:2px 0}
.aic-gate-btn{display:inline-block;background:var(--aic-acc,#ffaa00);color:#1d1d1f!important;font-weight:800;padding:9px 18px;border-radius:8px;text-decoration:none!important;box-shadow:0 4px 12px rgba(255,170,0,.35)}
.aic-gate-btn:hover{filter:brightness(.94)}
/* ── بخش «اطلاعات اکانت» زیر جدول سفارش مشتری (کارت هر آیتم) ── */
.aic-ords{margin:22px 0;direction:rtl;text-align:right}
.aic-ords-t{font-size:16px;font-weight:800;margin:0 0 10px;color:#242424}
.aic-ordc{border:1px solid #e2e5e9;border-right:3px solid var(--aic-acc,#ffaa00);border-radius:10px;background:#fafbfc;padding:12px 14px;margin:0 0 12px}
.aic-ordc-h{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #e2e5e9}
.aic-ordc-n{font-weight:800;color:#242424}
.aic-ordc-var{color:#646970;font-size:12px;margin-top:3px}
.aic-ords-old .aic-ordc{border-right-color:#c8b98a;background:#fbf8f1}