/* ===================================================================================

* Theme Name:cloudcoden child 
* Theme URI: https://themexriver.com/wp/saasking
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: SaaS & Tech Startup WordPress Theme
* Version: 1.0.1
* Template: cloudcoden
* Text Domain: cloudcoden-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of saasking updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* ==========================================================================
   SaasKing Child Theme Styles - RTL & Dropdown Fixes
 

/* ==========================================================================
   RTL Navigation Fixes - Cloud Coden Theme
   ========================================================================== */

/* 1. إصلاح تباعد عناصر القائمة الرئيسية ومساحة الأسهم */
html[dir="rtl"] .sk-header-1-menu .navbar-nav {
    padding-right: 0 !important;
}

html[dir="rtl"] .sk-header-1-menu .navbar-nav > li > a {
    /* نقل المساحة الفارغة لليسار لترك مكان للسهم */
    padding-right: 15px !important; 
    padding-left: 28px !important; 
}

/* 2. إصلاح كارثة تداخل الأسهم البنفسجية مع النص (Main Menu Carets) */
html[dir="rtl"] .sk-header-1-menu .navbar-nav li.dropdown > a::after,
html[dir="rtl"] .sk-header-1-menu .navbar-nav li.dropdown > a::before,
html[dir="rtl"] .sk-header-1-menu .navbar-nav li.dropdown > a i {
    position: absolute !important;
    right: auto !important; 
    left: 8px !important; /* إجبار السهم على التموضع في أقصى يسار الكلمة */
    margin: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 3. إصلاح صندوق القائمة المنسدلة (Dropdown Box) ومنع خروج النص عنه */
html[dir="rtl"] .sk-header-1-menu .dropdown-menu {
    right: 0 !important; /* محاذاة الصندوق مع الطرف الأيمن للعنصر الأب */
    left: auto !important;
    text-align: right !important;
    padding: 10px 0 !important; /* تصفير الحشوة الجانبية للصندوق */
}

/* تنسيق الروابط داخل القائمة المنسدلة */
html[dir="rtl"] .sk-header-1-menu .dropdown-menu > li > a {
    text-align: right !important;
    padding-right: 20px !important;
    padding-left: 30px !important; /* مساحة لسهم القائمة الفرعية إن وجد */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important; /* سر منع خروج النص خارج الصندوق الأسود */
}

/* 4. إصلاح القوائم الفرعية من الدرجة الثالثة (Sub-menus) لتفتح لليسار */
html[dir="rtl"] .sk-header-1-menu .dropdown-menu .dropdown-menu {
    right: 100% !important; /* إجبار القائمة على الفتح باتجاه اليسار */
    left: auto !important;
    top: 0 !important;
    margin-right: 2px !important; /* مسافة بسيطة بين الصندوقين */
    margin-left: 0 !important;
}

/* 5. قلب اتجاه الأسهم داخل القوائم الفرعية لتؤشر نحو اليسار */
html[dir="rtl"] .sk-header-1-menu .dropdown-menu li.dropdown > a::after,
html[dir="rtl"] .sk-header-1-menu .dropdown-menu li.dropdown > a::before {
    right: auto !important;
    left: 15px !important;
    transform: translateY(-50%) rotate(180deg) !important; /* قلب السهم 180 درجة */
}

/* 6. ضمان محاذاة أزرار الأكشن (Log In / Sign Up) */
html[dir="rtl"] .sk-header-1-action-link {
    display: flex !important;
    flex-direction: row !important; /* الحفاظ على ترتيب الأزرار */
}

/* إصلاح محاذاة حقول الإدخال والـ Placeholders في وضع RTL */
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-control::placeholder {
    text-align: right !important;
}
/* 1. إجبار الحاوية الأساسية للماركي على العمل كـ LTR لعدم تدمير حسابات الجافاسكربت، مع قلبها كالمرآة */
html[dir="rtl"] .wa_marquee_right,
html[dir="rtl"] .wa_marquee_left,
html[dir="rtl"] .wa_marquee_right_v2,
html[dir="rtl"] .wa_marquee_left_v2,
html[dir="rtl"] .wa_marquee_left_nopause,
html[dir="rtl"] .wa_marquee_right_nopause {
    direction: ltr !important;
    transform: scaleX(-1) !important; 
}

/* 2. المحتوى الداخلي نقلبه كالمرآة مرة أخرى لكي لا يظهر الكلام معكوساً (سالب مع سالب يصبح موجب) */
html[dir="rtl"] .js-marquee {
    transform: scaleX(-1) !important;
    direction: rtl !important;
}

/* 3. تنسيق النصوص داخل البطاقات لتكون منسقة كعربي بشكل سليم */
html[dir="rtl"] .sk-testimonial-4-card,
html[dir="rtl"] .sk-testimonial-2-card-wrap {
    direction: rtl !important;
    text-align: right !important;
	
}

/* تنسيق العنوان وتوجيه الحروف عندما تكون لغة ووردبريس إنجليزية (LTR) */
html[dir="ltr"] h2.wa_title_spilt_1 .word,
html[dir="ltr"] h2.wa_title_spilt_1 {
    direction: ltr !important;
}

/* تنسيق العنوان وتوجيه الحروف عندما تكون لغة ووردبريس عربية (RTL) */
html[dir="rtl"] h2.wa_title_spilt_1 .word,
html[dir="rtl"] h2.wa_title_spilt_1 {
    direction: rtl !important;
}
/* تعطيل التقطيع وإعادة اتصال الحروف في النسخة العربية فقط */
html[dir="rtl"] h2.wa_title_spilt_1 .word,
html[dir="rtl"] h2.wa_title_spilt_1 .char {
    display: inline !important; /* إجبار الحروف على الاتصال */
    transform: none !important; /* إلغاء أي حركة ثلاثية الأبعاد تفصل الحروف */
    animation: none !important; /* إيقاف الأنيميشن */
    opacity: 1 !important; /* ضمان ظهور النص بالكامل */
    margin: 0 !important;
    padding: 0 !important;
    translate: none !important;
}

/* إصلاح اتجاه النص الفرعي الإنجليزي في النسخة العربية */
html[dir="rtl"] .your-subtitle-class {
    direction: ltr !important;
    display: block;
}