/*
 * Vircont RTL overrides for the Truder base.
 *
 * WordPress core automatically swaps this file in after style.css when
 * is_rtl() is true (Arabic locale). Truder ships LTR only, so this mirrors
 * the layout and switches the site font to Cairo (full Arabic support).
 */

/* --- Direction + font -------------------------------------------------- */
body {
	direction: rtl;
	text-align: right;
	font-family: "Cairo", sans-serif;
}
h1, h2, h3, h4, h5, h6,
p, a, span, li, input, textarea, select, button,
.section-header h2, .slider-content h2, .theme-btn {
	font-family: "Cairo", sans-serif;
}
/* Cairo runs a little large; ease the huge hero size on RTL. */
.slider-content > h2 { font-size: 72px; line-height: 88px; }

/* Keep the brand mark + wordmark in LTR order. */
.vircont-brand { direction: ltr; }

/* --- Generic alignment flips ------------------------------------------ */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }

/* Trailing "read more / next" chevrons should point right (toward the
   start of an RTL line). Truder uses icofont-double-right after link text. */
.theme-btn .icofont-double-right,
.service-card a .icofont-double-right,
.about-content a .icofont-double-right,
.video-content .icofont-double-right,
.team-button .icofont-double-right,
.breadcrumbs .icofont-double-right,
.section-header .icofont-double-right,
.service-aside .icofont-double-right { display: inline-block; transform: scaleX(-1); }

/* --- Header / menu ----------------------------------------------------- */
.menu-button { margin-right: 55px; margin-left: 0; }
@media (min-width: 992px) {
	.main-menu.ml-lg-auto { margin-right: auto !important; margin-left: 0 !important; }
	.main-menu.mr-xl-auto { margin-left: auto !important; }
}
.main-menu .navigation { padding-right: 0; }

/* Float items right so they flow right→left in RTL */
.main-menu .navigation > li { float: right; }

/* Align dropdown below the right edge of its parent item */
.main-menu .navigation > li > ul { right: 0; left: auto; }

.navigation li.dropdown .dropdown-btn { right: auto; left: 0; }

/* --- Hero slider ------------------------------------------------------- */
#mainSlider [class^="carousel-control-"] { left: auto; right: -130px; }
@media (max-width: 1400px) {
	#mainSlider [class^="carousel-control-"] { right: 15px; }
}

/* --- About checklist --------------------------------------------------- */
.about-list li { text-align: right; }

/* --- Service / project cards ------------------------------------------- */
.service-single .service-card { text-align: right; }

/* --- Projects archive — RTL adjustments -------------------------------- */
/* Filter pills: flow right-to-left */
.project-filter { justify-content: flex-end; }

/* Overlay text aligns to the start (right) in RTL */
.project-card__overlay { text-align: right; }
.project-card__cat { align-self: flex-end; }

/* "عرض التفاصيل" arrow mirrors for RTL */
.project-card__cta .icofont-double-right { display: inline-block; transform: scaleX(-1); }

/* Project meta key/value swaps sides */
.project-meta li { flex-direction: row-reverse; }

/* --- Home service overlay cards ---------------------------------------- */
.home-svc-card__overlay { text-align: right; }
.home-svc-card__cta .icofont-double-right { display: inline-block; transform: scaleX(-1); }

/* --- Services page sidebar -------------------------------------------- */
.service-aside { padding-right: 0; padding-left: 20px; }
.category-widget ul li a { text-align: right; }

/* --- Video section ----------------------------------------------------- */
.video-content { text-align: right; }
.video-link { direction: ltr; }

/* --- Footer ------------------------------------------------------------ */
.footer-contact p { text-align: right; }
.footer-contact p i { margin-left: 10px; margin-right: 0; }
.footer-col ul { padding-right: 0; }

/* Flip footer list bullets for RTL */
.footer-col ul li { padding-left: 0; padding-right: 32px; }
.footer-col ul li::before { left: auto; right: 0; transform: scaleX(-1); }

/* --- Testimonials ------------------------------------------------------ */
.testimony-content { text-align: right; }
.reviewer .reviewed-by { margin-right: 18px; margin-left: 0; }

/* --- Blog cards -------------------------------------------------------- */
.blog-card__overlay { text-align: right; }
.blog-card__cat { align-self: flex-end; }
.blog-card__footer { flex-direction: row-reverse; }
.blog-card__cta .icofont-double-right { display: inline-block; transform: scaleX(-1); }

/* --- Back to top (mirror to bottom-left) ------------------------------- */
.scroll-to-top { right: auto; left: 10px; }

/* --- Bootstrap horizontal spacing utilities Truder relies on ----------- */
@media (min-width: 1200px) {
	.pr-xl-0 { padding-right: 15px !important; padding-left: 0 !important; }
	.pl-xl-0 { padding-left: 15px !important; padding-right: 0 !important; }
}

/* Top contact ribbon */
.vircont-ribbon__list { direction: rtl; }
.vircont-ribbon__list li[dir="ltr"], .vircont-ribbon__list a[dir="ltr"] { direction: ltr; }

/* Floating action buttons */
.vircont-fab--email, .vircont-fab--whatsapp { right: auto; left: 24px; }

/* --- Product category tiles (RTL) -------------------------------------- */
.product-domain-card__arrow {
	display: inline-block;
	transform: scaleX(-1) translateX(-8px);
}
.product-domain-card:hover .product-domain-card__arrow {
	transform: scaleX(-1) translateX(0);
}

/* --- Service → product cross-link (RTL) -------------------------------- */
.service-product-link { text-align: right; }
.service-product-link a .icofont-double-right {
	display: inline-block;
	transform: scaleX(-1);
}

/* --- WooCommerce directional tweaks ------------------------------------ */
.woocommerce-wrap ul.products li.product .onsale {
	right: 12px;
	left: auto;
}
.single-product .woocommerce-tabs ul.wc-tabs { padding-right: 0; }
.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form .shop_table th { text-align: right; }
.cart-collaterals .cart_totals th { text-align: right; }
.cart-collaterals .cart_totals td { text-align: left; }
.woocommerce-checkout-review-order th { text-align: right; }


/* --- Product cards RTL -------------------------------------------------- */
.woocommerce-wrap ul.products li.product .product-card__body,
.woocommerce-wrap ul.products li.product .product-card__title { text-align: right; }


/* --- Vircont WooCommerce screens (RTL) ---------------------------------- */

/* Point "continue shopping" long-arrow toward the start of the line. */
.vircont-cart__continue .icofont-long-arrow-right {
	display: inline-block;
	transform: scaleX(-1);
}

/* Ensure review-order labels stay at the start and values at the end. */
.vircont-review-order__totals th { text-align: right; }
.vircont-review-order__totals td { text-align: left; }

/* Cart totals value alignment (rtl.css already sets legacy selector; cover
   the Vircont layout class explicitly to keep currency on the line end). */
.vircont-cart-layout .cart_totals td { text-align: left; }

/* Checkout summary alignment. */
.vircont-thankyou__totals th { text-align: right; }
.vircont-thankyou__totals td { text-align: left; }

/* In RTL the WC gallery thumbnails sit on the right (start) edge via
   flex-direction: row-reverse. If the site is ever viewed LTR, flip back
   so the main image stays on the left and thumbnails on the right. */
html[dir="ltr"] .single-product .vircont-single-product .woocommerce-product-gallery {
	flex-direction: row;
}