/*
Arabic Font Styles - Noto Sans Arabic Font Family
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');

/* Font Face Declarations - Using Google Fonts Noto Sans Arabic */
/* All font weights are now loaded from Google Fonts import above */

/* Arabic Language Styles */
html[lang="ar"],
html[lang^="ar-"],
body[lang="ar"],
body[lang^="ar-"],
.lang-ar,
.arabic {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Apply RTL to the entire document when in Arabic */
html[lang="ar"] body,
html[lang^="ar-"] body,
.lang-ar,
.arabic {
    direction: rtl !important;
    text-align: right !important;
}

/* Icon Font Exceptions - Preserve icon fonts in Arabic */
html[lang="ar"] [class*="uncodeicon"],
html[lang="ar"] [class^="uncodeicon"],
html[lang="ar"] [class$="uncodeicon"],
html[lang="ar"] .uncodeicon,
html[lang="ar"] i[class*="uncodeicon"],
html[lang="ar"] span[class*="uncodeicon"],
html[lang="ar"] .icon,
html[lang="ar"] [class*="icon-"],
html[lang="ar"] [class^="icon-"],
html[lang="ar"] [class*="fa-"],
html[lang="ar"] [class^="fa-"],
html[lang="ar"] .fa,
html[lang="ar"] .fas,
html[lang="ar"] .far,
html[lang="ar"] .fab,
html[lang="ar"] .material-icons,
html[lang="ar"] .search-icon,
html[lang="ar"] .search-btn,
html[lang="ar"] .search-toggle,
html[lang="ar"] .search-trigger,
html[lang="ar"] [class*="search-"],
html[lang="ar"] .searchform i,
html[lang="ar"] .searchform span,
html[lang="ar"] .search-form i,
html[lang="ar"] .search-form span,
html[lang="ar"] input[type="search"] + i,
html[lang="ar"] input[type="search"] + span,
html[lang^="ar-"] [class*="uncodeicon"],
html[lang^="ar-"] [class^="uncodeicon"],
html[lang^="ar-"] [class$="uncodeicon"],
html[lang^="ar-"] .uncodeicon,
html[lang^="ar-"] i[class*="uncodeicon"],
html[lang^="ar-"] span[class*="uncodeicon"],
html[lang^="ar-"] .icon,
html[lang^="ar-"] [class*="icon-"],
html[lang^="ar-"] [class^="icon-"],
html[lang^="ar-"] [class*="fa-"],
html[lang^="ar-"] [class^="fa-"],
html[lang^="ar-"] .fa,
html[lang^="ar-"] .fas,
html[lang^="ar-"] .far,
html[lang^="ar-"] .fab,
html[lang^="ar-"] .material-icons,
html[lang^="ar-"] .search-icon,
html[lang^="ar-"] .search-btn,
html[lang^="ar-"] .search-toggle,
html[lang^="ar-"] .search-trigger,
html[lang^="ar-"] [class*="search-"],
html[lang^="ar-"] .searchform i,
html[lang^="ar-"] .searchform span,
html[lang^="ar-"] .search-form i,
html[lang^="ar-"] .search-form span,
html[lang^="ar-"] input[type="search"] + i,
html[lang^="ar-"] input[type="search"] + span,
.lang-ar [class*="uncodeicon"],
.lang-ar [class^="uncodeicon"],
.lang-ar [class$="uncodeicon"],
.lang-ar .uncodeicon,
.lang-ar i[class*="uncodeicon"],
.lang-ar span[class*="uncodeicon"],
.lang-ar .icon,
.lang-ar [class*="icon-"],
.lang-ar [class^="icon-"],
.lang-ar [class*="fa-"],
.lang-ar [class^="fa-"],
.lang-ar .fa,
.lang-ar .fas,
.lang-ar .far,
.lang-ar .fab,
.lang-ar .material-icons,
.lang-ar .search-icon,
.lang-ar .search-btn,
.lang-ar .search-toggle,
.lang-ar .search-trigger,
.lang-ar [class*="search-"],
.lang-ar .searchform i,
.lang-ar .searchform span,
.lang-ar .search-form i,
.lang-ar .search-form span,
.lang-ar input[type="search"] + i,
.lang-ar input[type="search"] + span,
.arabic [class*="uncodeicon"],
.arabic [class^="uncodeicon"],
.arabic [class$="uncodeicon"],
.arabic .uncodeicon,
.arabic i[class*="uncodeicon"],
.arabic span[class*="uncodeicon"],
.arabic .icon,
.arabic [class*="icon-"],
.arabic [class^="icon-"],
.arabic [class*="fa-"],
.arabic [class^="fa-"],
.arabic .fa,
.arabic .fas,
.arabic .far,
.arabic .fab,
.arabic .material-icons,
.arabic .search-icon,
.arabic .search-btn,
.arabic .search-toggle,
.arabic .search-trigger,
.arabic [class*="search-"],
.arabic .searchform i,
.arabic .searchform span,
.arabic .search-form i,
.arabic .search-form span,
.arabic input[type="search"] + i,
.arabic input[type="search"] + span {
    font-family: 'uncodeicon' !important;
    /* direction: ltr !important; */
    text-align: center !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Specific Uncode theme icon exceptions */
html[lang="ar"] .btn-icon,
html[lang="ar"] .menu-icon,
html[lang="ar"] .search-icon,
html[lang="ar"] .search-btn,
html[lang="ar"] .search-toggle,
html[lang="ar"] .search-trigger,
html[lang="ar"] .header-search,
html[lang="ar"] .mobile-search,
html[lang="ar"] .nav-search,
html[lang="ar"] .social-icon,
html[lang="ar"] .social-link,
html[lang="ar"] .social-media,
html[lang="ar"] .uncode-social,
html[lang="ar"] .footer-social,
html[lang="ar"] .header-social,
html[lang="ar"] .widget-social,
html[lang="ar"] [class*="social-"],
html[lang="ar"] [class*="share-"],
html[lang="ar"] [class*="search-"],
html[lang="ar"] .uncode-single-media-icon,
html[lang="ar"] .icon-media,
html[lang="ar"] .t-icon,
html[lang="ar"] .uncode-icon-box,
html[lang="ar"] .post-info .icon,
html[lang="ar"] .widget .icon,
html[lang^="ar-"] .btn-icon,
html[lang^="ar-"] .menu-icon,
html[lang^="ar-"] .search-icon,
html[lang^="ar-"] .search-btn,
html[lang^="ar-"] .search-toggle,
html[lang^="ar-"] .search-trigger,
html[lang^="ar-"] .header-search,
html[lang^="ar-"] .mobile-search,
html[lang^="ar-"] .nav-search,
html[lang^="ar-"] .social-icon,
html[lang^="ar-"] .social-link,
html[lang^="ar-"] .social-media,
html[lang^="ar-"] .uncode-social,
html[lang^="ar-"] .footer-social,
html[lang^="ar-"] .header-social,
html[lang^="ar-"] .widget-social,
html[lang^="ar-"] [class*="social-"],
html[lang^="ar-"] [class*="share-"],
html[lang^="ar-"] [class*="search-"],
html[lang^="ar-"] .uncode-single-media-icon,
html[lang^="ar-"] .icon-media,
html[lang^="ar-"] .t-icon,
html[lang^="ar-"] .uncode-icon-box,
html[lang^="ar-"] .post-info .icon,
html[lang^="ar-"] .widget .icon,
.lang-ar .btn-icon,
.lang-ar .menu-icon,
.lang-ar .search-icon,
.lang-ar .search-btn,
.lang-ar .search-toggle,
.lang-ar .search-trigger,
.lang-ar .header-search,
.lang-ar .mobile-search,
.lang-ar .nav-search,
.lang-ar .social-icon,
.lang-ar .social-link,
.lang-ar .social-media,
.lang-ar .uncode-social,
.lang-ar .footer-social,
.lang-ar .header-social,
.lang-ar .widget-social,
.lang-ar [class*="social-"],
.lang-ar [class*="share-"],
.lang-ar [class*="search-"],
.lang-ar .uncode-single-media-icon,
.lang-ar .icon-media,
.lang-ar .t-icon,
.lang-ar .uncode-icon-box,
.lang-ar .post-info .icon,
.lang-ar .widget .icon,
.arabic .btn-icon,
.arabic .menu-icon,
.arabic .search-icon,
.arabic .search-btn,
.arabic .search-toggle,
.arabic .search-trigger,
.arabic .header-search,
.arabic .mobile-search,
.arabic .nav-search,
.arabic .social-icon,
.arabic .social-link,
.arabic .social-media,
.arabic .uncode-social,
.arabic .footer-social,
.arabic .header-social,
.arabic .widget-social,
.arabic [class*="social-"],
.arabic [class*="share-"],
.arabic [class*="search-"],
.arabic .uncode-single-media-icon,
.arabic .icon-media,
.arabic .t-icon,
.arabic .uncode-icon-box,
.arabic .post-info .icon,
.arabic .widget .icon {
    font-family: 'uncodeicon' !important;
    direction: ltr !important;
    text-align: center !important;
}

/* Menu toggle and hamburger icons */
html[lang="ar"] .menu-toggle,
html[lang="ar"] .navbar-toggle,
html[lang="ar"] .mobile-menu-icon,
html[lang="ar"] .hamburger,
html[lang^="ar-"] .menu-toggle,
html[lang^="ar-"] .navbar-toggle,
html[lang^="ar-"] .mobile-menu-icon,
html[lang^="ar-"] .hamburger,
.lang-ar .menu-toggle,
.lang-ar .navbar-toggle,
.lang-ar .mobile-menu-icon,
.lang-ar .hamburger,
.arabic .menu-toggle,
.arabic .navbar-toggle,
.arabic .mobile-menu-icon,
.arabic .hamburger {
    font-family: "uncode-icons" !important;
    direction: ltr !important;
    text-align: center !important;
}

/* Social media icons inside containers */
html[lang="ar"] .social-container i,
html[lang="ar"] .social-container span,
html[lang="ar"] .social-links i,
html[lang="ar"] .social-links span,
html[lang="ar"] .footer-social i,
html[lang="ar"] .footer-social span,
html[lang="ar"] .header-social i,
html[lang="ar"] .header-social span,
html[lang="ar"] .widget-social i,
html[lang="ar"] .widget-social span,
html[lang="ar"] .social-share i,
html[lang="ar"] .social-share span,
html[lang="ar"] .uncode-social i,
html[lang="ar"] .uncode-social span,
html[lang^="ar-"] .social-container i,
html[lang^="ar-"] .social-container span,
html[lang^="ar-"] .social-links i,
html[lang^="ar-"] .social-links span,
html[lang^="ar-"] .footer-social i,
html[lang^="ar-"] .footer-social span,
html[lang^="ar-"] .header-social i,
html[lang^="ar-"] .header-social span,
html[lang^="ar-"] .widget-social i,
html[lang^="ar-"] .widget-social span,
html[lang^="ar-"] .social-share i,
html[lang^="ar-"] .social-share span,
html[lang^="ar-"] .uncode-social i,
html[lang^="ar-"] .uncode-social span,
.lang-ar .social-container i,
.lang-ar .social-container span,
.lang-ar .social-links i,
.lang-ar .social-links span,
.lang-ar .footer-social i,
.lang-ar .footer-social span,
.lang-ar .header-social i,
.lang-ar .header-social span,
.lang-ar .widget-social i,
.lang-ar .widget-social span,
.lang-ar .social-share i,
.lang-ar .social-share span,
.lang-ar .uncode-social i,
.lang-ar .uncode-social span,
.arabic .social-container i,
.arabic .social-container span,
.arabic .social-links i,
.arabic .social-links span,
.arabic .footer-social i,
.arabic .footer-social span,
.arabic .header-social i,
.arabic .header-social span,
.arabic .widget-social i,
.arabic .widget-social span,
.arabic .social-share i,
.arabic .social-share span,
.arabic .uncode-social i,
.arabic .uncode-social span {
    font-family: "uncode-icons", "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    direction: ltr !important;
    text-align: center !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
}

/* Apply to all text elements when in Arabic */
html[lang="ar"] *,
html[lang^="ar-"] *,
body[lang="ar"] *,
body[lang^="ar-"] *,
.lang-ar *,
.arabic * {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Layout containers */
html[lang="ar"] .container,
html[lang="ar"] .row,
html[lang="ar"] .col,
html[lang="ar"] .column,
html[lang^="ar-"] .container,
html[lang^="ar-"] .row,
html[lang^="ar-"] .col,
html[lang^="ar-"] .column,
.lang-ar .container,
.lang-ar .row,
.lang-ar .col,
.lang-ar .column,
.arabic .container,
.arabic .row,
.arabic .col,
.arabic .column {
    direction: rtl !important;
    text-align: right !important;
}

/* Content areas */
html[lang="ar"] .content,
html[lang="ar"] .main,
html[lang="ar"] .entry-content,
html[lang="ar"] .post-content,
html[lang^="ar-"] .content,
html[lang^="ar-"] .main,
html[lang^="ar-"] .entry-content,
html[lang^="ar-"] .post-content,
.lang-ar .content,
.lang-ar .main,
.lang-ar .entry-content,
.lang-ar .post-content,
.arabic .content,
.arabic .main,
.arabic .entry-content,
.arabic .post-content {
    direction: rtl !important;
    text-align: right !important;
}
body[lang="ar"] *,
body[lang^="ar-"] *,
.lang-ar *,
.arabic * {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
}

/* Specific font weights */
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang^="ar-"] h1, html[lang^="ar-"] h2, html[lang^="ar-"] h3,
.lang-ar h1, .lang-ar h2, .lang-ar h3,
.arabic h1, .arabic h2, .arabic h3 {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 700;
}

html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang^="ar-"] h4, html[lang^="ar-"] h5, html[lang^="ar-"] h6,
.lang-ar h4, .lang-ar h5, .lang-ar h6,
.arabic h4, .arabic h5, .arabic h6 {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 500;
}

html[lang="ar"] p, html[lang="ar"] div, html[lang="ar"] span,
html[lang^="ar-"] p, html[lang^="ar-"] div, html[lang^="ar-"] span,
.lang-ar p, .lang-ar div, .lang-ar span,
.arabic p, .arabic div, .arabic span {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 300;
}

/* Strong and bold text */
html[lang="ar"] strong, html[lang="ar"] b,
html[lang^="ar-"] strong, html[lang^="ar-"] b,
.lang-ar strong, .lang-ar b,
.arabic strong, .arabic b {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* Menu and navigation */
html[lang="ar"] .menu-item a, html[lang="ar"] nav a,
html[lang^="ar-"] .menu-item a, html[lang^="ar-"] nav a,
.lang-ar .menu-item a, .lang-ar nav a,
.arabic .menu-item a, .arabic nav a {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 500;
}

/* WPML Language Switcher for Arabic */
.wpml-lang-ar,
.wpml-lang-ar *,
[data-lang="ar"],
[data-lang="ar"] * {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    direction: rtl;
    text-align: right;
}

/* RTL specific adjustments */
html[lang="ar"],
html[lang^="ar-"],
.lang-ar,
.arabic {
    direction: rtl !important;
    text-align: right !important;
}

/* Navigation and menus RTL */
html[lang="ar"] .menu,
html[lang="ar"] .nav,
html[lang="ar"] .navigation,
html[lang="ar"] .navbar,
html[lang^="ar-"] .menu,
html[lang^="ar-"] .nav,
html[lang^="ar-"] .navigation,
html[lang^="ar-"] .navbar,
.lang-ar .menu,
.lang-ar .nav,
.lang-ar .navigation,
.lang-ar .navbar,
.arabic .menu,
.arabic .nav,
.arabic .navigation,
.arabic .navbar {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="ar"] .menu li,
html[lang="ar"] .nav li,
html[lang^="ar-"] .menu li,
html[lang^="ar-"] .nav li,
.lang-ar .menu li,
.lang-ar .nav li,
.arabic .menu li,
.arabic .nav li {
    text-align: right !important;
}

/* WordPress specific elements RTL */
html[lang="ar"] .widget,
html[lang="ar"] .sidebar,
html[lang="ar"] .footer-widget,
html[lang^="ar-"] .widget,
html[lang^="ar-"] .sidebar,
html[lang^="ar-"] .footer-widget,
.lang-ar .widget,
.lang-ar .sidebar,
.lang-ar .footer-widget,
.arabic .widget,
.arabic .sidebar,
.arabic .footer-widget {
    direction: rtl !important;
    text-align: right !important;
}

/* Uncode theme specific elements */
html[lang="ar"] .uncode-block,
html[lang="ar"] .vc_row,
html[lang="ar"] .vc_column,
html[lang="ar"] .wpb_wrapper,
html[lang^="ar-"] .uncode-block,
html[lang^="ar-"] .vc_row,
html[lang^="ar-"] .vc_column,
html[lang^="ar-"] .wpb_wrapper,
.lang-ar .uncode-block,
.lang-ar .vc_row,
.lang-ar .vc_column,
.lang-ar .wpb_wrapper,
.arabic .uncode-block,
.arabic .vc_row,
.arabic .vc_column,
.arabic .wpb_wrapper {
    direction: rtl !important;
    text-align: right !important;
}

/* Text blocks and paragraphs */
html[lang="ar"] .text-block,
html[lang="ar"] .content-block,
html[lang="ar"] .vc_text_block,
html[lang^="ar-"] .text-block,
html[lang^="ar-"] .content-block,
html[lang^="ar-"] .vc_text_block,
.lang-ar .text-block,
.lang-ar .content-block,
.lang-ar .vc_text_block,
.arabic .text-block,
.arabic .content-block,
.arabic .vc_text_block {
    direction: rtl !important;
    text-align: right !important;
}

/* Lists RTL */
html[lang="ar"] ul,
html[lang="ar"] ol,
html[lang="ar"] li,
html[lang^="ar-"] ul,
html[lang^="ar-"] ol,
html[lang^="ar-"] li,
.lang-ar ul,
.lang-ar ol,
.lang-ar li,
.arabic ul,
.arabic ol,
.arabic li {
    direction: rtl !important;
    text-align: right !important;
    margin-right: 20px !important;
    margin-left: 0 !important;
    padding-right: 20 !important;
    padding-left: 0 !important;
}

/* Blockquotes RTL */
html[lang="ar"] blockquote,
html[lang^="ar-"] blockquote,
.lang-ar blockquote,
.arabic blockquote {
    direction: rtl !important;
    text-align: right !important;
    border-left: none !important;
    border-right: 4px solid #ddd !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Form elements in Arabic */
html[lang="ar"] input[type="text"],
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="search"],
html[lang="ar"] input[type="password"],
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang^="ar-"] input[type="text"],
html[lang^="ar-"] input[type="email"],
html[lang^="ar-"] input[type="search"],
html[lang^="ar-"] input[type="password"],
html[lang^="ar-"] textarea,
html[lang^="ar-"] select,
.lang-ar input[type="text"],
.lang-ar input[type="email"],
.lang-ar input[type="search"],
.lang-ar input[type="password"],
.lang-ar textarea,
.lang-ar select,
.arabic input[type="text"],
.arabic input[type="email"],
.arabic input[type="search"],
.arabic input[type="password"],
.arabic textarea,
.arabic select {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Form labels RTL */
html[lang="ar"] label,
html[lang="ar"] .form-label,
html[lang^="ar-"] label,
html[lang^="ar-"] .form-label,
.lang-ar label,
.lang-ar .form-label,
.arabic label,
.arabic .form-label {
    direction: rtl !important;
    text-align: right !important;
    float: right !important;
}

/* Search forms RTL */
html[lang="ar"] .search-form,
html[lang="ar"] .searchform,
html[lang^="ar-"] .search-form,
html[lang^="ar-"] .searchform,
.lang-ar .search-form,
.lang-ar .searchform,
.arabic .search-form,
.arabic .searchform {
    direction: rtl !important;
    text-align: right !important;
}

/* Button text in Arabic */
html[lang="ar"] button,
html[lang="ar"] .btn,
html[lang="ar"] input[type="submit"],
html[lang^="ar-"] button,
html[lang^="ar-"] .btn,
html[lang^="ar-"] input[type="submit"],
.lang-ar button,
.lang-ar .btn,
.lang-ar input[type="submit"],
.arabic button,
.arabic .btn,
.arabic input[type="submit"] {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 500;
}

/* WordPress specific elements */
html[lang="ar"] .widget-title,
html[lang="ar"] .entry-title,
html[lang="ar"] .page-title,
html[lang^="ar-"] .widget-title,
html[lang^="ar-"] .entry-title,
html[lang^="ar-"] .page-title,
.lang-ar .widget-title,
.lang-ar .entry-title,
.lang-ar .page-title,
.arabic .widget-title,
.arabic .entry-title,
.arabic .page-title {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    font-weight: 700;
}

/* Ensure proper line height for Arabic text */
html[lang="ar"],
html[lang^="ar-"],
.lang-ar,
.arabic {
    line-height: 1.6 !important;
}

/* Footer text */
html[lang="ar"] .footer,
html[lang="ar"] footer,
html[lang^="ar-"] .footer,
html[lang^="ar-"] footer,
.lang-ar .footer,
.lang-ar footer,
.arabic .footer,
.arabic footer {
    font-family: 'Noto Sans Arabic', Arial, sans-serif !important;
    direction: rtl;
    text-align: right;
}

/* Uncode Linear Slider RTL Fixes */
html[lang="ar"] .linear-wrapper,
html[lang="ar"] .grid-wrapper,
html[lang^="ar-"] .linear-wrapper,
html[lang^="ar-"] .grid-wrapper,
.lang-ar .linear-wrapper,
.lang-ar .grid-wrapper,
.arabic .linear-wrapper,
.arabic .grid-wrapper {
    direction: rtl !important;
}

/* Linear Container RTL */
html[lang="ar"] .linear-container.linear-layout.linear-or-horizontal,
html[lang^="ar-"] .linear-container.linear-layout.linear-or-horizontal,
.lang-ar .linear-container.linear-layout.linear-or-horizontal,
.arabic .linear-container.linear-layout.linear-or-horizontal {
    float: right !important;
    text-align: right !important;
}

/* Linear System RTL */
html[lang="ar"] .linear-system.linear-horizontal,
html[lang^="ar-"] .linear-system.linear-horizontal,
.lang-ar .linear-system.linear-horizontal,
.arabic .linear-system.linear-horizontal {
    direction: rtl !important;
}

/* Project Categories Container */
html[lang="ar"] .project-categories,
html[lang^="ar-"] .project-categories,
.lang-ar .project-categories,
.arabic .project-categories {
    direction: rtl !important;
    text-align: right !important;
}

/* Linear Items */
html[lang="ar"] .linear-container .tmb-content-left,
html[lang^="ar-"] .linear-container .tmb-content-left,
.lang-ar .linear-container .tmb-content-left,
.arabic .linear-container .tmb-content-left {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 20px !important;
}

/* Grid Items */
html[lang="ar"] .linear-container .t-inside,
html[lang^="ar-"] .linear-container .t-inside,
.lang-ar .linear-container .t-inside,
.arabic .linear-container .t-inside {
    text-align: right !important;
}

/* MARQUEE SLIDER RTL FIXES */
/* Fix for Uncode linear system marquee animation in RTL */
html[lang="ar"] .linear-system .linear-wrapper[data-animation*="marquee"],
html[lang^="ar-"] .linear-system .linear-wrapper[data-animation*="marquee"],
.lang-ar .linear-system .linear-wrapper[data-animation*="marquee"],
.arabic .linear-system .linear-wrapper[data-animation*="marquee"] {
    direction: ltr !important; /* Keep animation container LTR for proper animation flow */
}

/* Reverse marquee animation for RTL languages */
html[lang="ar"] .linear-system .linear-wrapper[data-animation="marquee-opposite"],
html[lang^="ar-"] .linear-system .linear-wrapper[data-animation="marquee-opposite"],
.lang-ar .linear-system .linear-wrapper[data-animation="marquee-opposite"],
.arabic .linear-system .linear-wrapper[data-animation="marquee-opposite"] {
    animation-direction: reverse !important;
    -webkit-animation-direction: reverse !important;
}

/* Fix transform origin for RTL marquee */
html[lang="ar"] .linear-system .linear-wrapper[data-animation*="marquee"] .linear-container,
html[lang^="ar-"] .linear-system .linear-wrapper[data-animation*="marquee"] .linear-container,
.lang-ar .linear-system .linear-wrapper[data-animation*="marquee"] .linear-container,
.arabic .linear-system .linear-wrapper[data-animation*="marquee"] .linear-container {
    direction: rtl !important; /* Content containers remain RTL */
    transform-origin: right center !important;
}

/* Ensure text content within slider items maintains RTL */
html[lang="ar"] .linear-container .tmb .t-entry-text,
html[lang="ar"] .linear-container .tmb .t-entry-title,
html[lang^="ar-"] .linear-container .tmb .t-entry-text,
html[lang^="ar-"] .linear-container .tmb .t-entry-title,
.lang-ar .linear-container .tmb .t-entry-text,
.lang-ar .linear-container .tmb .t-entry-title,
.arabic .linear-container .tmb .t-entry-text,
.arabic .linear-container .tmb .t-entry-title {
    text-align: right !important;
    direction: rtl !important;
}

/* CUSTOM GALLERY SLIDER RTL FIXES */
/* Fix for custom gallery Swiper in RTL */
html[lang="ar"] .custom-media-gallery .swiper.swiper-rtl,
html[lang^="ar-"] .custom-media-gallery .swiper.swiper-rtl,
.lang-ar .custom-media-gallery .swiper.swiper-rtl,
.arabic .custom-media-gallery .swiper.swiper-rtl {
    direction: rtl !important;
}

/* Ensure custom gallery items maintain proper RTL text alignment */
html[lang="ar"] .custom-gallery-item .custom-gallery-item-text,
html[lang="ar"] .custom-gallery-item .custom-gallery-item-title,
html[lang="ar"] .custom-gallery-item .custom-gallery-item-caption,
html[lang^="ar-"] .custom-gallery-item .custom-gallery-item-text,
html[lang^="ar-"] .custom-gallery-item .custom-gallery-item-title,
html[lang^="ar-"] .custom-gallery-item .custom-gallery-item-caption,
.lang-ar .custom-gallery-item .custom-gallery-item-text,
.lang-ar .custom-gallery-item .custom-gallery-item-title,
.lang-ar .custom-gallery-item .custom-gallery-item-caption,
.arabic .custom-gallery-item .custom-gallery-item-text,
.arabic .custom-gallery-item .custom-gallery-item-title,
.arabic .custom-gallery-item .custom-gallery-item-caption {
    text-align: right !important;
    direction: rtl !important;
}

/* Fix Swiper navigation buttons for RTL */
html[lang="ar"] .swiper.swiper-rtl .swiper-button-prev,
html[lang^="ar-"] .swiper.swiper-rtl .swiper-button-prev,
.lang-ar .swiper.swiper-rtl .swiper-button-prev,
.arabic .swiper.swiper-rtl .swiper-button-prev {
    right: 10px !important;
    left: auto !important;
}

html[lang="ar"] .swiper.swiper-rtl .swiper-button-next,
html[lang^="ar-"] .swiper.swiper-rtl .swiper-button-next,
.lang-ar .swiper.swiper-rtl .swiper-button-next,
.arabic .swiper.swiper-rtl .swiper-button-next {
    left: 10px !important;
    right: auto !important;
}

/* Fix Swiper pagination alignment for RTL */
html[lang="ar"] .swiper.swiper-rtl .swiper-pagination,
html[lang^="ar-"] .swiper.swiper-rtl .swiper-pagination,
.lang-ar .swiper.swiper-rtl .swiper-pagination,
.arabic .swiper.swiper-rtl .swiper-pagination {
    text-align: center !important;
}

/* Ensure custom gallery modal content is RTL */
html[lang="ar"] .custom-gallery-modal-content,
html[lang="ar"] .custom-gallery-modal-text-container,
html[lang="ar"] .custom-gallery-modal-title,
html[lang="ar"] .custom-gallery-modal-caption,
html[lang="ar"] .custom-gallery-modal-description,
html[lang^="ar-"] .custom-gallery-modal-content,
html[lang^="ar-"] .custom-gallery-modal-text-container,
html[lang^="ar-"] .custom-gallery-modal-title,
html[lang^="ar-"] .custom-gallery-modal-caption,
html[lang^="ar-"] .custom-gallery-modal-description,
.lang-ar .custom-gallery-modal-content,
.lang-ar .custom-gallery-modal-text-container,
.lang-ar .custom-gallery-modal-title,
.lang-ar .custom-gallery-modal-caption,
.lang-ar .custom-gallery-modal-description,
.arabic .custom-gallery-modal-content,
.arabic .custom-gallery-modal-text-container,
.arabic .custom-gallery-modal-title,
.arabic .custom-gallery-modal-caption,
.arabic .custom-gallery-modal-description {
    direction: rtl !important;
    text-align: right !important;
}

/* Fix modal close button position for RTL */
html[lang="ar"] .custom-gallery-modal-close,
html[lang^="ar-"] .custom-gallery-modal-close,
.lang-ar .custom-gallery-modal-close,
.arabic .custom-gallery-modal-close {
    left: 20px !important;
    right: auto !important;
}

/* Precise fix for partial slide visibility without breaking layout */
html[lang="ar"] .custom-media-gallery,
html[lang^="ar-"] .custom-media-gallery,
.lang-ar .custom-media-gallery,
.arabic .custom-media-gallery {
    overflow: hidden !important;
    position: relative !important;
}

/* Add a right-side mask to hide partial images */
html[lang="ar"] .custom-media-gallery::after,
html[lang^="ar-"] .custom-media-gallery::after,
.lang-ar .custom-media-gallery::after,
.arabic .custom-media-gallery::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 1px !important;
    height: 100% !important;
    background: white !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* RTL PUNCTUATION FIXES */
/* Fix parentheses direction in Arabic text */
html[lang="ar"],
html[lang^="ar-"],
.lang-ar,
.arabic {
    unicode-bidi: bidi-override !important;
    direction: rtl !important;
}

/* Ensure headings maintain proper text direction and punctuation */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang^="ar-"] h1,
html[lang^="ar-"] h2,
html[lang^="ar-"] h3,
html[lang^="ar-"] h4,
html[lang^="ar-"] h5,
html[lang^="ar-"] h6,
.lang-ar h1,
.lang-ar h2,
.lang-ar h3,
.lang-ar h4,
.lang-ar h5,
.lang-ar h6,
.arabic h1,
.arabic h2,
.arabic h3,
.arabic h4,
.arabic h5,
.arabic h6 {
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: bidi-override !important;
}

/* Fix split word elements for RTL headings */
html[lang="ar"] .split-word-inner,
html[lang^="ar-"] .split-word-inner,
.lang-ar .split-word-inner,
.arabic .split-word-inner {
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
}

/* Specific fix for parentheses in Arabic headings */
html[lang="ar"] .heading-text-inner,
html[lang="ar"] .heading-line-wrap,
html[lang="ar"] .split-word,
html[lang="ar"] .split-word-flow,
html[lang^="ar-"] .heading-text-inner,
html[lang^="ar-"] .heading-line-wrap,
html[lang^="ar-"] .split-word,
html[lang^="ar-"] .split-word-flow,
.lang-ar .heading-text-inner,
.lang-ar .heading-line-wrap,
.lang-ar .split-word,
.lang-ar .split-word-flow,
.arabic .heading-text-inner,
.arabic .heading-line-wrap,
.arabic .split-word,
.arabic .split-word-flow {
    direction: rtl !important;
    unicode-bidi: embed !important;
}

/* Force correct parentheses direction using CSS content replacement */
html[lang="ar"] .split-word-inner:contains(")"),
html[lang^="ar-"] .split-word-inner:contains(")"),
.lang-ar .split-word-inner:contains(")"),
.arabic .split-word-inner:contains(")") {
    transform: scaleX(-1) !important;
}