/* Language-specific styles */

/* RTL (Arabic) Styles */
body.rtl,
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
    font-family: "Tajawal", "Keep Calm Med", "Gilmer", sans-serif;
}

body.ltr,
html[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

/* RTL Layout Adjustments */
body.rtl .container,
html[dir="rtl"] .container {
    direction: rtl;
}

body.rtl .row,
html[dir="rtl"] .row {
    direction: rtl;
}

/* Header adjustments for RTL */
body.rtl header .logo-wrapper,
html[dir="rtl"] header .logo-wrapper {
    flex-direction: row-reverse;
}

/* body.rtl header .navigation,
html[dir="rtl"] header .navigation {
    left: 0;
    right: auto;
} */

body.rtl header .lang-buttons-wrapper,
html[dir="rtl"] header .lang-buttons-wrapper {
    flex-direction: row-reverse;
}

/* Banner section RTL */
body.rtl .banner .banner__row,
html[dir="rtl"] .banner .banner__row {
    flex-direction: row-reverse;
}

body.rtl .banner .banner-content,
html[dir="rtl"] .banner .banner-content {
    text-align: right;
}

@media (max-width: 991px) {
    body.rtl .banner .banner-content,
    html[dir="rtl"] .banner .banner-content {
        text-align: center;
    }

    body.rtl .banner .banner-actions,
    html[dir="rtl"] .banner .banner-actions {
        align-items: center;
    }
}

body.rtl .banner .btn-wrap-header,
html[dir="rtl"] .banner .btn-wrap-header {
    left: 0;
    right: auto;
}

/* body.rtl .banner .bg-image.sty1,
html[dir="rtl"] .banner .bg-image.sty1 {
    left: 80px;
    right: auto;
} */

/* body.rtl .banner .shape.ban-shape,
html[dir="rtl"] .banner .shape.ban-shape {
    left: auto;
    right: 0;
} */

/* Trending Causes RTL */
body.rtl .trending-causes-section .trending-causes-header,
html[dir="rtl"] .trending-causes-section .trending-causes-header {
    flex-direction: row-reverse;
}

body.rtl .trending-causes-section .cause-card__btn,
html[dir="rtl"] .trending-causes-section .cause-card__btn {
    align-self: flex-end;
}

/* Giving Effortless RTL */
body.rtl .giving-effortless-section .giving-effortless-content,
html[dir="rtl"] .giving-effortless-section .giving-effortless-content {
    text-align: right;
}

/* Recommended RTL */
body.rtl .recommended-section,
html[dir="rtl"] .recommended-section {
    direction: rtl;
}

body.rtl .recommended-section .rec-main-card__content,
html[dir="rtl"] .recommended-section .rec-main-card__content {
    text-align: right;
}

body.rtl .recommended-section .rec-stats,
html[dir="rtl"] .recommended-section .rec-stats {
    flex-direction: row-reverse;
}

body.rtl .recommended-section .rec-side-card__top,
html[dir="rtl"] .recommended-section .rec-side-card__top {
    flex-direction: row-reverse;
}

/* Impact section RTL */
body.rtl .impact-section .impact-content,
html[dir="rtl"] .impact-section .impact-content {
    text-align: right;
}

/* Core Features (Lite) RTL */
body.rtl .core-features-lite,
html[dir="rtl"] .core-features-lite {
    direction: rtl;
}

body.rtl .core-features-lite .core-lite-header,
html[dir="rtl"] .core-features-lite .core-lite-header {
    text-align: center;
}

body.rtl .impact-section .impact-media,
html[dir="rtl"] .impact-section .impact-media {
    justify-content: flex-start;
}

@media (max-width: 991px) {
    body.rtl .giving-effortless-section .giving-effortless-content,
    html[dir="rtl"] .giving-effortless-section .giving-effortless-content {
        text-align: center;
    }

    body.rtl .recommended-section .rec-main-card__content,
    html[dir="rtl"] .recommended-section .rec-main-card__content {
        text-align: center;
    }

    body.rtl .impact-section .impact-content,
    html[dir="rtl"] .impact-section .impact-content {
        text-align: center;
    }

    body.rtl .impact-section .impact-media,
    html[dir="rtl"] .impact-section .impact-media {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    body.rtl .trending-causes-section .trending-causes-view-all,
    html[dir="rtl"] .trending-causes-section .trending-causes-view-all {
        align-self: flex-end;
    }
}

/* SMS Parking Section RTL */
body.rtl .sms-parking-section .row,
html[dir="rtl"] .sms-parking-section .row {
    flex-direction: row-reverse;
}

body.rtl .sms-parking-section .sms-parking-content,
html[dir="rtl"] .sms-parking-section .sms-parking-content {
    text-align: right;
}

/* Banner phone image RTL - align to left */
/* body.rtl .banner .bg-image.sty1,
html[dir="rtl"] .banner .bg-image.sty1 {
    right: auto;
    left: 80px;
    bottom: -16%;
} */

/* Phone mockup shape RTL */
body.rtl .shape.phone-mockup,
html[dir="rtl"] .shape.phone-mockup {
    right: auto;
    left: 20px;
    bottom: -70px;
    width: 40%;
}

body.rtl .sms-parking-section .shape.sms-shape,
html[dir="rtl"] .sms-parking-section .shape.sms-shape {
    left: auto;
    right: 0;
}

/* Core Features Section RTL */
body.rtl .core-features-section .feature-block,
html[dir="rtl"] .core-features-section .feature-block {
    text-align: right;
}

body.rtl .core-features-section .feature-list,
html[dir="rtl"] .core-features-section .feature-list {
    text-align: right;
    padding-right: 0;
    padding-left: 20px;
}

/* Feature list items RTL - bullets on right */
body.rtl .core-features-section .feature-list li,
html[dir="rtl"] .core-features-section .feature-list li {
    padding-left: 0;
    padding-right: 20px;
}

body.rtl .core-features-section .feature-list li::before,
html[dir="rtl"] .core-features-section .feature-list li::before {
    left: auto;
    right: 0;
}

/* Marketplace Section RTL */
body.rtl .marketplace-section .row,
html[dir="rtl"] .marketplace-section .row {
    flex-direction: row-reverse;
}

body.rtl .marketplace-section .marketplace-content,
html[dir="rtl"] .marketplace-section .marketplace-content {
    text-align: right;
}

body.rtl .marketplace-section .shape.maket-shape,
html[dir="rtl"] .marketplace-section .shape.maket-shape {
    left: -17%;
    right: auto;
}

body.rtl .marketplace-section .marketplace-box,
html[dir="rtl"] .marketplace-section .marketplace-box {
    text-align: right;
}

body.rtl .marketplace-section .marketplace-box ul,
html[dir="rtl"] .marketplace-section .marketplace-box ul {
    text-align: right;
    padding-right: 0;
    padding-left: 20px;
}

/* Marketplace list items RTL */
body.rtl .marketplace-section .marketplace-box ul li,
html[dir="rtl"] .marketplace-section .marketplace-box ul li {
    padding-left: 0;
    padding-right: 20px;
}

body.rtl .marketplace-section .marketplace-box ul li::before,
html[dir="rtl"] .marketplace-section .marketplace-box ul li::before {
    left: auto;
    right: 0;
}

/* Who Is For Section RTL */
body.rtl .who-is-for-section,
html[dir="rtl"] .who-is-for-section {
    text-align: right;
}

body.rtl .who-is-for-section .who-is-for-card,
html[dir="rtl"] .who-is-for-section .who-is-for-card {
    text-align: right;
}

/* How It Works Section RTL */
body.rtl .how-it-works-section .row,
html[dir="rtl"] .how-it-works-section .row {
    flex-direction: row-reverse;
}

body.rtl .how-it-works-section .how-it-works-box,
html[dir="rtl"] .how-it-works-section .how-it-works-box {
    text-align: right;
}

body.rtl .how-it-works-section .why-choose-box,
html[dir="rtl"] .how-it-works-section .why-choose-box {
    text-align: right;
}

body.rtl .how-it-works-section .why-choose-box-title,
html[dir="rtl"] .how-it-works-section .why-choose-box-title {
    font-family: "Tajawal", "Keep Calm Med", "Gilmer", sans-serif !important;
}

body.rtl .how-it-works-section .how-it-works-list,
html[dir="rtl"] .how-it-works-section .how-it-works-list {
    text-align: right;
    padding-right: 0;
    padding-left: 20px;
}

/* How it works numbered list RTL */
body.rtl .how-it-works-section .how-it-works-list.numbered-list li,
html[dir="rtl"] .how-it-works-section .how-it-works-list.numbered-list li {
    padding-left: 0;
    padding-right: 30px;
}

body.rtl .how-it-works-section .how-it-works-list.numbered-list li::before,
html[dir="rtl"] .how-it-works-section .how-it-works-list.numbered-list li::before {
    left: auto;
    right: 0;
}

/* How it works bullet list RTL */
body.rtl .how-it-works-section .how-it-works-list.bullet-list li,
html[dir="rtl"] .how-it-works-section .how-it-works-list.bullet-list li {
    padding-left: 0;
    padding-right: 25px;
}

body.rtl .how-it-works-section .how-it-works-list.bullet-list li::before,
html[dir="rtl"] .how-it-works-section .how-it-works-list.bullet-list li::before {
    left: auto;
    right: 0;
}

/* Footer RTL */
body.rtl .footer .section-content,
html[dir="rtl"] .footer .section-content {
    text-align: center;
}

body.rtl .footer .btn-wrap,
html[dir="rtl"] .footer .btn-wrap {
    flex-direction: row-reverse;
}

/* Footer LTR - Keep centered for English */
body.ltr .footer .section-content,
html[dir="ltr"] .footer .section-content {
    text-align: center !important;
}

body.ltr .footer .btn-wrap,
html[dir="ltr"] .footer .btn-wrap {
    flex-direction: row;
    justify-content: center;
}

/* Image alignment for RTL */
body.rtl img,
html[dir="rtl"] img {
    direction: ltr; /* Keep images in their natural orientation */
}

/* Text alignment for different languages */
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6,
body.rtl p, body.rtl span, body.rtl div,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, 
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] span, html[dir="rtl"] div {
    text-align: inherit;
    font-family: "Tajawal", "Keep Calm Med", "Gilmer", sans-serif;
}

/* Override Gilmer font-family for Arabic - target text elements */
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6,
body.rtl p, body.rtl span, body.rtl div, body.rtl li, body.rtl a, body.rtl button,
body.rtl .banner-content, body.rtl .sms-parking-content, body.rtl .feature-content,
body.rtl .marketplace-content, body.rtl .who-is-for-card, body.rtl .how-it-works-box,
body.rtl .footer, body.rtl .tagline, body.rtl .step-text,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, 
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] span, html[dir="rtl"] div, html[dir="rtl"] li,
html[dir="rtl"] a, html[dir="rtl"] button,
html[dir="rtl"] .banner-content, html[dir="rtl"] .sms-parking-content,
html[dir="rtl"] .feature-content, html[dir="rtl"] .marketplace-content,
html[dir="rtl"] .who-is-for-card, html[dir="rtl"] .how-it-works-box,
html[dir="rtl"] .footer, html[dir="rtl"] .tagline, html[dir="rtl"] .step-text {
    font-family: "Tajawal", "Keep Calm Med", "Gilmer", sans-serif !important;
}

/* List items RTL */
body.rtl ul, body.rtl ol,
html[dir="rtl"] ul, html[dir="rtl"] ol {
    text-align: right;
    padding-right: 0;
    padding-left: 20px;
}

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

/* All list items with padding-left should use padding-right in RTL */
body.rtl li[style*="padding-left"],
html[dir="rtl"] li[style*="padding-left"] {
    padding-right: inherit;
}

/* Step items RTL - reverse flex direction */
/* body.rtl .sms-parking-section .step-item,
html[dir="rtl"] .sms-parking-section .step-item {
    flex-direction: row-reverse;
} */

/* Responsive adjustments for RTL */
@media (max-width: 991px) {
    body.rtl .banner .bg-image.sty1,
    html[dir="rtl"] .banner .bg-image.sty1 {
        left: 20px;
        right: auto;
        margin: 0;
    }
    
    body.rtl .sms-parking-section .row,
    html[dir="rtl"] .sms-parking-section .row {
        flex-direction: column;
    }
    
    body.rtl .marketplace-section .row,
    html[dir="rtl"] .marketplace-section .row {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    body.rtl .how-it-works-section .row,
    html[dir="rtl"] .how-it-works-section .row {
        flex-direction: column;
    }
}

/* Ensure proper alignment for LTR languages */
body.ltr .banner .banner-content,
html[dir="ltr"] .banner .banner-content {
    text-align: left;
}

body.ltr .sms-parking-section .sms-parking-content,
html[dir="ltr"] .sms-parking-section .sms-parking-content {
    text-align: left;
}

body.ltr .core-features-section .feature-block,
html[dir="ltr"] .core-features-section .feature-block {
    text-align: left;
}

body.ltr .marketplace-section .marketplace-content,
html[dir="ltr"] .marketplace-section .marketplace-content {
    text-align: left;
}

body.ltr .who-is-for-section,
html[dir="ltr"] .who-is-for-section {
    text-align: center;
}

body.ltr .how-it-works-section .how-it-works-box,
html[dir="ltr"] .how-it-works-section .how-it-works-box {
    text-align: left;
}