/* ===================================================
   WooCommerce — Dark Theme Override
   بعد از woocommerce-rtl.css لود شود
=================================================== */

:root,
html, body,
html[data-theme], body[data-theme],
.woocommerce {
    /* متغیرهای رسمی ووکامرس */
    --wc-primary: #AA26DA;
    --wc-primary-text: #ffffff;
    --wc-secondary: #262626;
    --wc-secondary-text: #e6e6e6;
    --wc-highlight: #AA26DA;
    --wc-highligh-text: #ffffff;
    --wc-content-bg: #181818;
    --wc-subtext: #9a9a9a;
    --wc-red: #ff5c5c;
    --wc-green: #4ade80;
    --wc-orange: #ffba00;
    --wc-blue: #60a5fa;
    --wc-destructive: #ff5c5c;

    --wc-form-color-background: #202020;
    --wc-form-color-text: #f1f1f1;
    --wc-form-border-color: #3a3a3a;
    --wc-form-border-radius: 8px;
    --wc-form-border-width: 1px;
    --wc-separator-color: #3a3a3a;

    /* پالت داخلی */
    --d-bg: #111111;
    --d-surface: #181818;
    --d-surface-2: #202020;
    --d-surface-3: #262626;
    --d-border: #3a3a3a;
    --d-text: #f1f1f1;
    --d-text-2: #d0d0d0;
    --d-muted: #9a9a9a;
    --d-accent: #AA26DA;
    --d-accent-soft: #3a1719;
}

.woocommerce,
.woocommerce-page,
.woocommerce-account,
.woocommerce-cart,
.woocommerce-checkout {
    color-scheme: dark;
    color: var(--d-text);
}

/* ================================================
   فرم‌ها و ورودی‌ها
================================================ */
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    background-color: var(--d-surface-2);
    color: var(--d-text);
    border-color: var(--d-border);
}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--d-accent);
    outline: none;
}

.woocommerce form .form-row label {
    color: var(--d-text-2);
}

.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder {
    color: #777;
    opacity: 1;
}

/* فلش سلکت — نسخه روشن */
.woocommerce form .form-row select,
.woocommerce div.product form.cart .variations select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfcfcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
}

.woocommerce form .form-row select option {
    background-color: var(--d-surface-2);
    color: var(--d-text);
}

/* autofill کروم */
.woocommerce input:-webkit-autofill,
.woocommerce input:-webkit-autofill:hover,
.woocommerce input:-webkit-autofill:focus,
.woocommerce textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--d-text) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--d-surface-2) inset !important;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description {
    background: #1b4763;
    color: #e6f2fa;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
    border-color: #1b4763 transparent transparent transparent;
}

/* ================================================
   Select2
================================================ */
:where(.woocommerce) .select2-container .select2-dropdown,
:where(.woocommerce) .select2-container .select2-selection,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--single {
    background-color: var(--d-surface-2) !important;
    border-color: var(--d-border) !important;
    color: var(--d-text) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-results__option {
    color: var(--d-text) !important;
}

.select2-container--default .select2-results__option {
    background-color: var(--d-surface-2) !important;
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--d-accent) !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--selected {
    background-color: var(--d-surface-3) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--d-surface-2) !important;
    color: var(--d-text) !important;
    border-color: var(--d-border) !important;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow b {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfcfcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat !important;
    background-size: 16px !important;
}

/* ================================================
   دکمه‌ها
================================================ */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--d-surface-3) !important;
    color: var(--d-text) !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #333333 !important;
    color: var(--d-text) !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--d-accent) !important;
    color: #fff !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #AA26DA !important;
    color: #fff !important;
}

.woocommerce a.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce input.button:disabled:hover {
    background-color: var(--d-surface-3) !important;
}

/* ================================================
   جدول‌ها
================================================ */
.woocommerce table.shop_table {
    border-color: var(--d-border);
    color: var(--d-text);
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    border-top-color: var(--d-border);
}

.woocommerce table.shop_attributes {
    border-top-color: var(--d-border);
}

.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
    border-bottom-color: var(--d-border);
    color: var(--d-text);
}

.woocommerce table.shop_attributes tr:nth-child(2n) td,
.woocommerce table.shop_attributes tr:nth-child(2n) th {
    background: rgba(255, 255, 255, .03);
}

/* ================================================
   سبد خرید / تسویه
================================================ */
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    background: var(--d-surface-2);
    color: var(--d-text);
    border-color: var(--d-border);
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top-color: var(--d-border);
}

#add_payment_method .cart-collaterals .cart_totals p small,
#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals p small,
.woocommerce-checkout .cart-collaterals .cart_totals table small,
#add_payment_method .checkout .create-account small,
.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small {
    color: var(--d-muted);
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border-color: var(--d-border);
    background: var(--d-surface);
}

/* ================================================
   پرداخت
================================================ */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: var(--d-surface) !important;
    border: 1px solid var(--d-border);
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color: var(--d-border);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: var(--d-surface-3) !important;
    color: var(--d-text-2) !important;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: var(--d-surface-3) !important;
}

#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
    background: var(--d-surface-2);
    color: var(--d-text);
    border-color: var(--d-border) !important;
    border-top-color: var(--d-border) !important;
}

#add_payment_method #payment div.payment_box span.help,
.woocommerce-cart #payment div.payment_box span.help,
.woocommerce-checkout #payment div.payment_box span.help {
    color: var(--d-muted);
}

.woocommerce-terms-and-conditions {
    background: var(--d-surface-2);
    border-color: var(--d-border);
    box-shadow: none;
    color: var(--d-text);
}

/* ================================================
   نوتیس‌ها
================================================ */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: var(--d-surface) !important;
    color: var(--d-text) !important;
}

.woocommerce-message { border-top-color: #4ade80; }
.woocommerce-message::before { color: #4ade80; }
.woocommerce-info { border-top-color: #60a5fa; }
.woocommerce-info::before { color: #60a5fa; }
.woocommerce-error { border-top-color: #ff5c5c; }
.woocommerce-error::before { color: #ff5c5c; }

.woocommerce-store-notice,
p.demo_store {
    background-color: var(--d-accent);
    color: #fff;
}

/* ================================================
   صفحه محصول
================================================ */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: var(--d-surface);
}

.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder,
.woocommerce ul.products li.product .woocommerce-placeholder {
    border-color: var(--d-border);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: var(--d-surface-3);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border-color: var(--d-text);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: var(--d-text);
}

/* تب‌ها */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: var(--d-surface-2);
    border-color: var(--d-border);
    color: var(--d-text-2);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--d-text-2);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--d-text);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--d-surface);
    color: var(--d-text);
    border-bottom-color: var(--d-surface);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: -2px 2px 0 var(--d-surface-2);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    box-shadow: 2px 2px 0 var(--d-surface-2);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: -2px 2px 0 var(--d-surface);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: 2px 2px 0 var(--d-surface);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border-color: var(--d-border);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom-color: var(--d-border);
}

/* برچسب حراج و قیمت */
.woocommerce span.onsale {
    background-color: var(--d-accent);
    color: #fff;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: #e0e0e0;
}

.woocommerce ul.products li.product .price .from {
    color: var(--d-muted);
}

.woocommerce small.note,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentlist li .meta {
    color: var(--d-muted);
}

/* ================================================
   امتیاز و نظرات
================================================ */
.woocommerce .star-rating::before {
    color: #4a4a4a;
}

.woocommerce .star-rating span::before {
    color: #ffba00;
}

.woocommerce p.stars a::before {
    color: #ffba00;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    background: var(--d-surface-2);
    border-color: var(--d-border);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce #reviews #comments ol.commentlist #respond {
    border-color: var(--d-border);
    background: var(--d-surface);
}

.woocommerce #reviews h2 small,
.woocommerce #reviews h2 small a {
    color: var(--d-muted);
}

/* ================================================
   صفحه‌بندی
================================================ */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border-color: var(--d-border);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color: var(--d-text-2);
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--d-accent);
    color: #fff;
}

/* ================================================
   ویجت‌ها
================================================ */
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
    border-right-color: var(--d-border);
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    border-top-color: var(--d-border);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--d-accent);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--d-surface-3);
}

/* ================================================
   حساب کاربری و سفارش
================================================ */
.woocommerce ul.order_details li {
    border-left-color: var(--d-border);
}

.woocommerce .woocommerce-customer-details address {
    border-color: var(--d-border);
    background: var(--d-surface);
    color: var(--d-text);
}

.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list {
    border-color: var(--d-border);
}

.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd,
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt {
    border-bottom-color: var(--d-border);
}

.woocommerce-order-withdrawal-content .description,
.woocommerce-order-withdrawal-content__field-description,
.woocommerce-order-withdrawal-content__note,
.woocommerce-order-withdrawal-content__steps,
.woocommerce-order-withdrawal-content__review-row dt {
    color: var(--d-muted);
}

.woocommerce-order-withdrawal-content__review-row:not(:last-child) {
    border-bottom-color: var(--d-border);
}

/* قدرت رمز عبور */
.woocommerce-password-strength.strong { background-color: #14532d; border-color: #16a34a; color: #dcfce7; }
.woocommerce-password-strength.good   { background-color: #713f12; border-color: #ca8a04; color: #fef9c3; }
.woocommerce-password-strength.bad    { background-color: #7c2d12; border-color: #ea580c; color: #ffedd5; }
.woocommerce-password-strength.short  { background-color: #7f1d1d; border-color: #dc2626; color: #fee2e2; }

/* حذف آیتم */
.woocommerce a.remove {
    color: #ff5c5c !important;
}

.woocommerce a.remove:hover {
    color: #fff !important;
    background: #ff5c5c;
}

/* لودر */
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
    filter: invert(1) brightness(1.4);
}