/* RTL Style Adjustments for Arabic Language (module-css) */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

html[lang="ar"],
body.lang_ar {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

body.lang_ar * {
    letter-spacing: normal !important;
}

/* ===================================================
   1. GLOBAL RTL UTILITIES & TYPOGRAPHY
   =================================================== */
body.lang_ar h1,
body.lang_ar h2,
body.lang_ar h3,
body.lang_ar h4,
body.lang_ar h5,
body.lang_ar h6,
body.lang_ar p,
body.lang_ar span,
body.lang_ar a,
body.lang_ar li {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body.lang_ar .text-start,
body.lang_ar .text-left {
    text-align: right !important;
}

body.lang_ar .text-end,
body.lang_ar .text-right {
    text-align: left !important;
}

body.lang_ar .float-start,
body.lang_ar .float-left {
    float: right !important;
}

body.lang_ar .float-end,
body.lang_ar .float-right {
    float: left !important;
}

body.lang_ar .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

body.lang_ar .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Phone & Email numbers in Arabic */
body.lang_ar a[href^="tel:"],
body.lang_ar a[href^="mailto:"],
body.lang_ar .footer_email,
body.lang_ar .footer_phones a,
body.lang_ar .footer_phone {
    direction: ltr !important;
    unicode-bidi: embed !important;
    display: inline-block;
    text-align: right;
}

/* ===================================================
   2. HEADER & NAVIGATION (ust.php)
   =================================================== */
body.lang_ar .main-menu .main-menu__list > li + li,
body.lang_ar .stricky-header .main-menu__list > li + li {
    margin-right: 50px;
    margin-left: 0;
}

body.lang_ar .main-menu .main-menu__list > li.dropdown > a {
    padding-left: 16px;
    padding-right: 0;
}

body.lang_ar .main-menu .main-menu__list > li.dropdown > a:after {
    left: 0;
    right: auto;
}

body.lang_ar .main-menu .main-menu__list > li > ul,
body.lang_ar .stricky-header .main-menu__list > li > ul {
    right: 0;
    left: auto;
    text-align: right;
}

body.lang_ar .main-menu .main-menu__list > li > ul > li > ul,
body.lang_ar .stricky-header .main-menu__list > li > ul > li > ul {
    right: 100%;
    left: auto;
    text-align: right;
}

body.lang_ar .main-menu .main-menu__list > li > ul > li > a,
body.lang_ar .stricky-header .main-menu__list > li > ul > li > a {
    text-align: right;
    justify-content: flex-start;
}

body.lang_ar .main-header__btn {
    margin-left: 0;
    margin-right: 15px;
}

body.lang_ar .thm-btn i.icon-next,
body.lang_ar .thm-btn i[class*="icon-"] {
    margin-right: 10px;
    margin-left: 0;
    transform: scaleX(-1);
    display: inline-block;
}

body.lang_ar .lang-dropdown {
    margin-right: 15px;
    margin-left: 0;
    text-align: right;
}

body.lang_ar .lang-menu {
    right: auto;
    left: 0;
    text-align: right;
}

body.lang_ar .lang-btn .lang-flag {
    margin-left: 6px;
    margin-right: 0;
}

body.lang_ar .lang-option .lang-flag {
    margin-left: 8px;
    margin-right: 0;
}

/* ===================================================
   3. HERO & HOME SECTIONS (index.php)
   =================================================== */
body.lang_ar .hero_bg {
    text-align: right;
}

body.lang_ar .hero_bg .container img:not(.verd_logo) {
    left: 30px;
    right: auto;
    transform: translateY(50%) scaleX(-1);
}

body.lang_ar .hero_bg_content {
    text-align: right;
}

body.lang_ar .hero_bg_content .tagline span,
body.lang_ar .hero_bg_content .title-box h2,
body.lang_ar .hero_bg_content .text-box p {
    text-align: right;
}

body.lang_ar .hero_flower {
    left: 0;
    right: auto;
    transform: scaleX(-1);
}

/* Counter & About bar */
body.lang_ar .aboutus_section98 .counter_title h2,
body.lang_ar .aboutus_section98 .ia_counter strong,
body.lang_ar .aboutus_section98 .ia_counter p {
    text-align: right;
}

/* Services shape */
body.lang_ar .water_shape {
    left: 0;
    right: auto;
    transform: scaleX(-1);
}

/* Sustainability / FAQ One Section */
body.lang_ar .faq-one {
    text-align: right;
}

body.lang_ar .faq-one__bg {
    right: 0;
    left: auto;
}

body.lang_ar .faq-one__inner {
    float: left;
    text-align: right;
}

body.lang_ar .faq-one__content {
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
}

body.lang_ar .faq-one .shape1 {
    left: -10px;
    right: auto;
    transform: scaleX(-1);
}

body.lang_ar .faq-one .big-title {
    left: -60px;
    right: auto;
    transform: rotate(-90deg);
}

body.lang_ar .sec-title,
body.lang_ar .sec-title__title,
body.lang_ar .sec-title__tagline {
    text-align: right;
}

/* News Section */
body.lang_ar .news_section44 .section_title {
    text-align: right;
}

body.lang_ar .news_section44 .section_title h3 {
    text-align: right;
}

body.lang_ar .news_section44 .nws_item div span,
body.lang_ar .news_section44 .nws_item div strong,
body.lang_ar .news_section44 .nws_item div p {
    text-align: right;
}

body.lang_ar .eventSwiper::before {
    left: 100%;
    right: auto;
}

body.lang_ar .news_section44 .section_title div ul li button i {
    transform: scaleX(-1);
    display: inline-block;
}

/* ===================================================
   4. PAGE HEADER & BREADCRUMB (bloglar.php / urunler.php)
   =================================================== */
body.lang_ar .page-header .shape1 {
    right: -120px;
    left: auto;
    transform: scaleX(-1);
}

body.lang_ar .page-header__inner .thm-breadcrumb li span.icon-right-arrow1,
body.lang_ar .page-header__inner .thm-breadcrumb li span[class*="icon-"] {
    transform: scaleX(-1);
    display: inline-block;
}

/* ===================================================
   5. BLOG PAGE (bloglar.php)
   =================================================== */
body.lang_ar .blog-one__single-content .date-box {
    left: 15px;
    right: auto;
}

body.lang_ar .blog-one__single-content .date-box::before {
    left: -15px;
    right: auto;
    border-left: 15px solid transparent;
    border-right: 0px solid transparent;
}

body.lang_ar .blog-one__single-content-inner {
    text-align: right;
    
}

body.lang_ar .blog-one__single-content-inner h2,
body.lang_ar .blog-one__single-content-inner p,
body.lang_ar .blog-one__single-content-inner .btn-box {
    text-align: right;
    margin-top: 25px;
    padding-right: 10px;
}

body.lang_ar .blog-one__single-content-inner .btn-box a span {
    margin-right: 8px;
    margin-left: 0;
}

/* ===================================================
   6. PRODUCTS PAGE (urunler.php)
   =================================================== */
body.lang_ar .single-product-style1__content {
    text-align: right;
    justify-content: flex-start;
}

body.lang_ar .single-product-style1__content-left {
    text-align: right;
    width: 100%;
}

body.lang_ar .single-product-style1__content-left h4,
body.lang_ar .single-product-style1__content-left h4 a {
    text-align: right;
}

/* ===================================================
   7. FOOTER SECTION (alt.php)
   =================================================== */
body.lang_ar footer,
body.lang_ar .footer_top,
body.lang_ar .footer-menu-section,
body.lang_ar .bg_cox1 {
    text-align: right;
}

body.lang_ar footer address {
    padding-right: 0;
    padding-left: 40px;
    text-align: right;
}

body.lang_ar .ps-sm-6,
body.lang_ar .ps-xl-1-9,
body.lang_ar .ps-xxl-2-9,
body.lang_ar .ps-lg-6 {
    padding-right: 1.9rem !important;
    padding-left: 0 !important;
}

body.lang_ar .quform-input {
    padding: 12px 1rem 0.5rem 4rem;
    text-align: right;
}

body.lang_ar .newsletter-form .quform-submit-inner {
    right: auto;
    left: 1px;
}

body.lang_ar .newsletter-form .quform-submit-inner i {
    transform: scaleX(-1);
}

body.lang_ar .footer_end .border-end {
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-right: 0 !important;
    padding-left: 1rem !important;
    padding-right: 0 !important;
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* ===================================================
   8. MOBILE & SIDEBAR NAV
   =================================================== */
body.lang_ar .mobile-nav__wrapper .mobile-nav__content {
    right: auto;
    left: 0;
    transform: translateX(-100%);
    text-align: right;
}

body.lang_ar .mobile-nav__wrapper.expanded .mobile-nav__content {
    transform: translateX(0);
}

body.lang_ar .mobile-nav__close {
    left: 20px;
    right: auto;
}

.main-menu__list {
    gap: 20px;
}