/* Dark Mode Styles for Arabic (RTL) */

/* Body Dark Background */
body[dir="rtl"].dark-mode {
    background-color: #1a1a1a;
    color: #D4AF37;
}

/* Header Dark Mode RTL */
body[dir="rtl"].dark-mode .header {
    background-color: #2d2d2d;
    border-bottom: 1px solid #404040;
}

body[dir="rtl"].dark-mode .header-top {
    background-color: #1a1a1a;
}

body[dir="rtl"].dark-mode .header-middle {
    background-color: #2d2d2d;
}

body[dir="rtl"].dark-mode .header-bottom {
    background-color: #252525;
}

/* Dark mode toggle hover in RTL (match EN) */
body[dir="rtl"].dark-mode .dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Search Bar Dark Mode RTL */
body[dir="rtl"].dark-mode .search-input-field {
    background-color: #1a1a1a !important;
    color: #D4AF37 !important;
    border-color: #404040 !important;
}

body[dir="rtl"].dark-mode .search-input-field::placeholder {
    color: rgba(212, 175, 55, 0.5) !important;
}

body[dir="rtl"].dark-mode .search-type-select {
    background-color: #D4AF37 !important;
    color: #fff !important;
    border-color: #404040 !important;
}

body[dir="rtl"].dark-mode .search-btn-left {
    background-color: #D4AF37 !important;
    border-color: #404040 !important;
    color: #fff !important;
}

/* Navigation Dark Mode RTL */
body[dir="rtl"].dark-mode .menu>li>a {
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .menu>li>a:hover {
    color: #B8860B;
}

/* Product Cards Dark Mode RTL */
body[dir="rtl"].dark-mode .product {
    background-color: #2d2d2d;
    border-color: #404040;
}

body[dir="rtl"].dark-mode .product-title a {
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .product-price {
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .btn-product.btn-cart {
    background-color: #2d2d2d !important;
    color: #D4AF37 !important;
    border-color: #404040 !important;
}

body[dir="rtl"].dark-mode .btn-product.btn-cart:hover {
    background-color: #D4AF37 !important;
    color: #fff !important;
}

/* Footer Dark Mode RTL */
body[dir="rtl"].dark-mode .footer {
    background-color: #1a1a1a;
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .footer-middle {
    background-color: #2d2d2d;
    border-top-color: #404040;
}

body[dir="rtl"].dark-mode .footer-bottom {
    background-color: #252525;
    border-top-color: #404040;
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .footer a {
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .footer a:hover {
    color: #B8860B;
}

body[dir="rtl"].dark-mode .footer-newsletter {
    background-color: #2d2d2d;
}

body[dir="rtl"].dark-mode .footer-newsletter .form-control {
    background-color: #1a1a1a;
    color: #D4AF37;
    border-color: #404040;
}

body[dir="rtl"].dark-mode .footer-newsletter .btn {
    background-color: #D4AF37;
    color: #fff;
}

/* Dropdown Dark Mode RTL */
body[dir="rtl"].dark-mode .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #404040;
}

body[dir="rtl"].dark-mode .dropdown-menu a {
    color: #D4AF37;
}

body[dir="rtl"].dark-mode .dropdown-menu a:hover {
    background-color: #404040;
    color: #B8860B;
}
/* Burger Menu (icon-bars) - Gold in dark mode - Arabic */
body[dir="rtl"].dark-mode .mobile-menu-toggler i.icon-bars,
body[dir="rtl"].dark-mode .mobile-menu-toggler .icon-bars,
body[dir="rtl"].dark-mode .mobile-menu-toggler i,
body[dir="rtl"].dark-mode .icon-bars,
body[dir="rtl"].dark-mode i.icon-bars {
    color: #D4AF37 !important;
    transition: color 0.3s ease !important;
}

body[dir="rtl"].dark-mode .mobile-menu-toggler:hover i.icon-bars,
body[dir="rtl"].dark-mode .mobile-menu-toggler:hover .icon-bars,
body[dir="rtl"].dark-mode .mobile-menu-toggler:hover i {
    color: #B8860B !important;
}
/* Text Colors Dark Mode */
body[dir="rtl"].dark-mode h1,
body[dir="rtl"].dark-mode h2,
body[dir="rtl"].dark-mode h3,
body[dir="rtl"].dark-mode h4,
body[dir="rtl"].dark-mode h5,
body[dir="rtl"].dark-mode h6 {
    color: #D4AF37 !important;
}

body[dir="rtl"].dark-mode p {
    color: #D4AF37 !important;
}

/* Spans in buttons and interactive elements should be white in dark mode - Arabic */
body[dir="rtl"].dark-mode .btn span,
body[dir="rtl"].dark-mode .btn-primary span,
body[dir="rtl"].dark-mode .btn-secondary span,
body[dir="rtl"].dark-mode .btn-outline-primary span,
body[dir="rtl"].dark-mode .btn-outline-primary-2 span,
body[dir="rtl"].dark-mode button span,
body[dir="rtl"].dark-mode .btn * span,
body[dir="rtl"].dark-mode .btn-primary * span,
body[dir="rtl"].dark-mode button * span {
    color: #fff !important;
}

/* Header Top Contact Info - Specific classes for careful handling - Arabic */
/* Phone and Location section - White text and icons in dark mode - Arabic */
body[dir="rtl"].dark-mode .header-top .header-left a,
body[dir="rtl"].dark-mode .header-top .header-left a i,
body[dir="rtl"].dark-mode .header-top .header-left a span,
body[dir="rtl"].dark-mode .header-top .location-selector,
body[dir="rtl"].dark-mode .header-top .location-selector a,
body[dir="rtl"].dark-mode .header-top .location-selector .location-link,
body[dir="rtl"].dark-mode .header-top .location-selector .location-link i,
body[dir="rtl"].dark-mode .header-top .location-selector .location-link span,
body[dir="rtl"].dark-mode .header-top #location-text,
body[dir="rtl"].dark-mode .header-top span#location-text,
body[dir="rtl"].dark-mode .header-top .header-left .icon-phone,
body[dir="rtl"].dark-mode .header-top .header-left .icon-map-marker,
body[dir="rtl"].dark-mode .header-top .header-left .icon-angle-down {
    color: #fff !important;
}

/* General spans - gold in dark mode - Arabic (but buttons override this) */
body[dir="rtl"].dark-mode span:not(.btn span):not(.btn * span):not(button span):not(button * span):not(.header-top span):not(.header-top * span) {
    color: #D4AF37 !important;
}

/* Links - Gold by default, dark gold on hover - COMPREHENSIVE - Arabic - ONLY IN DARK MODE */
/* Make sure these rules only apply when dark-mode is active and don't override gold-theme.css in normal mode */
body[dir="rtl"].dark-mode a:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link),
body[dir="rtl"].dark-mode a:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):link,
body[dir="rtl"].dark-mode a:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):visited,
body[dir="rtl"].dark-mode a:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):active {
    color: #D4AF37 !important;
    text-decoration: none !important;
}

body[dir="rtl"].dark-mode a:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):hover,
body[dir="rtl"].dark-mode a:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):focus {
    color: #B8860B !important;
    text-decoration: none !important;
}

/* Override any inline styles that might set link colors - Arabic - ONLY IN DARK MODE */
body[dir="rtl"].dark-mode a[style*="color"]:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link),
body[dir="rtl"].dark-mode a[style*="color"]:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link) * {
    color: #D4AF37 !important;
}

body[dir="rtl"].dark-mode a[style*="color"]:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):hover,
body[dir="rtl"].dark-mode a[style*="color"]:not(.btn):not(.dropdown-toggle):not(.product-title a):not(.title-link):hover * {
    color: #B8860B !important;
}

/* Title links (e.g., "View all recommendations") - Gold in dark mode - Arabic */
body[dir="rtl"].dark-mode .title-link,
body[dir="rtl"].dark-mode .title-link *,
body[dir="rtl"].dark-mode .heading .title-link,
body[dir="rtl"].dark-mode .heading .title-link *,
body[dir="rtl"].dark-mode .heading-heading-flex .title-link,
body[dir="rtl"].dark-mode .heading-heading-flex .title-link * {
    color: #D4AF37 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

body[dir="rtl"].dark-mode .title-link:hover,
body[dir="rtl"].dark-mode .title-link:focus,
body[dir="rtl"].dark-mode .title-link:hover *,
body[dir="rtl"].dark-mode .title-link:focus *,
body[dir="rtl"].dark-mode .heading .title-link:hover,
body[dir="rtl"].dark-mode .heading .title-link:focus,
body[dir="rtl"].dark-mode .heading .title-link:hover *,
body[dir="rtl"].dark-mode .heading .title-link:focus * {
    color: #B8860B !important;
    text-decoration: none !important;
}

/* Title link icons - Arabic */
body[dir="rtl"].dark-mode .title-link i,
body[dir="rtl"].dark-mode .title-link i.icon-long-arrow-right,
body[dir="rtl"].dark-mode .heading .title-link i,
body[dir="rtl"].dark-mode .heading .title-link i.icon-long-arrow-right {
    color: #D4AF37 !important;
    transition: color 0.3s ease !important;
}

body[dir="rtl"].dark-mode .title-link:hover i,
body[dir="rtl"].dark-mode .title-link:focus i,
body[dir="rtl"].dark-mode .heading .title-link:hover i,
body[dir="rtl"].dark-mode .heading .title-link:focus i {
    color: #B8860B !important;
}

/* Slider buttons - Gold background with white text in dark mode - Arabic */
body[dir="rtl"].dark-mode .intro-slide .btn,
body[dir="rtl"].dark-mode .intro-slide .btn-primary,
body[dir="rtl"].dark-mode .intro-slide .btn-round {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #fff !important;
}

/* Slider buttons hover - Darker gold in dark mode - Arabic */
body[dir="rtl"].dark-mode .intro-slide .btn:hover,
body[dir="rtl"].dark-mode .intro-slide .btn:focus,
body[dir="rtl"].dark-mode .intro-slide .btn-primary:hover,
body[dir="rtl"].dark-mode .intro-slide .btn-primary:focus,
body[dir="rtl"].dark-mode .intro-slide .btn-round:hover,
body[dir="rtl"].dark-mode .intro-slide .btn-round:focus {
    background-color: #B8860B !important;
    border-color: #B8860B !important;
    color: #fff !important;
}

/* Slider button text and icons - White in dark mode - Arabic */
body[dir="rtl"].dark-mode .intro-slide .btn span,
body[dir="rtl"].dark-mode .intro-slide .btn i {
    color: #fff !important;
}

body[dir="rtl"].dark-mode .intro-slide .btn:hover span,
body[dir="rtl"].dark-mode .intro-slide .btn:hover i,
body[dir="rtl"].dark-mode .intro-slide .btn:focus span,
body[dir="rtl"].dark-mode .intro-slide .btn:focus i {
    color: #fff !important;
}

/* Mobile Menu - Dark background in Arabic dark mode */
body[dir="rtl"].dark-mode .mobile-menu-container {
    background-color: #1a1a1a !important;
    color: #D4AF37 !important;
}

body[dir="rtl"].dark-mode .mobile-menu-wrapper {
    background-color: #1a1a1a !important;
}

body[dir="rtl"].dark-mode .mobile-nav a {
    color: #D4AF37 !important;
}

body[dir="rtl"].dark-mode .mobile-nav a:hover,
body[dir="rtl"].dark-mode .mobile-nav a:focus {
    color: #B8860B !important;
}

body[dir="rtl"].dark-mode .mobile-menu li a {
    color: #D4AF37 !important;
    border-bottom-color: rgba(212, 175, 55, 0.2) !important;
}

body[dir="rtl"].dark-mode .mobile-menu li a:hover,
body[dir="rtl"].dark-mode .mobile-menu li a:focus {
    color: #B8860B !important;
}

body[dir="rtl"].dark-mode .mobile-menu li.active > a,
body[dir="rtl"].dark-mode .mobile-menu li.open > a {
    color: #B8860B !important;
}

/* Mobile Menu Info Section - Dark background in Arabic dark mode */
body[dir="rtl"].dark-mode .mobile-menu-info {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
}

body[dir="rtl"].dark-mode .mobile-menu-info .info-item a {
    color: #fff !important;
}

body[dir="rtl"].dark-mode .mobile-menu-info .info-item i {
    color: #fff !important;
}

body[dir="rtl"].dark-mode .mobile-menu-info .info-item span {
    color: #fff !important;
}

/* Mobile Menu Close Button - Gold in Arabic dark mode */
body[dir="rtl"].dark-mode .mobile-menu-close {
    color: #D4AF37 !important;
}

body[dir="rtl"].dark-mode .mobile-menu-close:hover,
body[dir="rtl"].dark-mode .mobile-menu-close:focus {
    color: #B8860B !important;
}

/* Mobile Menu Search - Dark styling in Arabic dark mode */
body[dir="rtl"].dark-mode .mobile-search .form-control {
    background-color: #2d2d2d !important;
    color: #D4AF37 !important;
    border-color: #404040 !important;
}

body[dir="rtl"].dark-mode .mobile-search .form-control::placeholder {
    color: rgba(212, 175, 55, 0.5) !important;
}

/* Mobile Menu Social Icons - Gold in Arabic dark mode */
body[dir="rtl"].dark-mode .mobile-menu-container .social-icon {
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

body[dir="rtl"].dark-mode .mobile-menu-container .social-icon:hover,
body[dir="rtl"].dark-mode .mobile-menu-container .social-icon:focus {
    color: #B8860B !important;
    border-color: #B8860B !important;
}

/* Header Compare Dropdown - icon-random should be gold in dark mode - Arabic */
body[dir="rtl"].dark-mode .compare-dropdown .icon-random,
body[dir="rtl"].dark-mode .compare-dropdown i.icon-random,
body[dir="rtl"].dark-mode .header .compare-dropdown .icon i.icon-random,
body[dir="rtl"].dark-mode .header .compare-dropdown a .icon i.icon-random {
    color: #D4AF37 !important;
    transition: color 0.3s ease !important;
}

body[dir="rtl"].dark-mode .compare-dropdown:hover .icon-random,
body[dir="rtl"].dark-mode .compare-dropdown:hover i.icon-random,
body[dir="rtl"].dark-mode .header .compare-dropdown:hover .icon i.icon-random,
body[dir="rtl"].dark-mode .header .compare-dropdown a:hover .icon i.icon-random {
    color: #B8860B !important;
}

/* All icon-random instances in dark mode should be gold - Arabic */
body[dir="rtl"].dark-mode i.icon-random,
body[dir="rtl"].dark-mode .icon-random {
    color: #D4AF37 !important;
}