/**
 * RTL (Right-to-Left) Styles
 * For Arabic and Kurdish languages
 * Charity Website - Unicare Template
 */

/* ===========================
   General RTL Adjustments
   =========================== */

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

/* Bootstrap RTL Adjustments */
.rtl .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.rtl .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.rtl .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
.rtl .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
.rtl .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
.rtl .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
.rtl .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
.rtl .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }

.rtl .pl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
.rtl .pr-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
.rtl .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
.rtl .pr-3 { padding-right: 0 !important; padding-left: 1rem !important; }
.rtl .pl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
.rtl .pr-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }

.rtl .text-left {
    text-align: right !important;
}

.rtl .text-right {
    text-align: left !important;
}

.rtl .float-left {
    float: right !important;
}

.rtl .float-right {
    float: left !important;
}

/* ===========================
   Header & Navigation RTL
   =========================== */

.rtl .top-bar-left {
    text-align: right;
}

.rtl .top-bar-right {
    text-align: left;
}

.rtl .navbar-nav {
    margin-left: 0;
    margin-right: auto;
}

.rtl .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

.rtl .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
}

.rtl .dropdown-menu-right {
    right: auto !important;
    left: 0 !important;
}

/* Language Switcher RTL */
.rtl .language-switcher {
    margin-left: 0;
    margin-right: 15px;
}

.rtl .language-switcher .dropdown-menu {
    text-align: right;
}

/* ===========================
   Hero Slider RTL
   =========================== */

.rtl .hero-content {
    text-align: right;
}

.rtl .hero-slider .owl-nav .owl-prev {
    left: auto;
    right: 20px;
}

.rtl .hero-slider .owl-nav .owl-next {
    right: auto;
    left: 20px;
}

/* Swap chevron icons for RTL */
.rtl .hero-slider .owl-prev i:before {
    content: "\f054"; /* fa-chevron-right */
}

.rtl .hero-slider .owl-next i:before {
    content: "\f053"; /* fa-chevron-left */
}

/* ===========================
   Purpose Section RTL
   =========================== */

.rtl .purpose-section {
    text-align: right;
}

.rtl .purpose-icon-large {
    margin-right: 0;
    margin-left: auto;
}

/* ===========================
   Cause Cards RTL
   =========================== */

.rtl .cause-card {
    text-align: right;
}

.rtl .cause-category {
    text-align: right;
}

.rtl .cause-category i {
    margin-right: 0;
    margin-left: 8px;
}

.rtl .featured-badge {
    left: 15px;
    right: auto;
}

.rtl .progress-info {
    text-align: right;
}

/* ===========================
   Blog Cards RTL
   =========================== */

.rtl .blog-card {
    text-align: right;
}

.rtl .blog-meta span {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .blog-meta span:last-child {
    margin-left: 0;
}

.rtl .blog-meta i {
    margin-right: 0;
    margin-left: 5px;
}

.rtl .read-more i {
    margin-left: 0;
    margin-right: 5px;
}

/* ===========================
   Testimonials RTL
   =========================== */

.rtl .testimonial-item {
    text-align: right;
}

.rtl .rating {
    direction: ltr;
    text-align: right;
}

/* ===========================
   Fun Facts RTL
   =========================== */

.rtl .fun-fact {
    text-align: center;
}

/* ===========================
   Forms RTL
   =========================== */

.rtl .form-control {
    text-align: right;
}

.rtl .form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}

.rtl .form-check-input {
    margin-left: 0;
    margin-right: -1.25rem;
}

/* ===========================
   Buttons RTL
   =========================== */

.rtl .btn i {
    margin-left: 0;
    margin-right: 8px;
}

.rtl .btn i.ml-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

.rtl .btn i.mr-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* ===========================
   Pagination RTL
   =========================== */

.rtl .pagination {
    direction: ltr;
}

/* ===========================
   Footer RTL
   =========================== */

.rtl .footer {
    text-align: right;
}

.rtl .footer-widget ul {
    padding-left: 0;
    padding-right: 0;
}

.rtl .footer-widget ul li {
    text-align: right;
}

.rtl .footer-widget ul li:before {
    left: auto;
    right: 0;
}

.rtl .social-links a {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .social-links a:last-child {
    margin-left: 0;
}

/* ===========================
   Lists RTL
   =========================== */

.rtl ul,
.rtl ol {
    padding-left: 0;
    padding-right: 2rem;
}

.rtl ul li:before {
    left: auto;
    right: -1.5rem;
}

/* ===========================
   Icons RTL
   =========================== */

.rtl .fas,
.rtl .far,
.rtl .fab {
    margin-left: 8px;
    margin-right: 0;
}

/* When icon is after text */
.rtl .icon-after {
    margin-left: 0;
    margin-right: 8px;
}

/* ===========================
   Cards RTL
   =========================== */

.rtl .card {
    text-align: right;
}

.rtl .card-title {
    text-align: right;
}

.rtl .card-text {
    text-align: right;
}

/* ===========================
   Breadcrumbs RTL
   =========================== */

.rtl .breadcrumb {
    direction: ltr;
}

/* ===========================
   Arrows & Chevrons RTL
   =========================== */

/* Swap arrow directions */
.rtl .fa-arrow-right:before {
    content: "\f060"; /* fa-arrow-left */
}

.rtl .fa-arrow-left:before {
    content: "\f061"; /* fa-arrow-right */
}

.rtl .fa-long-arrow-alt-right:before {
    content: "\f30a"; /* fa-long-arrow-alt-left */
}

.rtl .fa-long-arrow-alt-left:before {
    content: "\f30b"; /* fa-long-arrow-alt-right */
}

/* ===========================
   Progress Bars RTL
   =========================== */

.rtl .progress-bar {
    direction: ltr;
}

/* ===========================
   Section Titles RTL
   =========================== */

.rtl .section-title {
    text-align: center;
}

.rtl .section-title h2 {
    text-align: center;
}

.rtl .section-title p {
    text-align: center;
}

/* ===========================
   Owl Carousel RTL
   =========================== */

.rtl .owl-carousel {
    direction: ltr;
}

.rtl .owl-carousel .owl-item {
    direction: rtl;
}

/* ===========================
   Modal RTL
   =========================== */

.rtl .modal-header {
    text-align: right;
}

.rtl .modal-body {
    text-align: right;
}

.rtl .modal-footer {
    justify-content: flex-start;
}

.rtl .close {
    margin: 0;
    margin-left: auto;
}

/* ===========================
   Table RTL
   =========================== */

.rtl table {
    text-align: right;
}

.rtl th {
    text-align: right;
}

.rtl td {
    text-align: right;
}

/* ===========================
   Scroll to Top Button RTL
   =========================== */

.rtl .scroll-top {
    left: 30px;
    right: auto;
}

/* ===========================
   Dropdown RTL
   =========================== */

.rtl .dropdown-menu {
    text-align: right;
}

/* ===========================
   Badge RTL
   =========================== */

.rtl .badge {
    margin-left: 5px;
    margin-right: 0;
}

/* ===========================
   Alert RTL
   =========================== */

.rtl .alert {
    text-align: right;
}

/* ===========================
   Responsive RTL Adjustments
   =========================== */

@media (max-width: 991px) {
    .rtl .navbar-collapse {
        text-align: right;
    }

    .rtl .navbar-nav {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .rtl .top-bar-left,
    .rtl .top-bar-right {
        text-align: center;
    }
}

/* ===========================
   Typography RTL
   =========================== */

.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6 {
    text-align: right;
}

.rtl p {
    text-align: right;
}

/* Center aligned elements should stay centered */
.rtl .text-center,
.rtl .text-center h1,
.rtl .text-center h2,
.rtl .text-center h3,
.rtl .text-center h4,
.rtl .text-center h5,
.rtl .text-center h6,
.rtl .text-center p {
    text-align: center !important;
}

/* ===========================
   Custom Adjustments
   =========================== */

/* Purpose divider */
.rtl .purpose-divider {
    margin-right: auto;
    margin-left: auto;
}

/* Cause actions */
.rtl .cause-actions {
    direction: ltr;
    text-align: right;
}

.rtl .cause-actions .btn:first-child {
    margin-right: 0;
    margin-left: 10px;
}