/*
Theme Name: Buildnow RTL
Description: Right-to-left overrides for Arabic and other RTL languages.
*/

html {
	direction: rtl;
}

body {
	direction: rtl;
	text-align: start;
	font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
	font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

/* Preserve Arabic shaping and natural word order in animated headings. */
html[lang^="ar"] .tx-title,
html[lang^="ar"] .tz-itm-title,
html[lang^="ar"] .tz-sub-tilte,
html[lang^="ar"] .t_line {
	direction: rtl;
	unicode-bidi: isolate;
	letter-spacing: normal !important;
	word-spacing: normal;
}

input,
select,
textarea,
.form-control {
	text-align: start;
}

input[type="email"],
input[type="tel"],
input[type="url"],
.phone-number,
[dir="ltr"] {
	direction: ltr;
	text-align: left;
	unicode-bidi: isolate;
}

/* Brand and media assets must retain their original orientation. */
.custom-logo,
.logo-wrapper img,
.navbar-brand img,
video,
picture,
iframe {
	direction: ltr;
	transform: none;
}

/* WPML switchers inherit the active language direction without mirroring flags. */
.wpml-ls,
.wpml-ls ul,
.wpml-ls li,
.wpml-ls a {
	direction: inherit;
	text-align: start;
}

.wpml-ls .wpml-ls-flag {
	margin-inline: 0 0.5em;
	transform: none;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	inset-inline: 0 auto;
}

/* Core alignment helpers. */
.text-left {
	text-align: start !important;
}

.text-right {
	text-align: end !important;
}

/* Bootstrap's bundled LTR spacing utilities need explicit RTL counterparts. */
.ms-0 { margin-right: 0 !important; margin-left: 0 !important; }
.ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }
.ms-10 { margin-right: 2.5rem !important; margin-left: 0 !important; }
.ms-auto { margin-right: auto !important; margin-left: 0 !important; }

.me-0 { margin-left: 0 !important; margin-right: 0 !important; }
.me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
.me-5 { margin-left: 3rem !important; margin-right: 0 !important; }
.me-auto { margin-left: auto !important; margin-right: 0 !important; }

.ps-0 { padding-right: 0 !important; padding-left: 0 !important; }
.ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
.ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
.ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
.ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
.ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

.pe-0 { padding-left: 0 !important; padding-right: 0 !important; }
.pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
.pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
.pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
.pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
.pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

.ml-2 {
	margin-right: 0.5rem !important;
	margin-left: 0 !important;
}

.alignleft {
	float: inline-start;
	margin-inline: 0 1.5em;
}

.alignright {
	float: inline-end;
	margin-inline: 1.5em 0;
}

ul,
ol {
	padding-inline: 1.5rem 0;
}

/* Header and primary navigation. */
.navbar-area.nav-absolute {
	inset-inline: 0;
}

.navbar-area.navigation-style-01 .custom-container {
	padding-inline: 20px 0;
}

.navbar-area .custom-container .navbar-collapse .navbar-nav {
	text-align: end;
}

.navbar-area .custom-container .navbar-collapse .navbar-nav > li + li {
	margin-inline: 18px 0;
}

.navbar-area.navigation-style-01 .custom-container .nav-right-content ul li + li {
	margin-inline: 10px 0;
}

.navbar-area .custom-container .nav-right-content .btn-wrap {
	margin-inline: 10px 0;
}

.navbar-area .custom-container .nav-right-content ul {
	margin-inline: 15px 0;
}

.navbar-area .custom-container .nav-right-content ul li a i {
	padding-inline: 0 6px;
}

.navbar-area .custom-container .navbar-collapse .navbar-nav .menu-item-has-children > .sub-menu {
	inset-inline: auto 0;
	text-align: start;
}

.navbar-area .custom-container .navbar-collapse .navbar-nav .sub-menu li {
	margin-inline: 0;
}

.navbar-area .custom-container .navbar-collapse .navbar-nav .sub-menu .menu-item-has-children > .sub-menu {
	inset-inline: 100% auto;
}

.nav-right-part .navbar-phone {
	padding-inline: 85px 25px;
}

.nav-right-part .navbar-phone .icon {
	inset-inline: 20px auto;
}

/* Breadcrumbs and directional navigation. */
.breadcrumb-wrap .page-list {
	padding-inline-start: 0;
}

.breadcrumb-wrap .page-list li {
	padding-inline: 32px 0;
}

.breadcrumb-wrap .page-list li:first-child {
	padding-inline-start: 25px;
}

.breadcrumb-wrap .page-list li::after {
	inset-inline: 12px auto;
	transform: scaleX(-1);
}

.breadcrumb-wrap .page-list li:first-child::after {
	inset-inline: -3px auto;
	transform: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	text-align: start;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: end;
}

.single-post-navigation .prev-post i,
.single-post-navigation .next-post i {
	margin-inline: 5px 0;
}

.single-post-navigation .fa-arrow-left,
.single-post-navigation .fa-arrow-right,
.pagination .fa-angle-left,
.pagination .fa-angle-right,
.blog-pagination .fa-angle-left,
.blog-pagination .fa-angle-right,
.theme-btn-arrow-left i,
.theme-btn-arrow-right i {
	transform: scaleX(-1);
}

/* Posts, lists, and metadata. */
.check-list li,
.check-list-02 li {
	padding-inline: 20px 0;
}

.check-list li::after,
.check-list-02 li::after {
	inset-inline: 0 auto;
}

.check-list li::after {
	transform: scaleX(-1);
}

.blog-main-item-01 .content .post-meta,
.blog-grid-item-01 .content .post-meta {
	padding-inline-start: 0 !important;
}

.blog-main-item-01 .content .post-meta li svg,
.blog-main-item-01 .content .post-meta .posted-on i,
.blog-grid-item-01 .post-meta li i {
	margin-inline: 0 10px;
}

.blog-main-item-01 .content .post-author .author-image {
	margin-inline: 0 15px;
}

blockquote,
.wp-block-quote {
	text-align: start;
}

/* Comments and forms. */
.comments-area .comment-list li ul.children li {
	margin-inline: 50px 0;
}

.comments-area .comment-list li .single-comment-wrap .thumb {
	margin-inline: 0 20px;
}

.comments-area .comment-list li .single-comment-wrap .content .title {
	padding-inline: 0 70px;
}

.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link {
	inset-inline: auto 0;
}

.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link::after {
	display: inline-block;
	margin-inline: 5px 0;
	transform: scaleX(-1);
}

.comments-area .comment-list .has-children {
	padding-inline: 80px 0;
}

.comments-area .comment-reply-title small {
	margin-inline: 10px 0;
}

.comment-form .form-group .form-control {
	padding-inline: 20px 35px;
}

.comment-form-cookies-consent input[type="checkbox"] {
	margin-inline: 0 5px;
}

/* Sidebars and footer. */
.widget ul,
.footer-widget ul {
	padding-inline-start: 0;
}

.copyright-wrap .menu-footer-menu-container ul li {
	margin-inline: 0 12px;
}

.copyright-wrap .menu-footer-menu-container ul li:last-child {
	margin-inline-end: 0;
}

.footer-subscribe .footer-subscribe-inner input {
	padding-inline: 20px 150px;
}

.footer-subscribe .footer-subscribe-inner .btn {
	inset-inline: auto 30px;
}

.footer-subscribe .footer-subscribe-inner.style-3 .btn {
	inset-inline-end: 45px;
}

.footer-area .widget_about .details p svg {
	margin-inline: 0 10px;
}

.footer-area .widget_about .subscribe input {
	padding-inline: 15px 50px;
}

.footer-area .widget_about .subscribe button {
	inset-inline: auto 0;
}

/* Tables and common integrations. */
table,
th,
td {
	text-align: start;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
	float: left;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
	float: right;
}

.woocommerce div.product form.cart div.quantity {
	float: right;
	margin-inline: 0 4px;
}

/* Companion-plugin navigation and enhanced selects. */
.mean-container .mean-bar,
.mean-container .mean-nav,
.mean-container .mean-nav ul li,
.mean-container .mean-nav ul li a,
.mean-container .mean-push {
	float: right;
}

.mean-container .mean-nav ul li a {
	text-align: start;
}

.mean-container a.meanmenu-reveal,
.mean-container .mean-nav ul li a.mean-expand {
	inset-inline: auto 0;
}

.nice-select {
	float: right;
	padding-inline: 18px 30px;
	text-align: start !important;
}

.nice-select::after {
	inset-inline: auto 12px;
}

.nice-select .list {
	inset-inline: 0 auto;
}

.nice-select .option {
	padding-inline: 18px 29px;
	text-align: start;
}

.nice-select.right {
	float: left;
}

.nice-select.right .list {
	inset-inline: auto 0;
}

/* Keep mobile submenu controls on the inline end. */
@media (max-width: 991px) {
	.navbar-area .custom-container .responsive-mobile-menu .logo-wrapper {
		padding-inline-end: 60px;
		text-align: start;
	}

	.navbar-area .custom-container .responsive-mobile-menu .navbar-toggler {
		right: auto;
		left: 0;
		inset-inline-start: auto;
		inset-inline-end: 0;
	}

	.navbar-area .navbar-collapse {
		text-align: start;
	}

	.navbar-area .navbar-collapse .navbar-nav li {
		text-align: start;
	}

	.navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children::before {
		inset-inline: auto 20px;
	}

	.navbar-area .custom-container .navbar-collapse .navbar-nav > li + li {
		margin-inline: 0;
	}

	.comments-area .comment-list li ul.children li,
	.comments-area .comment-list .has-children {
		margin-inline-start: 20px;
		padding-inline-start: 0;
	}
}