.elementor-307 .elementor-element.elementor-element-61cb407{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}@media(max-width:767px){.elementor-307 .elementor-element.elementor-element-61cb407{--width:100%;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-307 .elementor-element.elementor-element-6f65917 .tx-logo{margin:23px 0px 0px 0px;}}@media(min-width:768px){.elementor-307 .elementor-element.elementor-element-61cb407{--width:100%;}}/* Start custom CSS for tx_headers, class: .elementor-element-6f65917 *//* ═══ Polylang Arabic Menu Fix (Override SplitText) ═══ */

/* 1. إخفاء الحروف المتقطعة التي يولدها القالب */
li.lang-item-ar > a {
    color: transparent !important; /* إخفاء النص المشوه */
    position: relative !important;
    display: inline-block !important;
    min-width: 50px; /* ضمان وجود مساحة للكلمة الجديدة */
}

/* 2. رسم كلمة "العربية" سليمة ومترابطة فوقها */
li.lang-item-ar > a::after {
    content: "العربية" !important;
    color: #ffffff !important; /* لون الكلمة الأساسي (أبيض) */
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    direction: rtl !important;
    font-size: 16px !important; /* يمكنك تعديل حجم الخط إذا لزم الأمر */
    font-weight: 500 !important;
    font-family: inherit !important;
    white-space: nowrap !important;
}

/* 3. تغيير لون الكلمة عند التمرير بالماوس (Hover) */
li.lang-item-ar > a:hover::after,
li.lang-item-ar.current-lang > a::after {
    color: #6428b8 !important; /* اللون البنفسجي عند التمرير أو إذا كانت هي اللغة النشطة */
}/* End custom CSS */