/*
 * WooCommerce pages (checkout, cart, account) in the site palette — brand D since 0.6.0.
 * WooCommerce's own stylesheet stays loaded for layout; only colours, borders, corners and type are overridden here.
 * Blue for the main button and links; green and red only for success and error states.
 */

body.woocommerce-page{--wline:var(--line3)}

/* ---------- notices ---------- */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .woocommerce-noreviews,
body p.no-comments{
  background:var(--card)!important;color:var(--ink)!important;
  border:1px solid var(--line)!important;border-top:3px solid var(--wline)!important;
  border-radius:var(--r-s);box-shadow:var(--shadow);outline:0;
  padding:14px 16px 14px 16px;padding-inline-start:44px;margin:0 0 18px;
  font-size:14px;line-height:1.9;list-style:none}
body .woocommerce-message{border-top-color:var(--up)!important}
body .woocommerce-error{border-top-color:var(--down)!important}
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before{color:var(--mute)!important;inset-inline-start:16px;inset-inline-end:auto;top:14px}
body .woocommerce-message::before{color:var(--up)!important}
body .woocommerce-error::before{color:var(--down)!important}
body .woocommerce-message a,
body .woocommerce-info a,
body .woocommerce-error a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(59,69,255,.35)}
body .woocommerce-message .button,
body .woocommerce-info .button{float:none;display:inline-block;margin-inline-start:8px}

/* ---------- links inside forms ---------- */
body.woocommerce-page .woocommerce a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(59,69,255,.35)}

/* ---------- headings ---------- */
body.woocommerce-page .woocommerce h2,
body.woocommerce-page .woocommerce h3{font-size:18px;font-weight:700;margin:26px 0 12px;color:var(--bone)}

/* ---------- fields ---------- */
body.woocommerce-page .woocommerce form .form-row label{color:var(--mute);font-size:13px;line-height:1.8;margin-bottom:6px}
body.woocommerce-page .woocommerce form .form-row .required{color:var(--down);text-decoration:none}
body.woocommerce-page .woocommerce form .form-row input.input-text,
body.woocommerce-page .woocommerce form .form-row textarea,
body.woocommerce-page .woocommerce form .form-row select,
body.woocommerce-page .woocommerce input[type="text"],
body.woocommerce-page .woocommerce input[type="email"],
body.woocommerce-page .woocommerce input[type="tel"],
body.woocommerce-page .woocommerce input[type="password"],
body.woocommerce-page .woocommerce input[type="number"]{
  background:var(--card)!important;color:var(--ink)!important;
  border:1px solid var(--wline)!important;border-radius:var(--r-s)!important;box-shadow:none!important;
  min-height:48px;padding:10px 14px!important;font:inherit;font-size:15px;line-height:1.6;width:100%}
body.woocommerce-page .woocommerce form .form-row textarea{min-height:96px}
body.woocommerce-page .woocommerce input::placeholder,
body.woocommerce-page .woocommerce textarea::placeholder{color:var(--dim);opacity:1}
body.woocommerce-page .woocommerce form .form-row input.input-text:focus,
body.woocommerce-page .woocommerce form .form-row textarea:focus,
body.woocommerce-page .woocommerce form .form-row select:focus{border-color:var(--blue)!important;outline:0;box-shadow:0 0 0 3px rgba(59,69,255,.14)!important}
body.woocommerce-page .woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--down)!important}
body.woocommerce-page .woocommerce form .form-row.woocommerce-validated input.input-text{border-color:var(--wline)!important}
body.woocommerce-page .woocommerce input[type="checkbox"],
body.woocommerce-page .woocommerce input[type="radio"]{accent-color:var(--blue);width:18px;height:18px;vertical-align:middle}
body.woocommerce-page .woocommerce .show-password-input{color:var(--mute)}

/* email/phone/number fields read left-to-right, in the mono font so digits stay Latin (an e-mail must look exactly as typed) */
body.woocommerce-page .woocommerce input[type="email"],
body.woocommerce-page .woocommerce input[type="tel"],
body.woocommerce-page .woocommerce input[type="number"]{direction:ltr;text-align:left;font-family:var(--mono)!important;font-size:14.5px}

/* browser autofill paints fields blue/yellow */
body.woocommerce-page .woocommerce input:-webkit-autofill,
body.woocommerce-page .woocommerce input:-webkit-autofill:hover,
body.woocommerce-page .woocommerce input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px #FFFFFF inset!important;box-shadow:0 0 0 1000px #FFFFFF inset!important;caret-color:var(--ink)}

/* validation: only errors get a colour; a valid field stays neutral */
body.woocommerce-page .woocommerce form .form-row.woocommerce-validated .select2-container .select2-selection,
body.woocommerce-page .woocommerce form .form-row.woocommerce-validated select{border-color:var(--wline)!important}
body.woocommerce-page .woocommerce form .form-row.woocommerce-invalid .select2-container .select2-selection,
body.woocommerce-page .woocommerce form .form-row.woocommerce-invalid select,
body.woocommerce-page .woocommerce form .form-row.woocommerce-invalid textarea{border-color:var(--down)!important}
body.woocommerce-page .woocommerce form .form-row .checkout-inline-error-message,
body.woocommerce-page .woocommerce-invalid-required-field .checkout-inline-error-message{color:var(--down);font-size:12.5px}

/* password strength meter: red when weak, green when strong, neutral in between */
body.woocommerce-page .woocommerce-password-strength{
  background:var(--card)!important;color:var(--ink2)!important;border:1px solid var(--line)!important;border-radius:0 0 var(--r-s) var(--r-s);
  font-size:12.5px;font-weight:500;padding:6px 12px!important;text-align:start}
body.woocommerce-page .woocommerce-password-strength.short,
body.woocommerce-page .woocommerce-password-strength.bad{color:var(--down)!important;border-bottom:2px solid var(--down)!important}
body.woocommerce-page .woocommerce-password-strength.good{color:var(--mute)!important;border-bottom:2px solid var(--wline)!important}
body.woocommerce-page .woocommerce-password-strength.strong{color:var(--up)!important;border-bottom:2px solid var(--up)!important}
body.woocommerce-page .woocommerce-password-hint{color:var(--dim);font-size:12.5px}

/* country / state dropdown (select2) */
body.woocommerce-page .select2-container--default .select2-selection--single{
  background:var(--card);border:1px solid var(--wline);border-radius:var(--r-s);height:48px}
body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ink);line-height:46px}
body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
body.woocommerce-page .select2-dropdown{background:var(--card);border-color:var(--wline);border-radius:var(--r-s);color:var(--ink);overflow:hidden}
body.woocommerce-page .select2-search--dropdown .select2-search__field{background:var(--card);color:var(--ink);border:1px solid var(--wline);border-radius:10px}
body.woocommerce-page .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-page .select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--blue);color:#fff}
body.woocommerce-page .select2-container--default .select2-results__option[aria-selected=true],
body.woocommerce-page .select2-container--default .select2-results__option[data-selected=true]{background:var(--panel2)}

/* ---------- order table ---------- */
/* 0.7.3.2: display:table + full width. WooCommerce pages sit inside .prose, whose rule «.prose table{display:block}»
   (for wide article tables) left the cells at their natural width and an empty strip on the left (plan checkout). */
body.woocommerce-page .woocommerce table.shop_table{display:table;width:100%;
  border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--card);color:var(--ink);box-shadow:var(--shadow);margin:0 0 20px}
body.woocommerce-page .woocommerce table.shop_table th,
body.woocommerce-page .woocommerce table.shop_table td{border-top:1px solid var(--line2);padding:12px 16px;font-size:14px}
body.woocommerce-page .woocommerce table.shop_table thead th{border-top:0}
body.woocommerce-page .woocommerce table.shop_table thead th{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink3);font-weight:500;background:#FAFBFD}
body.woocommerce-page .woocommerce table.shop_table tfoot th{color:var(--mute);font-weight:500}
/* amounts stay in the Persian font: the mono font has Latin digits only */
body.woocommerce-page .woocommerce table.shop_table .amount,
body.woocommerce-page .woocommerce table.shop_table .product-quantity{white-space:nowrap}
body.woocommerce-page .woocommerce table.shop_table .order-total .amount{font-size:17px;font-weight:900}

/* ---------- payment box ---------- */
body.woocommerce-checkout #payment,
body.woocommerce-page #payment{background:var(--card)!important;border:1px solid var(--line);border-radius:var(--r)!important;box-shadow:var(--shadow);color:var(--ink)}
body.woocommerce-page #payment ul.payment_methods{border-bottom:1px solid var(--line2)!important;padding:16px!important}
body.woocommerce-page #payment ul.payment_methods li{line-height:1.9;margin-bottom:10px}
body.woocommerce-page #payment ul.payment_methods li label{color:var(--ink);font-size:14.5px;font-weight:700}
/* gateway logos keep their official colours (brand D exception) */
body.woocommerce-page #payment ul.payment_methods li img{max-height:28px;width:auto;display:inline-block;vertical-align:middle;margin-inline-start:8px}
body.woocommerce-page #payment div.payment_box{
  background:var(--bg)!important;color:var(--ink2)!important;border:0;border-radius:var(--r-s)!important;
  font-size:13.5px;line-height:1.9;padding:12px 14px!important;margin:10px 0 4px!important}
body.woocommerce-page #payment div.payment_box::before{display:none!important}
body.woocommerce-page #payment div.form-row{padding:16px!important}
body.woocommerce-page .woocommerce-terms-and-conditions-wrapper{font-size:13.5px;color:var(--ink2)}
body.woocommerce-page .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-page a.woocommerce-terms-and-conditions-link,
body.woocommerce-page .woocommerce-privacy-policy-text a{color:var(--blue)!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(59,69,255,.35)!important;border:0!important}
body.woocommerce-page .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--ink3)}

/* ---------- buttons ---------- */
body.woocommerce-page .woocommerce a.button,
body.woocommerce-page .woocommerce button.button,
body.woocommerce-page .woocommerce input.button,
body .woocommerce-message .button,
body .woocommerce-info .button{
  background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--wline)!important;
  border-radius:999px!important;box-shadow:none!important;text-shadow:none;
  min-height:44px;padding:10px 20px!important;font:inherit;font-size:14px;font-weight:700;line-height:1.5}
body.woocommerce-page .woocommerce a.button:hover,
body.woocommerce-page .woocommerce button.button:hover{border-color:var(--ink3)!important}
body.woocommerce-page .woocommerce a.button.alt,
body.woocommerce-page .woocommerce button.button.alt,
body.woocommerce-page .woocommerce #payment #place_order{
  background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;box-shadow:var(--shadow-blue)!important}
body.woocommerce-page .woocommerce a.button.alt:hover,
body.woocommerce-page .woocommerce button.button.alt:hover,
body.woocommerce-page .woocommerce #payment #place_order:hover{background:var(--blue-d)!important;border-color:var(--blue-d)!important}
body.woocommerce-page .woocommerce #payment #place_order{width:100%;min-height:54px;font-size:16px;float:none;margin-top:12px}

/* ---------- theme .prose rules must not reach WooCommerce markup ---------- */
/* (.prose adds a dash before every list item and a second underline under every link) */
.prose .woocommerce ul>li{padding-inline-start:0}
.prose .woocommerce ul>li::before{content:none}
.prose .woocommerce li+li{margin-top:0}
.prose .woocommerce a{border-bottom:0}

/* ---------- account area ---------- */
/* mobile: compact two-column menu so the page content is visible without scrolling */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{width:100%;float:none;margin-bottom:22px}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:1fr 1fr;
  gap:6px;margin:0}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li{margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:last-child:nth-child(odd){grid-column:1/-1}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;min-height:48px;
  padding:6px 14px;font-size:14px;font-weight:700;line-height:1.5;color:var(--ink2);text-decoration:none;border:0}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a:hover{color:var(--ink)}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active{border-color:var(--ink)}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a{color:#fff;background:var(--ink)}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--ink3)}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content{width:100%;float:none}
@media(min-width:768px){
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{float:right;width:26%;margin-bottom:0}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:last-child:nth-child(odd){grid-column:auto}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content{float:left;width:70%}
}

/* dashboard */
.acc-dash{border:1px solid var(--line);background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 18px}
.acc-hi{font-size:17px;line-height:1.7}
.acc-hi .acc-nm{font-family:var(--sans)} /* 0.9.2: outside «Mask FaDigits», so a user name keeps its own digits */
.acc-lb{display:block;font-size:12px;letter-spacing:.16em;color:var(--ink3);margin-bottom:6px;text-align:right}
.acc-tx{margin-top:8px;font-size:14px;color:var(--ink2);line-height:1.9}
.acc-out{margin-top:14px;font-size:13px}
body.woocommerce-account .woocommerce .acc-out a{color:var(--ink2)}
.acc-cot{margin-top:16px;padding:16px;border-radius:var(--r-s);background:var(--bg)}
.acc-cot p{margin:0 0 12px;font-size:14px;line-height:1.9}
body.woocommerce-account .woocommerce .acc-cot a.btn{color:#fff;text-decoration:none}

body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register{border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow)}

/* ---------- notices: no icon glyph, button on its own line ---------- */
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before{content:none!important;display:none!important}
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .woocommerce-noreviews{padding:14px 16px!important}
body.woocommerce-page .woocommerce .woocommerce-message .button,
body.woocommerce-page .woocommerce .woocommerce-info .button{float:none!important;display:table!important;
  margin:12px 0 0!important}

/* account notices (empty orders/downloads, email check): text first, button under it */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-info{display:flex;flex-direction:column;
  align-items:flex-start}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button{order:2}

/* ---------- account details form ---------- */
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm em,
body.woocommerce-account .woocommerce #account_display_name_description{display:block;font-style:normal;
  font-size:12.5px;line-height:1.8;color:var(--dim);margin-top:6px}
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm fieldset{border:1px solid var(--line);border-radius:var(--r);background:var(--card);
  margin:26px 0 0;padding:6px 16px 16px}
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm legend{padding:0 8px;font-size:15px;
  font-weight:900;color:var(--ink)}

/* ---------- blockUI overlay while checkout updates ---------- */
body.woocommerce-page .blockUI.blockOverlay{background:var(--bg)!important;opacity:.7!important}

/* ---------- orders list on mobile: every order is one full-width card (0.2.8, fixed 0.2.9) ---------- */
/* WooCommerce keeps the table as a table and only turns rows into blocks, which left an empty column.
   Here every part becomes a block. Each cell is one line: label floats on the right, the value
   (all of it, e.g. "۱۹۰٬۰۰۰٬۰۰۰ تومان برای ۱ مورد") stays together on the left. */
@media(max-width:768px){
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive,
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody,
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tr{
    display:block!important;width:100%!important;max-width:100%!important;float:none!important}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive{
    border:0!important;background:transparent!important;margin:0 0 20px}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive thead{display:none!important}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tr{
    border:1px solid var(--line);border-radius:var(--r);background:var(--card)!important;box-shadow:var(--shadow);overflow:hidden;margin:0 0 12px}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody th,
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody td{
    display:block!important;width:100%!important;box-sizing:border-box;float:none!important;overflow:hidden;
    text-align:left!important;background:transparent!important;
    border:0;border-top:1px solid var(--line2);padding:11px 16px!important;font-size:14px;font-weight:400;
    line-height:1.8;color:var(--ink)}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody tr > :first-child{border-top:0}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody th::before,
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody td::before{
    content:attr(data-title);float:right!important;margin-left:12px;font-weight:500;font-size:12.5px;color:var(--ink3)}
  /* actions: buttons fill the card width, no label */
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions{text-align:center!important}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before{content:none;display:none}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .button{
    display:block!important;width:100%;text-align:center;margin:0 0 8px!important}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .button:last-child{margin-bottom:0!important}
}

/* ---------- account details: space between the password box and "save changes" (0.2.8) ---------- */
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm button[name="save_account_details"]{margin-top:24px}

/* ==========================================================
   Card-to-card receipt page (0.2.9)
   Built by the Paymentino plugin as a stand-alone page (body.paymentino-minimal-thankyou),
   with its own inline <style> printed after this file — hence the !important flags.
   Card and IBAN numbers: Latin digits, left-to-right, mono. Everything else: Persian digits.
   ========================================================== */

/* Persian digit shapes on the Latin digit code points (cut from Vazirmatn, OFL). Used where a plugin prints Latin digits. */
@font-face{font-family:"Mask FaDigits";src:url(../fonts/MaskFaDigits-Variable.woff2) format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0030-0039}

/* Persian digits for prices, order tables and notices on every WooCommerce page (v0.4.8).
   Until 0.4.6 the persian-flatsome font did this site-wide; now only these parts get Persian digit shapes.
   Elements with their own font (.mn labels, mono card numbers) keep it; form fields stay Latin.
   Payment method texts are left out on purpose: «BEP20» must stay Latin (0.4.9). */
.woocommerce-Price-amount,
.woocommerce table.shop_table,
.woocommerce ul.order_details,
.woocommerce-order-overview,
.woocommerce-MyAccount-content,
.woocommerce-notices-wrapper,
.woocommerce-error,.woocommerce-message,.woocommerce-info,
.woocommerce-checkout-review-order-table,
.checkout-inline-error-message{font-family:"Mask FaDigits",var(--sans)}
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select{font-family:var(--sans)}

body.paymentino-minimal-thankyou{background:var(--bg)!important;color:var(--ink)!important;
  align-items:flex-start!important;padding:24px 16px!important}
body.paymentino-minimal-thankyou,
body.paymentino-minimal-thankyou *{font-family:"Mask FaDigits",var(--sans)!important}

body.paymentino-minimal-thankyou .paymentino-minimal-container,
body.paymentino-minimal-thankyou .paymentino-thankyou-box{
  background:var(--card)!important;color:var(--ink)!important;border-radius:var(--r)!important;box-shadow:var(--shadow)!important}
body.paymentino-minimal-thankyou .paymentino-minimal-container{border:1px solid var(--line)!important;max-width:480px;overflow:hidden}
body.paymentino-minimal-thankyou .paymentino-minimal-container a{color:var(--blue)}

/* header: status line on graphite, no card icon */
body.paymentino-minimal-thankyou .paymentino-header,
body.paymentino-minimal-thankyou .paymentino-header.paymentino-header-success,
body.paymentino-minimal-thankyou .paymentino-header.paymentino-header-expired{
  background:var(--card)!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line2)!important;
  border-radius:0!important;box-shadow:none!important;padding:16px!important;text-align:start!important}
body.paymentino-minimal-thankyou .paymentino-header.paymentino-header-success{border-top:3px solid var(--up)!important}
body.paymentino-minimal-thankyou .paymentino-header.paymentino-header-expired{border-top:3px solid var(--down)!important}
body.paymentino-minimal-thankyou .paymentino-header h3{margin:0!important;color:var(--ink)!important;font-size:16.5px!important;
  font-weight:900!important;line-height:1.7!important;text-align:start!important}
body.paymentino-minimal-thankyou .paymentino-header svg{display:none!important}

/* body: start-aligned; the order number moves to the top, right under the status */
body.paymentino-minimal-thankyou .paymentino-body{display:flex!important;flex-direction:column;
  padding:16px!important;text-align:start!important;color:var(--ink)!important}
body.paymentino-minimal-thankyou .paymentino-actions{display:contents!important}
body.paymentino-minimal-thankyou .paymentino-order-info{order:-1;display:block!important;align-self:stretch!important;
  width:auto!important;margin:0 0 16px!important;padding:0 0 12px!important;
  border:0!important;border-bottom:1px solid var(--line2)!important;background:transparent!important;box-shadow:none!important;
  font-size:13px!important;color:var(--ink2)!important;text-align:start!important}
body.paymentino-minimal-thankyou .paymentino-order-info strong{color:var(--ink)!important;font-size:15px;font-weight:900}

body.paymentino-minimal-thankyou .paymentino-desc,
body.paymentino-minimal-thankyou .paymentino-desc p,
body.paymentino-minimal-thankyou .paymentino-custom-text{color:var(--ink2)!important;font-size:14px!important;line-height:1.9!important;text-align:start!important}
body.paymentino-minimal-thankyou .paymentino-desc strong{color:var(--ink)!important}

/* amount */
body.paymentino-minimal-thankyou .paymentino-amount-box{background:var(--bg)!important;border:0!important;
  border-radius:var(--r-s)!important;margin:16px 0!important;padding:14px!important;text-align:center!important}
body.paymentino-minimal-thankyou .paymentino-amount-label{color:var(--ink2)!important;font-size:12.5px!important}
body.paymentino-minimal-thankyou .paymentino-amount-value,
body.paymentino-minimal-thankyou .paymentino-amount-value *{color:var(--ink)!important;font-size:23px!important;font-weight:900!important}
body.paymentino-minimal-thankyou .paymentino-amount-value .woocommerce-Price-currencySymbol{font-size:15px!important;font-weight:500!important}

/* card and IBAN */
body.paymentino-minimal-thankyou .paymentino-card-container{background:var(--bg)!important;border:0!important;
  border-radius:var(--r-s)!important;box-shadow:none!important;padding:14px!important;margin:0 0 16px!important}
body.paymentino-minimal-thankyou .paymentino-card-meta{border-bottom:1px solid var(--line)!important;padding-bottom:10px!important;margin-bottom:12px!important}
body.paymentino-minimal-thankyou .paymentino-bank{color:var(--ink)!important;font-weight:900!important}
body.paymentino-minimal-thankyou .paymentino-owner{color:var(--ink2)!important}
body.paymentino-minimal-thankyou .paymentino-card-row{background:var(--card)!important;border:1px solid var(--line)!important;
  border-radius:10px!important;box-shadow:none!important}
body.paymentino-minimal-thankyou .paymentino-card-row .paymentino-number,
body.paymentino-minimal-thankyou .paymentino-card-row .paymentino-number *{
  font-family:var(--mono)!important;direction:ltr!important;unicode-bidi:isolate!important;
  color:var(--ink)!important;font-size:17px!important;font-weight:500!important;letter-spacing:.04em!important;
  font-variant-numeric:tabular-nums}
/* IBAN is 32 characters: sized to the screen so it always fits on one line inside its box */
body.paymentino-minimal-thankyou .paymentino-card-row{padding:12px 10px!important;max-width:100%;overflow:hidden}
body.paymentino-minimal-thankyou .paymentino-card-row .paymentino-sheba-number{font-size:clamp(10.5px,3.2vw,13.5px)!important;
  letter-spacing:0!important;white-space:nowrap!important}
body.paymentino-minimal-thankyou .paymentino-card-container{padding:12px!important}
body.paymentino-minimal-thankyou .paymentino-copy-btn{background:var(--card)!important;color:var(--ink)!important;
  border:1px solid var(--line3)!important;border-radius:999px!important;box-shadow:none!important;font-size:12.5px!important}
body.paymentino-minimal-thankyou .paymentino-copy-feedback{color:var(--up)!important;background:transparent!important}

/* receipt upload and the other plugin boxes */
body.paymentino-minimal-thankyou .paymentino-receipt-box,
body.paymentino-minimal-thankyou .paymentino-reference-box,
body.paymentino-minimal-thankyou .paymentino-note-box,
body.paymentino-minimal-thankyou .paymentino-custom-fields-box,
body.paymentino-minimal-thankyou .paymentino-national-card-box{
  background:var(--bg)!important;border:0!important;border-radius:var(--r-s)!important;
  color:var(--ink)!important;text-align:start!important;padding:14px!important}
body.paymentino-minimal-thankyou .paymentino-receipt-box label,
body.paymentino-minimal-thankyou .paymentino-reference-box label,
body.paymentino-minimal-thankyou .paymentino-note-box label,
body.paymentino-minimal-thankyou .paymentino-custom-fields-box label,
body.paymentino-minimal-thankyou .paymentino-national-card-box label{color:var(--ink)!important;font-size:14.5px!important;font-weight:700!important}
body.paymentino-minimal-thankyou .paymentino-required-star,
body.paymentino-minimal-thankyou .paymentino-required-mark{color:var(--down)!important}
body.paymentino-minimal-thankyou .paymentino-receipt-hint,
body.paymentino-minimal-thankyou .paymentino-reference-hint,
body.paymentino-minimal-thankyou .paymentino-note-hint,
body.paymentino-minimal-thankyou .paymentino-custom-fields-hint,
body.paymentino-minimal-thankyou .paymentino-national-card-hint{color:var(--ink3)!important;font-size:12.5px!important;line-height:1.8!important}
body.paymentino-minimal-thankyou .paymentino-file-picker{background:var(--card)!important;border:1px dashed var(--line3)!important;
  border-radius:var(--r-s)!important;box-shadow:none!important}
body.paymentino-minimal-thankyou .paymentino-file-picker-button{background:var(--card)!important;color:var(--ink)!important;
  border:1px solid var(--line3)!important;border-radius:999px!important;box-shadow:none!important}
body.paymentino-minimal-thankyou .paymentino-file-picker-status{color:var(--ink2)!important}
body.paymentino-minimal-thankyou input[type="text"],
body.paymentino-minimal-thankyou input[type="file"],
body.paymentino-minimal-thankyou textarea{background:var(--card)!important;color:var(--ink)!important;
  border:1px solid var(--line3)!important;border-radius:var(--r-s)!important}

/* main action: blue pill (same as "place order") */
body.paymentino-minimal-thankyou .paymentino-body button,
body.paymentino-minimal-thankyou .paymentino-order-link{background:var(--blue)!important;color:#fff!important;
  border:1px solid var(--blue)!important;border-radius:999px!important;box-shadow:var(--shadow-blue)!important;
  min-height:50px!important;font-size:15px!important;font-weight:700!important}
body.paymentino-minimal-thankyou .paymentino-body button:hover,
body.paymentino-minimal-thankyou .paymentino-order-link:hover{background:var(--blue-d)!important;border-color:var(--blue-d)!important}

/* messages: neutral panel, green or red only as the top line */
body.paymentino-minimal-thankyou .paymentino-success-box,
body.paymentino-minimal-thankyou .paymentino-deadline-box,
body.paymentino-minimal-thankyou .paymentino-receipt-notice,
body.paymentino-minimal-thankyou .paymentino-reference-notice,
body.paymentino-minimal-thankyou .paymentino-note-notice,
body.paymentino-minimal-thankyou .paymentino-custom-fields-notice,
body.paymentino-minimal-thankyou .paymentino-national-card-notice{
  background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:var(--r-s)!important}
body.paymentino-minimal-thankyou .paymentino-success-box,
body.paymentino-minimal-thankyou .paymentino-receipt-notice,
body.paymentino-minimal-thankyou .paymentino-reference-notice,
body.paymentino-minimal-thankyou .paymentino-note-notice,
body.paymentino-minimal-thankyou .paymentino-custom-fields-notice,
body.paymentino-minimal-thankyou .paymentino-national-card-notice{border-top:3px solid var(--up)!important}
body.paymentino-minimal-thankyou .paymentino-deadline-box.paymentino-expired-box,
body.paymentino-minimal-thankyou .paymentino-ajax-error,
body.paymentino-minimal-thankyou .paymentino-custom-fields-error,
body.paymentino-minimal-thankyou .paymentino-national-card-error,
body.paymentino-minimal-thankyou .paymentino-receipt-error{background:var(--card)!important;color:var(--ink)!important;
  border-top:3px solid var(--down)!important}
body.paymentino-minimal-thankyou .paymentino-receipt-preview img,
body.paymentino-minimal-thankyou .paymentino-national-card-preview img{border:1px solid var(--line)!important;border-radius:10px!important}


/* ==========================================================
   Receipt page after buying a Q&A plan (0.7.0, inc/free.php): what to do next.
   ========================================================== */
.qa-next{margin-block:22px;padding:18px 16px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--blue);
  border-radius:var(--r);box-shadow:var(--shadow);font-family:"Mask FaDigits",var(--sans)}
@media(min-width:760px){.qa-next{padding:22px 24px}}
.qa-next>.mn{font-size:12px;letter-spacing:.06em;color:var(--ink3)}
.qa-next h2{margin-top:6px;font-size:19px;font-weight:900;letter-spacing:-.02em}
.qa-next p{margin-top:8px;font-size:14px;line-height:1.9;color:var(--ink2)}
.qa-next b{color:var(--ink)}
.qa-next .btn{margin-top:14px;width:100%}
@media(min-width:560px){.qa-next .btn{width:auto}}
.qa-next .fine{font-size:12px;color:var(--ink3)}
.qa-next .fine a{color:var(--blue)}

/* ---------- USDT amounts (0.7.4 / 0.8.1) ----------
   When the buyer pays MTS with tether, the MTS amounts on checkout, receipt and account print as «۱٬۰۰۰ USDT» (inc/payments.php).
   With ZarinPal chosen, the toman amounts stay. */
/* 0.8.2: always left to right and isolated from the Persian around it, whatever tag carries the class (inc/payments.php) */
.woocommerce .mask-usdt,.mask-usdt{direction:ltr;unicode-bidi:isolate;font-family:var(--mono);font-weight:600;white-space:nowrap}
body.woocommerce-page .woocommerce table.shop_table .order-total .mask-usdt{font-size:16px;color:var(--blue)}

/* 0.8.1: the line above the two payment methods of the MTS checkout */
body.woocommerce-checkout .mask-pay-note{margin:18px 0 10px;padding:12px 14px;border-radius:var(--r-s);background:var(--tint);
  font-size:13.5px;line-height:1.9;color:var(--ink2)}
body.woocommerce-checkout .mask-pay-note bdi{font-weight:700;color:var(--ink);unicode-bidi:isolate}

/* ---------- receipt page: wallet address (0.8.1) ----------
   The tether instructions (WooCommerce → Payments → پرداخت با تتر) carry a 42-character address with no spaces.
   1. Long strings wrap inside the page instead of pushing it sideways.
   2. assets/js/receipt.js turns the address into a one-tap copy button; without JS it stays plain, wrapped text. */
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received .woocommerce-order p,
body.woocommerce-order-received .woocommerce-order li,
body.woocommerce-order-received .woocommerce-order td{overflow-wrap:anywhere}
.mask-copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;width:100%;margin:8px 0;padding:12px 14px;
  min-height:48px;border:1px solid var(--line3);border-radius:var(--r-s);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mask-copy:hover{border-color:var(--ink3)}
.mask-copy bdi{flex:1 1 200px;min-width:0;font-family:var(--mono);font-size:13.5px;line-height:1.7;letter-spacing:.01em;overflow-wrap:anywhere;direction:ltr;text-align:left}
.mask-copy span{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:84px;padding:4px 12px;border-radius:999px;background:var(--blue);color:#fff;font-size:12.5px;font-weight:700;line-height:1.8;transition:background-color .15s}
/* 0.8.2: copied = navy with a tick (was green; brand D keeps green for data only) */
.mask-copy.ok span{background:var(--ink);color:#fff}
.mask-copy.ok span::before{content:"";flex:none;width:10px;height:5px;margin-top:-3px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg)}

/* ---------- «احراز هویت» page in the account (0.8.4, inc/verify.php) ----------
   Mobile first. Done / current / next steps in navy and blue; red only for an error (brand D keeps green for data). */
.mv{border:1px solid var(--line);background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 18px}
body.woocommerce-page .woocommerce .mv .mv-h{margin:0 0 8px;font-size:18px}
.mv-tx{margin:0 0 14px;font-size:14px;line-height:1.9;color:var(--ink2)}
.mv-tx strong{color:var(--ink)}
.mv-pre{margin:0 0 18px;padding:12px 14px;border-radius:var(--r-s);background:var(--tint);font-size:14px;line-height:1.9;color:var(--ink)}
.mv-msg{margin:0 0 16px;padding:12px 14px;border-radius:var(--r-s);border:1px solid var(--line);border-inline-start:4px solid var(--blue);font-size:14px;line-height:1.9;background:var(--bg)}
.mv-msg.err{border-inline-start-color:var(--down)}
.mv-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.mv-st{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-s);background:var(--bg);font-size:14px}
.mv-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line3);font-weight:700;font-size:13px}
.mv-l{flex:1;min-width:0}
.mv-t{flex:none;font-size:12px;color:var(--ink3)}
.mv-st.is-now{background:var(--tint)}
.mv-st.is-now .mv-n{background:var(--blue);border-color:var(--blue);color:#fff}
.mv-st.is-now .mv-t{color:var(--blue);font-weight:700}
.mv-st.is-done .mv-n{background:var(--ink);border-color:var(--ink);color:#fff}
.mv-f{margin:0 0 14px}
.mv-f .btn{width:100%}
@media(min-width:560px){.mv-f .btn{width:auto}}
.mv-hint{margin:-4px 0 14px;font-size:13px;line-height:1.9;color:var(--ink3)}
body.woocommerce-page .woocommerce .mv input.mv-code{font-family:var(--mono);font-size:22px;letter-spacing:.3em;text-align:center}
.mv-bd{margin:0 0 10px;padding:0;border:0;display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:0 10px}
.mv-bd legend{grid-column:1/-1;margin-bottom:6px;font-size:13px;color:var(--mute)}
.mv-bd .form-row{margin:0}
.mv-link{margin-top:-4px}
.mv-a{padding:6px 0;border:0;background:none;color:var(--blue);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mv-alt{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.9;color:var(--ink2)}
.mv-alt summary{cursor:pointer;color:var(--ink);font-weight:700}
.mv-alt p{margin:8px 0 0}
.mv-done .mv-ok{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--ink)}
.mv-done .btn{margin-top:6px}
body.woocommerce-account .woocommerce .mv-done a.btn{color:#fff;text-decoration:none}
/* MTS checkout: name and phone from the check, shown locked */
body.woocommerce-checkout .woocommerce form .form-row input.mv-locked{background:var(--bg)!important;color:var(--ink2)!important}
/* MTS checkout: the pledge checkbox above the place-order button */
body.woocommerce-checkout .mask-pledge{margin:12px 0 4px;font-size:13.5px;line-height:1.9}

/* 0.8.5 — «احراز هویت», step 3: the selfie video */
.mv-sub{margin:18px 0 10px;font-size:14px;font-weight:700;color:var(--ink)}
.mv-vf .mv-sub:first-of-type{margin-top:4px}
body.woocommerce-page .woocommerce .mv input.mv-serial{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}
.mv-gender{margin:0 0 12px;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.mv-gender legend{width:100%;margin-bottom:6px;font-size:13px;color:var(--mute)}
.mv-gender label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line3);border-radius:var(--r-s);background:var(--card);font-size:14px;cursor:pointer}
.mv-gender label:has(input:checked){border-color:var(--blue);background:var(--tint)}
.mv-guide{margin:0 0 14px;padding:0 18px 0 0;font-size:13.5px;line-height:1.9;color:var(--ink2)}
.mv-guide li{margin:0 0 4px}
.mv-rec{margin:0 0 12px}
.mv-cam{position:relative;width:100%;max-width:340px;aspect-ratio:3/4;margin:0 auto 12px;border-radius:var(--r);overflow:hidden;background:var(--scene)}
.mv-vid{display:block;width:100%;height:100%;object-fit:cover;background:var(--scene)}
.mv-cam.is-live .mv-vid{transform:scaleX(-1)}
.mv-cam.is-done .mv-vid{object-fit:contain}
.mv-oval{position:absolute;inset:12% 17% 18%;border:3px dashed rgba(255,255,255,.7);border-radius:50%;pointer-events:none;display:none}
.mv-cam.is-live .mv-oval{display:block}
.mv-cam.is-rec .mv-oval{border-style:solid;border-color:#8C93FF}
.mv-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);pointer-events:none}
.mv-count[hidden]{display:none}
.mv-cue{position:absolute;inset-inline:10px;bottom:22px;padding:8px 10px;border-radius:var(--r-s);background:rgba(14,16,36,.72);color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:1.6;pointer-events:none}
.mv-cue:empty{display:none}
.mv-bar{position:absolute;inset-inline:0;bottom:0;height:6px;background:rgba(255,255,255,.15)}
.mv-bar i{display:block;height:100%;width:0;background:#8C93FF}
.mv-cam.is-rec::after{content:"";position:absolute;top:12px;inset-inline-start:12px;width:12px;height:12px;border-radius:50%;background:#FF5C61;box-shadow:0 0 0 4px rgba(255,92,97,.25)}
.mv-btns{display:grid;gap:8px;max-width:340px;margin:0 auto}
.mv-btns .btn{width:100%}
.mv-btns [hidden]{display:none}
.mv-recmsg{max-width:340px;margin:10px auto 6px;text-align:center}
.mv-recmsg:empty{display:none}
.mv-hint.is-err{color:var(--down)}
.mv-showfb{display:block;margin:0 auto}
.mv-fb[hidden]{display:none}
.mv-up{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;color:var(--ink2)}
.mv-up[hidden]{display:none}
.mv-up progress{flex:1;height:8px;accent-color:var(--blue)}
.mv-pending{padding:14px 0 4px;text-align:center}
.mv-pending .mv-ok{margin:10px 0 6px;font-size:16px;font-weight:700;color:var(--ink)}
.mv-spin{display:inline-block;width:34px;height:34px;border:3px solid var(--tint);border-top-color:var(--blue);border-radius:50%;animation:mv-spin 1s linear infinite}
@keyframes mv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mv-spin{animation-duration:3s}}