/* Simple Donate - RTL (Right-to-Left) Stylesheet */
/* This stylesheet contains RTL-specific overrides for Hebrew and other RTL languages */

/* ============================================
   RTL TEXT DIRECTION
   ============================================ */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body {
    font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ============================================
   NAVIGATION & HEADER
   ============================================ */

[dir="rtl"] .navbar-nav {
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .dropdown-menu {
    text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
    left: 0 !important;
    right: auto !important;
}


/* Don't flip these icons */
[dir="rtl"] .bi-heart,
[dir="rtl"] .bi-heart-fill,
[dir="rtl"] .bi-star,
[dir="rtl"] .bi-star-fill,
[dir="rtl"] .bi-currency-dollar,
[dir="rtl"] .bi-check,
[dir="rtl"] .bi-check-circle,
[dir="rtl"] .bi-shield-check,
[dir="rtl"] .bi-shield-lock,
[dir="rtl"] .bi-lock,
[dir="rtl"] .bi-globe,
[dir="rtl"] .bi-building {
    transform: none;
}

/* ============================================
   BUTTONS & FORMS
   ============================================ */

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

[dir="rtl"] .btn i:first-child {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .btn i:last-child {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .form-control,
[dir="rtl"] .form-select {
    text-align: right;
}

/* Form validation icons positioning */
[dir="rtl"] .form-control.is-invalid,
[dir="rtl"] .form-control.is-valid {
    background-position: left 0.75rem center;
    padding-left: 2.5rem;
    padding-right: 0.75rem;
}

/* ============================================
   CARDS & CAMPAIGN CARDS
   ============================================ */

[dir="rtl"] .card {
    text-align: right;
}

[dir="rtl"] .campaign-card .organization-name {
    text-align: right;
}

[dir="rtl"] .campaign-card .organization-name i {
    margin-right: 0;
    margin-left: 0.5rem;
}

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

[dir="rtl"] .badge-tag:last-child {
    margin-left: 0;
}

/* ============================================
   HERO SECTION
   ============================================ */

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

[dir="rtl"] .hero-stats {
    justify-content: flex-start;
}

/* ============================================
   PROGRESS BARS
   ============================================ */

[dir="rtl"] .progress {
    direction: ltr; /* Progress bars should fill left-to-right even in RTL */
}

[dir="rtl"] .progress-bar {
    /* Keep progress bar filling direction LTR */
}

/* ============================================
   STATS & METRICS
   ============================================ */

[dir="rtl"] .stats {
    direction: rtl;
}

[dir="rtl"] .progress-stats {
    direction: rtl;
}

[dir="rtl"] .trust-badges {
    direction: rtl;
}

[dir="rtl"] .trust-badge i {
    margin-right: 0;
    margin-left: 0.75rem;
}

/* ============================================
   TESTIMONIALS
   ============================================ */

[dir="rtl"] .testimonial-card {
    text-align: right;
}

[dir="rtl"] .testimonial-card .author {
    flex-direction: row-reverse;
}

[dir="rtl"] .testimonial-card .author-avatar {
    margin-left: 1rem;
    margin-right: 0;
}

/* ============================================
   FOOTER
   ============================================ */

[dir="rtl"] footer {
    text-align: right;
}

[dir="rtl"] .footer-brand {
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-brand i {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .footer-legal {
    gap: 2rem;
}

[dir="rtl"] .footer-social a {
    margin-left: 1rem;
    margin-right: 0;
}

[dir="rtl"] .footer-social a:last-child {
    margin-left: 0;
}

/* ============================================
   HOW IT WORKS SECTION
   ============================================ */

[dir="rtl"] .step-card {
    text-align: right;
}

[dir="rtl"] .step-icon::after {
    right: auto;
    left: -8px;
}

/* ============================================
   CAMPAIGN PAGE
   ============================================ */

[dir="rtl"] .campaign-hero-content {
    text-align: right;
}

[dir="rtl"] .referral-banner {
    text-align: right;
}

[dir="rtl"] .referral-banner i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* ============================================
   ADMIN DASHBOARD
   ============================================ */

[dir="rtl"] .admin-stat-card {
    border-left: none;
    border-right: 4px solid var(--ir-primary);
}

[dir="rtl"] .admin-stat-card.success {
    border-right-color: var(--ir-success);
}

[dir="rtl"] .admin-stat-card.warning {
    border-right-color: var(--ir-warning);
}

[dir="rtl"] .admin-stat-card.info {
    border-right-color: var(--ir-info);
}

[dir="rtl"] .admin-stat-card.danger {
    border-right-color: var(--ir-danger);
}

[dir="rtl"] .admin-table {
    text-align: right;
}

/* ============================================
   CONTACT PAGE
   ============================================ */

[dir="rtl"] .contact-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .contact-item-icon {
    margin-left: 1rem;
    margin-right: 0;
}

/* ============================================
   DONATION FORM
   ============================================ */

[dir="rtl"] .donation-form {
    text-align: right;
}

[dir="rtl"] .amount-buttons {
    direction: rtl;
}

/* ============================================
   STICKY DONATE BAR
   ============================================ */

[dir="rtl"] .sticky-donate {
    direction: rtl;
}

/* ============================================
   COUNTDOWN TIMER
   ============================================ */

[dir="rtl"] .countdown {
    direction: rtl;
}

/* ============================================
   SECURITY BADGES
   ============================================ */

[dir="rtl"] .security-badges {
    direction: rtl;
}

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

/* ============================================
   FLEXBOX & GRID UTILITIES
   ============================================ */

/* Bootstrap utility class overrides for RTL */
[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .me-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
[dir="rtl"] .me-5 { margin-right: 0 !important; margin-left: 3rem !important; }

[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .ms-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
[dir="rtl"] .ms-5 { margin-left: 0 !important; margin-right: 3rem !important; }

[dir="rtl"] .pe-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
[dir="rtl"] .pe-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }
[dir="rtl"] .pe-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
[dir="rtl"] .pe-5 { padding-right: 0 !important; padding-left: 3rem !important; }

[dir="rtl"] .ps-1 { padding-left: 0 !important; padding-right: 0.25rem !important; }
[dir="rtl"] .ps-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .ps-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
[dir="rtl"] .ps-5 { padding-left: 0 !important; padding-right: 3rem !important; }

[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }

/* ============================================
   RESPONSIVE RTL ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
    [dir="rtl"] .navbar-collapse {
        text-align: right;
    }

    [dir="rtl"] .footer-bottom {
        text-align: center;
    }
}

/* ============================================
   ANIMATIONS & TRANSITIONS
   ============================================ */

/* Ensure animations respect RTL direction */
[dir="rtl"] .animate-fade-in-up {
    animation: fadeInUpRTL 0.6s ease-out;
}

@keyframes fadeInUpRTL {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */

[dir="rtl"] .skip-link {
    left: auto;
    right: 0;
}

/* ============================================
   PRINT STYLES
   ============================================ */

@media print {
    [dir="rtl"] * {
        direction: rtl;
        text-align: right;
    }
}