/**
 * InstaPay RTL Styles
 * Version: 6.3.9
 */

/* ═══════════════════════════════════════════════════════
   النصوص والمحاذاة — Text & Alignment
   ═══════════════════════════════════════════════════════ */

body.rtl { direction: rtl; text-align: right; }
body.rtl .instapay-header { text-align: center; }

body.rtl .timer-label        { margin-left: 0; margin-right: 10px; }
body.rtl .detail-item        { text-align: right; }
body.rtl .detail-item .label { margin-right: 0; margin-left: 10px; }
body.rtl .copy-btn            { margin-right: auto; margin-left: 0; }
body.rtl .copy-btn i, body.rtl .copy-btn svg { margin-left: 5px; margin-right: 0; }
body.rtl .payment-link i, body.rtl .payment-link svg { margin-left: 5px; margin-right: 0; }
body.rtl .order-header       { flex-direction: row-reverse; }
body.rtl .order-items th,
body.rtl .order-items td,
body.rtl .order-items tfoot td { text-align: right; }
body.rtl .form-group label   { text-align: right; }
body.rtl .form-group label .required { margin-left: 0; margin-right: 3px; }
body.rtl .form-group label i { margin-left: 5px; margin-right: 0; }
body.rtl .form-control       { text-align: right; }
body.rtl .file-preview .remove-file { right: auto; left: -10px; }
body.rtl .toast-container    { right: auto; left: 20px; }
body.rtl .toast               { border-left: none; border-right: 4px solid transparent; transform: translateX(-120%); }
body.rtl .toast.show          { transform: translateX(0); }
body.rtl .toast-success       { border-right-color: var(--instapay-success); }
body.rtl .toast-error         { border-right-color: var(--instapay-danger); }
body.rtl .toast-warning       { border-right-color: var(--instapay-warning); }
body.rtl .toast-info          { border-right-color: var(--instapay-accent); }
body.rtl .toast-content       { text-align: right; }
body.rtl .toast-close         { margin-right: auto; margin-left: 0; }
body.rtl .countdown-title     { flex-direction: row-reverse; }
body.rtl .countdown-title i   { margin-left: 8px; margin-right: 0; }
body.rtl .countdown-warning-message { flex-direction: row-reverse; }

body.rtl,
body.rtl button, body.rtl input, body.rtl select, body.rtl textarea {
    font-family: 'Tajawal','Cairo',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

body.rtl .amount, body.rtl .price, body.rtl .total,
body.rtl .timer-value, body.rtl .countdown-text {
    font-feature-settings: "numr";
}

@media screen and (max-width: 768px) {
    body.rtl .order-header         { flex-direction: column; }
    body.rtl .detail-item          { align-items: flex-start; }
    body.rtl .toast-container      { left: 20px; right: 20px; }
}
@media screen and (max-width: 480px) {
    body.rtl .timer-display        { flex-direction: row-reverse; }
}
@media (prefers-color-scheme: dark) {
    body.rtl .instapay-payment-card { background: #1e1e1e; }
    body.rtl .instapay-header        { background: linear-gradient(135deg,#1a2a1a,#1e1e1e); }
    body.rtl .detail-item, body.rtl .order-header, body.rtl .order-items th { background: #2d2d2d; }
    body.rtl .order-items td         { border-bottom-color: #404040; }
}

/* ═══════════════════════════════════════════════════════
   أيقونات CSS إضافية
   ═══════════════════════════════════════════════════════ */
.instapay-icon-exclamation-triangle::before { content: "⚠️"; font-size: 16px; }
.instapay-icon-exclamation-circle::before   { content: "❌"; font-size: 16px; }
.instapay-icon-hourglass-end::before        { content: "⌛"; font-size: 16px; }
.instapay-icon-file-image::before           { content: "🖼️"; font-size: 16px; }
.instapay-icon-success::before              { content: "✅"; font-size: 16px; }
.instapay-icon-error::before                { content: "❌"; font-size: 16px; }
.instapay-icon-upload::before               { content: "⬆️"; font-size: 16px; }
.instapay-icon-download::before             { content: "⬇️"; font-size: 16px; }
.instapay-icon-eye::before                  { content: "👁️"; font-size: 16px; }
.instapay-icon-edit::before                 { content: "✏️"; font-size: 16px; }
.instapay-icon-trash::before                { content: "🗑️"; font-size: 16px; }
.instapay-icon-email::before                { content: "📧"; font-size: 16px; }
.instapay-icon-settings::before             { content: "⚙️"; font-size: 16px; }
.instapay-icon-search::before               { content: "🔍"; font-size: 16px; }
.instapay-icon-alert::before                { content: "🔔"; font-size: 16px; }
.instapay-icon-home::before                 { content: "🏠"; font-size: 16px; }
.instapay-icon-cart::before                 { content: "🛒"; font-size: 16px; }
.instapay-icon-star::before                 { content: "⭐"; font-size: 16px; }
.instapay-icon-heart::before                { content: "❤️"; font-size: 16px; }
.instapay-icon-check::before                { content: "✓"; font-size: 16px; }
.instapay-icon-x::before                    { content: "✗"; font-size: 16px; }
.instapay-icon-arrow-right::before          { content: "→"; font-size: 16px; }
.instapay-icon-arrow-left::before           { content: "←"; font-size: 16px; }
.instapay-icon-arrow-up::before             { content: "↑"; font-size: 16px; }
.instapay-icon-arrow-down::before           { content: "↓"; font-size: 16px; }
.instapay-icon-plus::before                 { content: "+"; font-size: 16px; }
.instapay-icon-minus::before                { content: "-"; font-size: 16px; }

/* ═══════════════════════════════════════════════════════
   RTL للواجهة الأمامية
   ═══════════════════════════════════════════════════════ */

html[lang^="ar"] .instapay-payment-fields,
html[lang^="ar"] .instapay-block-payment-fields,
html[lang^="ar"] .instapay-payment-page,
html[dir="rtl"]  .instapay-payment-fields,
html[dir="rtl"]  .instapay-block-payment-fields,
html[dir="rtl"]  .instapay-payment-page {
    direction: rtl;
    text-align: right;
}

html[lang^="ar"] .wc_payment_method label,
html[dir="rtl"]  .wc_payment_method label { direction: rtl; text-align: right; }

html[lang^="ar"] .cart-discount td,
html[lang^="ar"] .fee td,
html[dir="rtl"]  .cart-discount td,
html[dir="rtl"]  .fee td { text-align: right; }

html[lang^="ar"] .instapay-payment-page,
html[dir="rtl"]  .instapay-payment-page { direction: rtl; text-align: right; }

html[lang^="ar"] .instapay-payment-page input,
html[lang^="ar"] .instapay-payment-page textarea,
html[dir="rtl"]  .instapay-payment-page input,
html[dir="rtl"]  .instapay-payment-page textarea { direction: rtl; text-align: right; }

html[lang^="ar"] .instapay-copy-btn,
html[dir="rtl"]  .instapay-copy-btn { margin-right: 0; margin-left: 8px; }

html[lang^="ar"] .instapay-steps li,
html[dir="rtl"]  .instapay-steps li { text-align: right; padding-right: 20px; padding-left: 0; }

/* ── أرقام العداد: LTR دائماً ── */
.instapay-countdown-timer,
.countdown-text,
#countdown-text {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block;
}

html[lang^="ar"] table.shop_table th,
html[lang^="ar"] table.shop_table td,
html[dir="rtl"]  table.shop_table th,
html[dir="rtl"]  table.shop_table td { text-align: right; }

.instapay-payment-page[dir="rtl"],
.instapay-payment-fields[dir="rtl"],
.instapay-block-payment-fields[dir="rtl"] {
    font-family: var(--ip-font,'Cairo'),'Tajawal',-apple-system,BlinkMacSystemFont,sans-serif;
}

html[lang^="ar"] .instapay-description,
html[dir="rtl"]  .instapay-description {
    border-right: 4px solid var(--instapay-accent) !important;
    border-left: none !important;
}

html[lang^="ar"] .instapay-payment-page ol,
html[lang^="ar"] .instapay-payment-fields ol,
html[dir="rtl"]  .instapay-payment-page ol,
html[dir="rtl"]  .instapay-payment-fields ol {
    padding-inline-start: 0;
    padding-inline-end: 25px;
    list-style-position: inside;
}

html[lang^="ar"] .instapay-icon,
html[dir="rtl"]  .instapay-icon { margin-inline-end: 5px; margin-inline-start: 0; }

html[lang^="ar"] .instapay-block-payment-fields,
html[dir="rtl"]  .instapay-block-payment-fields { direction: rtl; text-align: right; }

html[lang^="ar"] .instapay-block-payment-fields input,
html[dir="rtl"]  .instapay-block-payment-fields input {
    direction: rtl; text-align: right;
    font-family: 'Cairo','Tajawal',sans-serif;
}

html[lang^="ar"] .instapay-upload-area,
html[dir="rtl"]  .instapay-upload-area,
html[lang^="ar"] .file-upload-area,
html[dir="rtl"]  .file-upload-area { text-align: center !important; }

html[lang^="ar"] .instapay-upload-area p,
html[dir="rtl"]  .instapay-upload-area p,
html[lang^="ar"] .file-upload-area p,
html[dir="rtl"]  .file-upload-area p { direction: rtl; text-align: center !important; }

html[lang^="ar"] .instapay-payment-fields input[type="text"],
html[lang^="ar"] .instapay-payment-fields input[type="tel"],
html[lang^="ar"] .instapay-payment-page  input[type="text"],
html[lang^="ar"] .instapay-payment-page  input[type="tel"],
html[dir="rtl"]  .instapay-payment-fields input[type="text"],
html[dir="rtl"]  .instapay-payment-fields input[type="tel"],
html[dir="rtl"]  .instapay-payment-page  input[type="text"],
html[dir="rtl"]  .instapay-payment-page  input[type="tel"] {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Cairo','Tajawal',-apple-system,sans-serif;
}

html[lang^="ar"] .instapay-submit-btn,
html[lang^="ar"] .instapay-confirm-btn,
html[dir="rtl"]  .instapay-submit-btn,
html[dir="rtl"]  .instapay-confirm-btn { flex-direction: row-reverse; }

/* ═══════════════════════════════════════════════════════
   المبلغ والأسعار — Prices always LTR
   ═══════════════════════════════════════════════════════ */
.instapay-price,
.instapay-amount-ltr,
bdo.instapay-amount-text,
.instapay-amount-text {
    direction: ltr !important;
    unicode-bidi: bidi-override !important;
    display: inline-block !important;
    white-space: nowrap !important;
    font-variant-numeric: lining-nums !important;
}

html[lang^="ar"] .instapay-payment-fields .woocommerce-Price-amount,
html[lang^="ar"] .instapay-payment-page  .woocommerce-Price-amount,
html[dir="rtl"]  .instapay-payment-fields .woocommerce-Price-amount,
html[dir="rtl"]  .instapay-payment-page  .woocommerce-Price-amount {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
}

/* ═══════════════════════════════════════════════════════
   شريط العداد — Progress Bar (NEVER override direction here)
   القاعدة الذهبية: لا نضع direction على progress bar في هذا الملف
   لأن checkout-block.js يتحكم فيه مباشرة بـ dir="ltr" في HTML
   ═══════════════════════════════════════════════════════ */

/* QR Code */
html[lang^="ar"] img[alt="QR Code"],
html[dir="rtl"]  img[alt="QR Code"] {
    width: 100% !important;
    max-width: 200px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* OL/UL */
html[lang^="ar"] .instapay-payment-page [style*="border-left:"],
html[dir="rtl"]  .instapay-payment-page [style*="border-left:"] {
    border-right: inherit;
    border-left: none !important;
}

@media screen and (max-width: 600px) {
    .countdown-text, #countdown-text { font-size: 32px !important; }
}