/**
 * RTL (Right-to-Left) Stylesheet for Arabic Language Support
 * This file provides comprehensive RTL support for the website
 */

/* ============================================
   Base RTL Direction
   ============================================ */
html[dir="rtl"],
html[lang="ar"],
body[dir="rtl"] {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] *,
html[lang="ar"] * {
	unicode-bidi: embed;
}

/* ============================================
   Bootstrap RTL Overrides
   ============================================ */
html[dir="rtl"] .text-left,
html[lang="ar"] .text-left {
	text-align: right !important;
}

html[dir="rtl"] .text-right,
html[lang="ar"] .text-right {
	text-align: left !important;
}

html[dir="rtl"] .float-left,
html[lang="ar"] .float-left {
	float: right !important;
}

html[dir="rtl"] .float-right,
html[lang="ar"] .float-right {
	float: left !important;
}

html[dir="rtl"] .ml-auto,
html[lang="ar"] .ml-auto {
	margin-left: 0 !important;
	margin-right: auto !important;
}

html[dir="rtl"] .mr-auto,
html[lang="ar"] .mr-auto {
	margin-right: 0 !important;
	margin-left: auto !important;
}

html[dir="rtl"] .pl-0,
html[lang="ar"] .pl-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html[dir="rtl"] .pr-0,
html[lang="ar"] .pr-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* Bootstrap margin and padding utilities */
html[dir="rtl"] [class*="ml-"],
html[lang="ar"] [class*="ml-"] {
	margin-left: 0 !important;
}

html[dir="rtl"] [class*="mr-"],
html[lang="ar"] [class*="mr-"] {
	margin-right: 0 !important;
}

html[dir="rtl"] [class*="pl-"],
html[lang="ar"] [class*="pl-"] {
	padding-left: 0 !important;
}

html[dir="rtl"] [class*="pr-"],
html[lang="ar"] [class*="pr-"] {
	padding-right: 0 !important;
}

/* ============================================
   Text Alignment Utilities
   ============================================ */
html[dir="rtl"] .text-xs-left,
html[lang="ar"] .text-xs-left {
	text-align: right !important;
}

html[dir="rtl"] .text-xs-right,
html[lang="ar"] .text-xs-right {
	text-align: left !important;
}

html[dir="rtl"] .text-sm-left,
html[lang="ar"] .text-sm-left {
	text-align: right !important;
}

html[dir="rtl"] .text-sm-right,
html[lang="ar"] .text-sm-right {
	text-align: left !important;
}

html[dir="rtl"] .text-md-left,
html[lang="ar"] .text-md-left {
	text-align: right !important;
}

html[dir="rtl"] .text-md-right,
html[lang="ar"] .text-md-right {
	text-align: left !important;
}

html[dir="rtl"] .text-lg-left,
html[lang="ar"] .text-lg-left {
	text-align: right !important;
}

html[dir="rtl"] .text-lg-right,
html[lang="ar"] .text-lg-right {
	text-align: left !important;
}

html[dir="rtl"] .text-xl-left,
html[lang="ar"] .text-xl-left {
	text-align: right !important;
}

html[dir="rtl"] .text-xl-right,
html[lang="ar"] .text-xl-right {
	text-align: left !important;
}

@media (min-width: 1200px) {

	html[dir="rtl"] .grid-demo,
	html[lang="ar"] .grid-demo {
		text-align: right !important;
	}
}

/* ============================================
   Layout & Spacing
   ============================================ */
html[dir="rtl"] .section-single p,
html[lang="ar"] .section-single p {
	margin-left: 0;
	margin-right: auto;
}

html[dir="rtl"] .section-single .rd-mailform-wrap,
html[lang="ar"] .section-single .rd-mailform-wrap {
	margin-left: 0;
	margin-right: auto;
}

html[dir="rtl"] .text-block>*,
html[lang="ar"] .text-block>* {
	margin-left: 0;
	margin-right: .125em;
}

/* ============================================
   Navigation (RD Navbar)
   ============================================ */
html[dir="rtl"] .rd-navbar-panel,
html[lang="ar"] .rd-navbar-panel {
	text-align: right;
}

html[dir="rtl"] .rd-navbar-brand,
html[lang="ar"] .rd-navbar-brand {
	text-align: right;
}

html[dir="rtl"] .rd-navbar-nav,
html[lang="ar"] .rd-navbar-nav {
	text-align: right;
}

html[dir="rtl"] .rd-nav-item,
html[lang="ar"] .rd-nav-item {
	text-align: right;
}

html[dir="rtl"] .rd-menu,
html[lang="ar"] .rd-menu {
	text-align: right;
}

html[dir="rtl"] .rd-megamenu-item,
html[lang="ar"] .rd-megamenu-item {
	text-align: right;
}

html[dir="rtl"] .rd-megamenu-list,
html[lang="ar"] .rd-megamenu-list {
	text-align: right;
}

html[dir="rtl"] .rd-megamenu-list-link,
html[lang="ar"] .rd-megamenu-list-link {
	text-align: right;
}

/* ============================================
   Forms
   ============================================ */
html[dir="rtl"] .form-group,
html[lang="ar"] .form-group {
	text-align: right;
}

html[dir="rtl"] .form-label,
html[lang="ar"] .form-label {
	text-align: right;
}

html[dir="rtl"] .form-control,
html[lang="ar"] .form-control {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .form-input,
html[lang="ar"] .form-input {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .form-validation,
html[lang="ar"] .form-validation {
	right: auto;
	left: 15px;
}

html[dir="rtl"] .form-validation-left .form-validation,
html[lang="ar"] .form-validation-left .form-validation {
	left: auto;
	right: 0;
}

html[dir="rtl"] .input-group,
html[lang="ar"] .input-group {
	direction: rtl;
}

html[dir="rtl"] .input-group-addon,
html[lang="ar"] .input-group-addon {
	border-left: 0;
	border-right: 1px solid #ccc;
}

html[dir="rtl"] .input-group .form-control:first-child,
html[lang="ar"] .input-group .form-control:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 4px;
}

html[dir="rtl"] .input-group .form-control:last-child,
html[lang="ar"] .input-group .form-control:last-child {
	border-top-right-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 4px;
}

html[dir="rtl"] .rd-navbar-search-form-input,
html[lang="ar"] .rd-navbar-search-form-input {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .rd-search,
html[lang="ar"] .rd-search {
	text-align: right;
}

/* ============================================
   Buttons
   ============================================ */
html[dir="rtl"] .btn,
html[lang="ar"] .btn {
	text-align: center;
}

html[dir="rtl"] .btn-group,
html[lang="ar"] .btn-group {
	direction: rtl;
}

/* ============================================
   Grid & Columns
   ============================================ */
html[dir="rtl"] .grid-demo-bordered [class*='col']:before,
html[lang="ar"] .grid-demo-bordered [class*='col']:before {
	left: auto;
	right: -1px;
	border-left: 0;
	border-right: 1px solid #7d7d7d;
}

/* ============================================
   Contact Info & Address
   ============================================ */
html[dir="rtl"] .contact-info,
html[lang="ar"] .contact-info {
	text-align: right;
}

html[dir="rtl"] .contact-info .unit,
html[lang="ar"] .contact-info .unit {
	flex-direction: row-reverse;
}

html[dir="rtl"] .unit-left,
html[lang="ar"] .unit-left {
	margin-left: 10px;
	margin-right: 0;
}

html[dir="rtl"] .unit-body,
html[lang="ar"] .unit-body {
	text-align: right;
}

/* ============================================
   Lists
   ============================================ */
html[dir="rtl"] ul,
html[lang="ar"] ul {
	padding-right: 0;
	padding-left: 0;
}

html[dir="rtl"] ol,
html[lang="ar"] ol {
	padding-right: 0;
	padding-left: 0;
}

html[dir="rtl"] ul li,
html[lang="ar"] ul li {
	text-align: right;
}

html[dir="rtl"] ol li,
html[lang="ar"] ol li {
	text-align: right;
}

/* ============================================
   Blockquotes
   ============================================ */
html[dir="rtl"] blockquote,
html[lang="ar"] blockquote {
	padding-right: 0;
	padding-left: 20px;
	border-right: 0;
	border-left: 4px solid #ccc;
}

/* ============================================
   Preloader
   ============================================ */
html[dir="rtl"] .preloader-body p,
html[lang="ar"] .preloader-body p {
	right: auto;
	left: -8px;
}

/* ============================================
   Form Output Global
   ============================================ */
html[dir="rtl"] #form-output-global,
html[lang="ar"] #form-output-global {
	left: auto;
	right: 15px;
	transform: translateX(500px);
}

html[dir="rtl"] #form-output-global.active,
html[lang="ar"] #form-output-global.active {
	transform: translateX(0);
}

@media (min-width: 576px) {

	html[dir="rtl"] #form-output-global,
	html[lang="ar"] #form-output-global {
		left: auto;
		right: 30px;
	}
}

/* ============================================
   Snackbars
   ============================================ */
html[dir="rtl"] .snackbars,
html[lang="ar"] .snackbars {
	left: auto;
	right: 15px;
}

@media (min-width: 576px) {

	html[dir="rtl"] .snackbars,
	html[lang="ar"] .snackbars {
		left: auto;
		right: 30px;
	}
}

/* ============================================
   Carousels & Sliders
   ============================================ */
html[dir="rtl"] .owl-carousel,
html[lang="ar"] .owl-carousel {
	direction: ltr;
	/* Keep carousel direction LTR for proper animation */
}

html[dir="rtl"] .swiper-slider,
html[lang="ar"] .swiper-slider {
	direction: ltr;
	/* Keep slider direction LTR for proper animation */
}

/* ============================================
   Cards & Panels
   ============================================ */
html[dir="rtl"] .card,
html[lang="ar"] .card {
	text-align: right;
}

html[dir="rtl"] .card-header,
html[lang="ar"] .card-header {
	text-align: right;
}

html[dir="rtl"] .card-body,
html[lang="ar"] .card-body {
	text-align: right;
}

html[dir="rtl"] .card-footer,
html[lang="ar"] .card-footer {
	text-align: right;
}

/* ============================================
   Modals
   ============================================ */
html[dir="rtl"] .modal-header,
html[lang="ar"] .modal-header {
	text-align: right;
}

html[dir="rtl"] .modal-body,
html[lang="ar"] .modal-body {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .modal-footer,
html[lang="ar"] .modal-footer {
	text-align: left;
	flex-direction: row-reverse;
}

html[dir="rtl"] .close,
html[lang="ar"] .close {
	float: left;
	margin-left: 0;
	margin-right: auto;
}

/* ============================================
   Dropdowns
   ============================================ */
html[dir="rtl"] .dropdown-menu,
html[lang="ar"] .dropdown-menu {
	text-align: right;
	left: auto;
	right: 0;
}

html[dir="rtl"] .dropdown-item,
html[lang="ar"] .dropdown-item {
	text-align: right;
}

/* ============================================
   Breadcrumbs
   ============================================ */
html[dir="rtl"] .breadcrumb,
html[lang="ar"] .breadcrumb {
	text-align: right;
	flex-direction: row-reverse;
}

html[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before,
html[lang="ar"] .breadcrumb-item+.breadcrumb-item::before {
	padding-left: 0;
	padding-right: 0.5rem;
	content: "\\";
}

/* ============================================
   Tables
   ============================================ */
html[dir="rtl"] table,
html[lang="ar"] table {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] th,
html[lang="ar"] th {
	text-align: right;
}

html[dir="rtl"] td,
html[lang="ar"] td {
	text-align: right;
}

/* ============================================
   Pagination
   ============================================ */
html[dir="rtl"] .pagination,
html[lang="ar"] .pagination {
	flex-direction: row-reverse;
}

html[dir="rtl"] .page-item:first-child .page-link,
html[lang="ar"] .page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] .page-item:last-child .page-link,
html[lang="ar"] .page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0.25rem;
}

/* ============================================
   Alerts
   ============================================ */
html[dir="rtl"] .alert,
html[lang="ar"] .alert {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .alert-dismissible .close,
html[lang="ar"] .alert-dismissible .close {
	right: auto;
	left: 0;
}

/* ============================================
   Badges & Labels
   ============================================ */
html[dir="rtl"] .badge,
html[lang="ar"] .badge {
	text-align: center;
}

html[dir="rtl"] .label,
html[lang="ar"] .label {
	text-align: center;
}

/* ============================================
   Progress Bars
   ============================================ */
html[dir="rtl"] .progress,
html[lang="ar"] .progress {
	direction: rtl;
}

html[dir="rtl"] .progress-bar,
html[lang="ar"] .progress-bar {
	text-align: right;
}

/* ============================================
   Tooltips & Popovers
   ============================================ */
html[dir="rtl"] .tooltip,
html[lang="ar"] .tooltip {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .popover,
html[lang="ar"] .popover {
	direction: rtl;
	text-align: right;
}

/* ============================================
   Navs & Tabs
   ============================================ */
html[dir="rtl"] .nav,
html[lang="ar"] .nav {
	text-align: right;
}

html[dir="rtl"] .nav-link,
html[lang="ar"] .nav-link {
	text-align: right;
}

html[dir="rtl"] .nav-tabs,
html[lang="ar"] .nav-tabs {
	text-align: right;
}

html[dir="rtl"] .tab-content,
html[lang="ar"] .tab-content {
	text-align: right;
	direction: rtl;
}

/* ============================================
   Images & Media
   ============================================ */
html[dir="rtl"] img,
html[lang="ar"] img {
	direction: ltr;
	/* Images should not be flipped */
}

html[dir="rtl"] .media,
html[lang="ar"] .media {
	flex-direction: row-reverse;
}

html[dir="rtl"] .media-body,
html[lang="ar"] .media-body {
	text-align: right;
}

/* ============================================
   Utilities - Margin & Padding
   ============================================ */
html[dir="rtl"] [style*="margin-left"],
html[lang="ar"] [style*="margin-left"] {
	margin-right: inherit !important;
	margin-left: 0 !important;
}

html[dir="rtl"] [style*="margin-right"],
html[lang="ar"] [style*="margin-right"] {
	margin-left: inherit !important;
	margin-right: 0;
}

html[dir="rtl"] [style*="padding-left"],
html[lang="ar"] [style*="padding-left"] {
	padding-right: inherit !important;
	padding-left: 0 !important;
}

html[dir="rtl"] [style*="padding-right"],
html[lang="ar"] [style*="padding-right"] {
	padding-left: inherit !important;
	padding-right: 0 !important;
}

html[dir="rtl"] [style*="left:"],
html[lang="ar"] [style*="left:"] {
	right: inherit !important;
	left: auto;
}

html[dir="rtl"] [style*="right:"],
html[lang="ar"] [style*="right:"] {
	left: inherit !important;
	right: auto !important;
}

html[dir="rtl"] [style*="text-align: left"],
html[lang="ar"] [style*="text-align: left"] {
	text-align: right !important;
}

html[dir="rtl"] [style*="text-align:right"],
html[lang="ar"] [style*="text-align:right"] {
	text-align: left !important;
}

/* ============================================
   Flexbox Utilities
   ============================================ */
html[dir="rtl"] .flex-row-reverse,
html[lang="ar"] .flex-row-reverse {
	flex-direction: row;
}

html[dir="rtl"] .justify-content-start,
html[lang="ar"] .justify-content-start {
	justify-content: flex-end;
}

html[dir="rtl"] .justify-content-end,
html[lang="ar"] .justify-content-end {
	justify-content: flex-start;
}

/* ============================================
   Position Utilities
   ============================================ */
html[dir="rtl"] .position-left,
html[lang="ar"] .position-left {
	left: auto;
	right: 0;
}

html[dir="rtl"] .position-right,
html[lang="ar"] .position-right {
	right: auto;
	left: 0;
}

/* ============================================
   Text Utilities
   ============================================ */
html[dir="rtl"] .text-lg-left,
html[lang="ar"] .text-lg-left {
	text-align: right !important;
}

html[dir="rtl"] .text-left,
html[lang="ar"] .text-left {
	text-align: right !important;
}

html[dir="rtl"] .text-right,
html[lang="ar"] .text-right {
	text-align: left !important;
}

/* ============================================
   Icons & Symbols
   ============================================ */
html[dir="rtl"] .fa-chevron-left:before,
html[lang="ar"] .fa-chevron-left:before {
	content: "\f054";
	/* Right arrow */
}

html[dir="rtl"] .fa-chevron-right:before,
html[lang="ar"] .fa-chevron-right:before {
	content: "\f053";
	/* Left arrow */
}

html[dir="rtl"] .fa-arrow-left:before,
html[lang="ar"] .fa-arrow-left:before {
	content: "\f061";
	/* Right arrow */
}

html[dir="rtl"] .fa-arrow-right:before,
html[lang="ar"] .fa-arrow-right:before {
	content: "\f060";
	/* Left arrow */
}

/* ============================================
   Search & Filters
   ============================================ */
html[dir="rtl"] .rd-search-results-live,
html[lang="ar"] .rd-search-results-live {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .rd-search-results-live .rd-search-result,
html[lang="ar"] .rd-search-results-live .rd-search-result {
	text-align: right;
}

/* ============================================
   Footer
   ============================================ */
html[dir="rtl"] .page-footer,
html[lang="ar"] .page-footer {
	text-align: right;
}

html[dir="rtl"] .page-footer *,
html[lang="ar"] .page-footer * {
	text-align: right;
}

/* ============================================
   General Overrides
   ============================================ */
html[dir="rtl"] .text-center,
html[lang="ar"] .text-center {
	text-align: center !important;
	/* Keep center aligned items centered */
}

/* Ensure proper font rendering for Arabic */
html[dir="rtl"],
html[lang="ar"] {
	font-family: var(--ff-cairo), 'Cairo', 'Tajawal', 'Arial', sans-serif;
}

.hr-left-0 {
	margin-right: 0 !important;
}

.hr-right-0 {
	margin-left: 0 !important;
}

.rd-navbar-static.rd-navbar-boxed .rd-navbar-boxed-nav .rd-navbar-toggle-search,
.rd-navbar-fullwidth.rd-navbar-boxed .rd-navbar-boxed-nav .rd-navbar-toggle-search {
	margin-left: 23px;
	margin-right: 0 !important;
}

.rd-navbar-static .rd-navbar-inner .rd-navbar-search-wrap,
.rd-navbar-fullwidth .rd-navbar-inner .rd-navbar-search-wrap {
	left: 15px !important;
	right: unset !important;
}

.subscribe-form-1 .form-button {

	margin-left: 0 !important;

}

.isotope-filters-list {
	text-align: right !important;
}

.isotope-filters-list li {
	margin-right: 0 !important;
	margin-left: 10px !important;
}

.isotope-filters-list li a {
	text-align: right !important;
}

.btn.btn-icon-right .icon {
	/* padding-right: 10px; */
	padding-left: 0 !important;
}

.btn.btn-icon-right .icon {
	float: left !important;
	/* padding-left: 10px; */
}

.list-inline-icon li:after {
	display: none;
}

.list-inline-icon li:before {
	content: '\f400';
	position: relative;
	top: 1px;
	padding-right: 18px;
	font: 14px / 24px "Material Design Icons";
	color: #b6b6b6;
}

.list-inline-icon li:last-child:before {
	display: none;
}

/* ============================================
   Media Queries for Responsive RTL
   ============================================ */
@media (max-width: 991.98px) {

	html[dir="rtl"] .rd-navbar-nav,
	html[lang="ar"] .rd-navbar-nav {
		text-align: right;
	}

	.rd-navbar-fixed .rd-navbar-nav-wrap {
		left: 38px !important;
	}

	.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after {
		left: 0 !important;
		right: unset !important;
	}


	video {
		transform: translate(0%, -50%) !important;
	}
}

@media (min-width: 992px) {

	html[dir="rtl"] .rd-navbar-nav,
	html[lang="ar"] .rd-navbar-nav {
		text-align: right;
	}

}



/* ============================================
   Print Styles for RTL
   ============================================ */
@media print {

	html[dir="rtl"],
	html[lang="ar"] {
		direction: rtl;
	}

	html[dir="rtl"] *,
	html[lang="ar"] * {
		text-align: right;
	}
}


@media (max-width: 576px) {
	figure.thumbnail-terry.thumbnail-terry-modern.store-card {

		margin: 0 -2px !important;
	}
}