/**
 * SIGMIX Refund Policy Page - RTL Styles
 * /css/refund-rtl.css
 */

/* ========================================
   GLOBAL RTL OVERRIDES
   ======================================== */
html[dir="rtl"] body {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
    text-align: right;
}

/* ========================================
   REFUND HERO RTL
   ======================================== */
html[dir="rtl"] .refund-hero .container {
    text-align: right;
}

html[dir="rtl"] .refund-hero::before {
    right: auto;
    left: -20%;
}

/* ========================================
   REFUND CONTENT RTL
   ======================================== */
html[dir="rtl"] .refund-container {
    text-align: right;
}

/* Company Info */
html[dir="rtl"] .company-info {
    text-align: right;
}

/* ========================================
   TABLE OF CONTENTS RTL
   ======================================== */
html[dir="rtl"] .refund-toc {
    text-align: right;
}

html[dir="rtl"] .toc-list {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .toc-list a {
    flex-direction: row-reverse;
}

html[dir="rtl"] .toc-list .toc-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ========================================
   SECTION HEADINGS RTL
   ======================================== */
html[dir="rtl"] .refund-section h2 {
    flex-direction: row-reverse;
}

html[dir="rtl"] .section-icon {
    margin-left: 0.75rem;
    margin-right: 0;
}

/* ========================================
   MERCHANT BOX RTL
   ======================================== */
html[dir="rtl"] .merchant-box {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .merchant-box i {
    margin-left: 1rem;
    margin-right: 0;
}

html[dir="rtl"] .merchant-box-content {
    text-align: right;
}

/* ========================================
   LISTS RTL
   ======================================== */
html[dir="rtl"] .refund-section ul {
    padding-right: 1.5rem;
    padding-left: 0;
}

html[dir="rtl"] .refund-section li {
    text-align: right;
}

html[dir="rtl"] .refund-section ul li::marker {
    unicode-bidi: isolate;
}

/* ========================================
   GUARANTEE BOX RTL
   ======================================== */
html[dir="rtl"] .guarantee-box {
    text-align: center;
}

html[dir="rtl"] .guarantee-badge {
    flex-direction: row-reverse;
}

html[dir="rtl"] .guarantee-badge i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ========================================
   APPLE BOX RTL
   ======================================== */
html[dir="rtl"] .apple-box {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .apple-box i {
    margin-left: 1rem;
    margin-right: 0;
}

/* ========================================
   CONTACT CARDS RTL
   ======================================== */
html[dir="rtl"] .contact-cards {
    direction: rtl;
}

html[dir="rtl"] .contact-card {
    text-align: center;
}

/* ========================================
   LEGAL NOTICE RTL
   ======================================== */
html[dir="rtl"] .legal-notice {
    text-align: right;
}

html[dir="rtl"] .legal-notice h2 {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .legal-notice h2 i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ========================================
   RESPONSIVE RTL ADJUSTMENTS
   ======================================== */
@media (max-width: 768px) {
    html[dir="rtl"] .merchant-box,
    html[dir="rtl"] .apple-box {
        flex-direction: column;
        text-align: center;
    }

    html[dir="rtl"] .merchant-box i,
    html[dir="rtl"] .apple-box i {
        margin-left: 0;
        margin-bottom: 0.75rem;
    }

    html[dir="rtl"] .toc-list {
        grid-template-columns: 1fr;
    }

    html[dir="rtl"] .contact-cards {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   PRINT STYLES RTL
   ======================================== */
@media print {
    html[dir="rtl"] a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: var(--gray);
        direction: ltr;
        unicode-bidi: embed;
    }
}