/* Import Tajawal Google Font for elegant Arabic typography */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

/* Apply Arabic font and overrides when dir="rtl" is active */
html[dir="rtl"] {
    --font-heading: 'Tajawal', sans-serif;
    --font-body: 'Tajawal', sans-serif;
}

html[dir="rtl"] body {
    font-family: var(--font-body);
    text-align: right;
}

/* Nav Menu and Navbar overrides */
html[dir="rtl"] .nav-dropdown-menu {
    left: auto;
    right: 0;
}

html[dir="rtl"] .nav-link::after {
    left: auto;
    right: 0;
}

/* Hero Banner Text Clarity & Overlay for RTL */
html[dir="rtl"] .slide-bg::after {
    background: linear-gradient(270deg, rgba(3, 23, 38, 0.9) 0%, rgba(7, 37, 65, 0.72) 48%, rgba(7, 37, 65, 0.22) 100%),
                linear-gradient(180deg, rgba(3, 23, 38, 0.45) 0%, transparent 50%, rgba(3, 23, 38, 0.6) 100%);
}

html[dir="rtl"] .slide-content {
    background: radial-gradient(ellipse at right center, rgba(3, 23, 38, 0.5) 0%, rgba(3, 23, 38, 0.25) 50%, transparent 80%) !important;
}

/* Slider Controls reversal */
html[dir="rtl"] .slider-control-prev {
    left: auto;
    right: 32px;
}

html[dir="rtl"] .slider-control-next {
    right: auto;
    left: 32px;
}

html[dir="rtl"] .hero-shop-card {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .hero-shop-badge {
    right: auto;
    left: 14px;
}

html[dir="rtl"] .slider-badge {
    right: auto;
    left: 10%;
}

/* Category cards indicator border placement */
html[dir="rtl"] .category-card::before {
    left: auto;
    right: 0;
    transform-origin: bottom right;
}

/* Filter components alignment */
html[dir="rtl"] .filter-btn {
    text-align: right;
}

html[dir="rtl"] .faq-header {
    text-align: right;
}

html[dir="rtl"] .post-author-info {
    text-align: right;
}

/* Product Detail Page Overrides */
html[dir="rtl"] .product-detail-short-desc {
    border-left: none;
    padding-left: 0;
    border-right: 4px solid var(--primary);
    padding-right: 20px;
}

html[dir="rtl"] .product-section-title::after {
    left: auto;
    right: 0;
}

/* Sidebar product listing drawer mobile close button */
html[dir="rtl"] .filter-close-btn {
    left: 15px;
    right: auto;
}

/* Float alignments or absolute indicators */
html[dir="rtl"] .header-top-link {
    display: inline-block;
}

/* Form input labels & inputs */
html[dir="rtl"] .form-group label {
    text-align: right;
    display: block;
}

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

html[dir="rtl"] .newsletter-btn {
    transform: rotate(180deg);
}

/* In case of margins or details button arrow */
html[dir="rtl"] .product-btn,
html[dir="rtl"] .btn-primary,
html[dir="rtl"] .nav-dropdown-toggle {
    font-family: var(--font-body);
}

/* Flip arrow characters or layout offsets */
html[dir="rtl"] .slider-control-prev,
html[dir="rtl"] .slider-control-next {
    font-size: 1rem;
}

/* Footer & Phone Number Alignment in RTL */
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-link {
    text-align: right !important;
}

html[dir="rtl"] .footer-contact-links li {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: right !important;
}

html[dir="rtl"] .footer-contact-links li .contact-icon {
    flex-shrink: 0 !important;
    display: inline-block !important;
}

html[dir="rtl"] .phone-number,
html[dir="rtl"] a[href^="tel:"] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
}

/* Footer Heading Accent Line & Link Hover Alignment in RTL */
html[dir="rtl"] .footer-title::after {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .footer-link:hover {
    transform: translateX(-4px);
}