/* 
 * WC Charity Core - RTL Override Layer
 * Enqueued last via Assets::enqueue_assets()
 * Strictly scoped with html[dir="rtl"]
 */


/* Maintain column stack for progress on RTL */
html[dir="rtl"] .wcc-progress-suite {
    flex-direction: column;
}

/* --- 2. Component Mirrors (Explicit Pixel Values) --- */
html[dir="rtl"] .wcc-subscription__actions {
    margin-left: 0;
    margin-right: 28px;
}

html[dir="rtl"] .wcc-overview-table th,
html[dir="rtl"] .wcc-overview-table td,
html[dir="rtl"] .wcc .shop_table th,
html[dir="rtl"] .wcc .shop_table td,
/* html[dir="rtl"] .wcc-identity-option, */
html[dir="rtl"] .wcc-donation-root-container,
html[dir="rtl"] .wcc-modal-container {
    text-align: right;
}

html[dir="rtl"] .wcc-updates-timeline {
    padding-left: 0;
    padding-right: 20px;
    border-left: none;
    border-right: 2px solid var(--wcc-border);
}

html[dir="rtl"] .wcc-update-item::before {
    left: auto;
    right: -27px;
}

html[dir="rtl"] .wcc-comment-meta strong {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .wcc-tab-icon {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .wcc-tab-count {
    margin-left: 0;
    margin-right: 6px;
}

/* --- 3. Positional & Alignment Overrides --- */
html[dir="rtl"] .wcc-modal-close {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .wcc-modal-back {
    left: auto;
    right: 20px;
}

html[dir="rtl"] .wcc-clear-search {
    right: auto;
    left: 15px;
}

html[dir="rtl"] .wcc-badge {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .wcc-search-wrapper i {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .wcc-search-wrapper input {
    padding-left: 40px;
    padding-right: 40px;
}

html[dir="rtl"] .wcc-input-group label {
    border-right: none;
    border-left: 1px solid var(--wcc-border);
}

html[dir="rtl"] .wcc-input-group input {
    margin-left: 0;
    margin-right: 10px;
}

html[dir="rtl"] .wcc-user-info strong {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .wcc-required-badge strong {
    margin-left: 0;
    margin-right: 8px;
}

html[dir="rtl"] .wcc-like-count {
    right: auto;
    left: -6px;
}

html[dir="rtl"] .wcc-progress-top strong {
    margin-right: 0;
    margin-left: 4px;
}

/* --- 4. Animation & Progress Direction --- */
html[dir="rtl"] .wcc-mini-progress-fill {
    transform-origin: right center !important;
}

html[dir="rtl"] .wcc-bar-fill {
    transform-origin: right center !important;
}

html[dir="rtl"] .wcc-btn-icon--arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .wcc-btn-icon--back {
    transform: scaleX(-1);
}