/**
 * RTL Overrides for Algeria Express Checkout.
 *
 * Loaded automatically when WordPress locale is RTL.
 * Handles elements that cannot use CSS logical properties alone.
 */

/* ── Quantity buttons: flip order in RTL ── */
.aec-spc-qty-minus {
    border-radius: 0 6px 6px 0;
}

.aec-spc-qty-plus {
    border-radius: 6px 0 0 6px;
}

/* ── Admin toggle switch: flip translateX direction ── */
[dir="rtl"] .dzwc-switch input:checked + .dzwc-slider:before {
    transform: translateX(-18px);
}

/* ── Admin preview toggle slider position ── */
[dir="rtl"] .preview-toggle-slider {
    left: auto;
    right: 4px;
}

/* ── Gateway radio positioning flip ── */
[dir="rtl"] .dzwc-gateway-option input[type="radio"] {
    left: auto;
    right: 16px;
}

[dir="rtl"] .aec-spc-gateway-option input[type="radio"] {
    left: auto;
    right: 16px;
}

/* ── Select dropdown icons flip ── */
[dir="rtl"] .dzwc-select-wrapper .select-icon {
    inset-inline-end: auto;
    inset-inline-start: 14px;
}

[dir="rtl"] .dzwc-select-wrapper .validation-icon {
    inset-inline-end: auto;
    inset-inline-start: 36px;
}

[dir="rtl"] .aec-spc-select-icon {
    inset-inline-end: auto;
    inset-inline-start: 12px;
}

/* ── CTA button SVG icons: flip direction in RTL ── */
[dir="rtl"] .aec-spc-btn-icon {
    transform: scaleX(-1);
}

/* ── Submit button arrow icon: flip direction in RTL ── */
[dir="rtl"] .dzwc-submit-btn .material-symbols-outlined,
[dir="rtl"] .aec-spc-submit-btn .material-symbols-outlined {
    transform: scaleX(-1);
}

/* ── Tracking timeline border flip ── */
[dir="rtl"] .dzwc-tracking-timeline li {
    border-left: none;
    border-right: 2px solid #dcdcde;
    padding: 0 20px 16px 0;
}

[dir="rtl"] .dzwc-tracking-timeline li:last-child {
    border-right-color: transparent;
}

[dir="rtl"] .dzwc-tracking-timeline li::before {
    left: auto;
    right: -6px;
}