/**
 * RTL Styles
 * هذا الملف مخصص لأنماط اللغة العربية (RTL)
 * يتم تحميله فقط عندما تكون اللغة من اليمين لليسار
 */

/* ============================================
   Section Title RTL
   ============================================ */

html[dir="rtl"] .section-title .elementor-heading-title,
body.rtl .section-title .elementor-heading-title {
	padding-left: 0 !important;
	padding-right: 16px !important;
}

html[dir="rtl"] .section-title .elementor-heading-title::before,
body.rtl .section-title .elementor-heading-title::before {
	left: auto !important;
	right: 0 !important;
}

html[dir="rtl"] .renovex-hide-small-icon .section-title .elementor-heading-title,
body.rtl .renovex-hide-small-icon .section-title .elementor-heading-title {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ============================================
   Button Styles RTL
   ============================================ */

html[dir="rtl"] .btn-default,
body.rtl .btn-default {
	padding: 5px 20px 5px 5px !important;
}

html[dir="rtl"] .btn-default::after,
body.rtl .btn-default::after {
	right: auto !important;
	left: 0 !important;
}

html[dir="rtl"] .btn-default:hover::after,
body.rtl .btn-default:hover::after {
	left: auto !important;
	right: 0 !important;
}

html[dir="rtl"] .btn-default svg,
html[dir="rtl"] .btn-default i,
body.rtl .btn-default svg,
body.rtl .btn-default i {
	margin-left: 0 !important;
	margin-right: 6px !important;
	transform: scaleX(-1) !important;
}

html[dir="rtl"] .elementor-widget-elementskit-creative-button .ekit_position_aware svg,
body.rtl .elementor-widget-elementskit-creative-button .ekit_position_aware svg {
	margin-left: 0 !important;
	margin-right: 10px !important;
	transform: scaleX(-1) !important;
}


/* ============================================
   Header & Navigation RTL
   ============================================ */

html[dir="rtl"] header.main-header,
body.rtl header.main-header {
	left: auto !important;
	right: 0 !important;
}

html[dir="rtl"] .main-menu,
body.rtl .main-menu {
	justify-content: flex-start !important;
}

html[dir="rtl"] .main-menu ul li,
body.rtl .main-menu ul li {
	margin: 0 10px !important;
}

html[dir="rtl"] .main-menu ul li:last-child,
body.rtl .main-menu ul li:last-child {
	margin-right: 10px !important;
	margin-left: 0 !important;
}

html[dir="rtl"] .main-menu ul li:first-child,
body.rtl .main-menu ul li:first-child {
	margin-right: 0 !important;
}

html[dir="rtl"] .main-menu ul li.menu-item-has-children > a:after,
body.rtl .main-menu ul li.menu-item-has-children > a:after {
	margin-left: 0 !important;
	margin-right: 8px !important;
}

html[dir="rtl"] .main-menu ul ul,
body.rtl .main-menu ul ul {
	left: auto !important;
	right: 0 !important;
}

html[dir="rtl"] .main-menu ul ul ul,
body.rtl .main-menu ul ul ul {
	left: auto !important;
	right: 100% !important;
}

html[dir="rtl"] .main-menu ul ul li.menu-item-has-children > a:after,
body.rtl .main-menu ul ul li.menu-item-has-children > a:after {
	right: auto !important;
	left: 15px !important;
	transform: rotate(90deg) !important;
}

/* Responsive Menu RTL */
html[dir="rtl"] .responsive-menu,
body.rtl .responsive-menu {
	left: auto !important;
	right: 0 !important;
}

html[dir="rtl"] .slicknav_btn,
body.rtl .slicknav_btn {
	float: left !important;
}

html[dir="rtl"] .slicknav_nav ul,
body.rtl .slicknav_nav ul {
	margin: 0 10px 0 0 !important;
}

html[dir="rtl"] .slicknav_nav .slicknav_arrow,
body.rtl .slicknav_nav .slicknav_arrow {
	margin: 0 .4em 0 0 !important;
}

html[dir="rtl"] .slicknav_arrow:after,
body.rtl .slicknav_arrow:after {
	content: '\f104' !important;
	margin-left: 0 !important;
	margin-right: 8px !important;
	float: left !important;
}

html[dir="rtl"] .slicknav_nav li.slicknav_open > a .slicknav_arrow:after,
body.rtl .slicknav_nav li.slicknav_open > a .slicknav_arrow:after {
	transform: rotate(90deg) !important;
}

html[dir="rtl"] .slicknav_nav .slicknav_txtnode,
body.rtl .slicknav_nav .slicknav_txtnode {
	margin-left: 0 !important;
	margin-right: 15px !important;
}

html[dir="rtl"] .slicknav_menu .slicknav_menutxt,
body.rtl .slicknav_menu .slicknav_menutxt {
	float: right !important;
}

html[dir="rtl"] .slicknav_menu .slicknav_icon,
body.rtl .slicknav_menu .slicknav_icon {
	float: right !important;
	margin: .188em .438em 0 0 !important;
}

html[dir="rtl"] .slicknav_brand,
body.rtl .slicknav_brand {
	float: right !important;
}

/* ============================================
   Page Header & Breadcrumbs RTL
   ============================================ */

html[dir="rtl"] .trail-items li:before,
html[dir="rtl"] .page-header-box .post-meta ul li:before,
body.rtl .trail-items li:before,
body.rtl .page-header-box .post-meta ul li:before {
	content: '\\' !important;
}

html[dir="rtl"] .trail-items .breadcrumb_separate,
body.rtl .trail-items .breadcrumb_separate {
	margin: 0 8px !important;
}

/* ============================================
   Footer RTL
   ============================================ */

html[dir="rtl"] .footer-social ul li,
body.rtl .footer-social ul li {
	margin-right: 0 !important;
	margin-left: 12px !important;
}

html[dir="rtl"] .footer-menu,
body.rtl .footer-menu {
	text-align: left !important;
}

html[dir="rtl"] .footer-menu ul li,
body.rtl .footer-menu ul li {
	margin-left: 0 !important;
	margin-right: 30px !important;
}

html[dir="rtl"] .footer-menu ul li:first-child,
body.rtl .footer-menu ul li:first-child {
	margin-right: 0 !important;
}

html[dir="rtl"] .copyright,
body.rtl .copyright {
	text-align: left !important;
}

/* ============================================
   Blog Posts RTL
   ============================================ */

html[dir="rtl"] .post-item-tags,
body.rtl .post-item-tags {
	left: auto !important;
	right: 40px !important;
}

html[dir="rtl"] .post-item-body,
body.rtl .post-item-body {
	right: auto !important;
	left: 40px !important;
}

html[dir="rtl"] .post-item-btn a svg,
html[dir="rtl"] .post-item-btn a i,
body.rtl .post-item-btn a svg,
body.rtl .post-item-btn a i {
	margin-left: 0 !important;
	margin-right: 6px !important;
	transform: rotate(45deg) scaleX(-1) !important;
}

html[dir="rtl"] .post-item-btn a:hover svg,
html[dir="rtl"] .post-item-btn a:hover i,
body.rtl .post-item-btn a:hover svg,
body.rtl .post-item-btn a:hover i {
	transform: rotate(0deg) scaleX(-1) !important;
}

html[dir="rtl"] .post-single-meta ul li,
body.rtl .post-single-meta ul li {
	margin-right: 0 !important;
	margin-left: 15px !important;
}

html[dir="rtl"] .post-single-meta ul li:last-child,
body.rtl .post-single-meta ul li:last-child {
	margin-left: 0 !important;
}

html[dir="rtl"] .post-single-meta ul li i,
body.rtl .post-single-meta ul li i {
	margin-right: 0 !important;
	margin-left: 8px !important;
}

html[dir="rtl"] .post-entry ul,
body.rtl .post-entry ul {
	padding-left: 0 !important;
	padding-right: 20px !important;
}

html[dir="rtl"] .post-entry blockquote,
body.rtl .post-entry blockquote {
	background-position: right 30px top 30px !important;
	padding: 30px 90px 30px 30px !important;
}

html[dir="rtl"] .post-tags .tag-links,
body.rtl .post-tags .tag-links {
	gap: 15px !important;
}

html[dir="rtl"] .post-social-sharing,
body.rtl .post-social-sharing {
	text-align: left !important;
}

html[dir="rtl"] .post-social-sharing ul li,
body.rtl .post-social-sharing ul li {
	margin-right: 0 !important;
	margin-left: 12px !important;
}

html[dir="rtl"] .post-social-sharing ul li:last-child,
body.rtl .post-social-sharing ul li:last-child {
	margin-left: 0 !important;
}

/* ============================================
   Sidebar & Widgets RTL
   ============================================ */

html[dir="rtl"] aside.widget ul,
body.rtl aside.widget ul {
	padding-left: 0 !important;
	padding-right: 20px !important;
}

html[dir="rtl"] aside.widget ul.wp-block-social-links,
body.rtl aside.widget ul.wp-block-social-links {
	padding-right: 0 !important;
}

html[dir="rtl"] aside.widget .wp-block-social-links,
body.rtl aside.widget .wp-block-social-links {
	padding-right: 0 !important;
}

html[dir="rtl"] aside.widget_search .search-form,
body.rtl aside.widget_search .search-form {
	flex-direction: row-reverse !important;
}

/* ============================================
   Comments RTL
   ============================================ */

html[dir="rtl"] .comment-form .comment-form-author,
html[dir="rtl"] .comment-form .comment-form-email,
body.rtl .comment-form .comment-form-author,
body.rtl .comment-form .comment-form-email {
	margin-right: 0 !important;
	margin-left: 30px !important;
}

html[dir="rtl"] .comment-form .comment-form-url,
body.rtl .comment-form .comment-form-url {
	margin-left: 0 !important;
}

html[dir="rtl"] .comment-form .comment-form-cookies-consent,
body.rtl .comment-form .comment-form-cookies-consent {
	padding-left: 0 !important;
	padding-right: 20px !important;
}

html[dir="rtl"] .comment-form .comment-form-cookies-consent input[type="checkbox"],
body.rtl .comment-form .comment-form-cookies-consent input[type="checkbox"] {
	left: auto !important;
	right: 0 !important;
	margin-left: 4px !important;
	margin-right: 0 !important;
}

html[dir="rtl"] .comment-list .comment .comment-meta .comment-author img,
body.rtl .comment-list .comment .comment-meta .comment-author img {
	margin-right: 0 !important;
	margin-left: 10px !important;
}

html[dir="rtl"] .comment-list .comment .comment-meta .comment-metadata .comment-edit-link,
body.rtl .comment-list .comment .comment-meta .comment-metadata .comment-edit-link {
	margin-left: 0 !important;
	margin-right: 10px !important;
}

html[dir="rtl"] .comment-list .children,
body.rtl .comment-list .children {
	padding-left: 0 !important;
	padding-right: 30px !important;
}

html[dir="rtl"] .comment-content ul,
body.rtl .comment-content ul {
	padding-left: 0 !important;
	padding-right: 20px !important;
}

/* ============================================
   Alignment Classes RTL
   ============================================ */

html[dir="rtl"] .alignright,
body.rtl .alignright {
	float: left !important;
	margin: 5px 20px 20px 0 !important;
}

html[dir="rtl"] .alignleft,
body.rtl .alignleft {
	float: right !important;
	margin: 5px 0 20px 20px !important;
}

html[dir="rtl"] a img.alignright,
body.rtl a img.alignright {
	float: left !important;
	margin: 5px 20px 20px 0 !important;
}

html[dir="rtl"] a img.alignleft,
body.rtl a img.alignleft {
	float: right !important;
	margin: 5px 0 20px 20px !important;
}

html[dir="rtl"] a img.alignnone,
body.rtl a img.alignnone {
	margin: 5px 0 20px 20px !important;
}