/* =====================================================
   ARABIC RTL OVERRIDES
   Imports the base styles and adds RTL-specific adjustments
   ===================================================== */
@import url('./style.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;500;600;700;800&display=swap');

/* RTL base */
html[dir="rtl"] body {
    font-family: 'Noto Kufi Arabic', 'Poppins', Arial, Helvetica, sans-serif;
    direction: rtl;
    text-align: right;
}

/* Logo stays LTR */
html[dir="rtl"] .logo a,
html[dir="rtl"] .footer-brand .footer-logo a {
    direction: ltr;
    text-align: left;
}

/* Header */
html[dir="rtl"] .header-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header-nav {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header-right {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header-contact {
    flex-direction: row-reverse;
}

html[dir="rtl"] .hamburger {
    margin-left: 0;
    margin-right: 20px;
}

/* Hero */
html[dir="rtl"] .hero-content {
    text-align: right;
}

/* Stats */
html[dir="rtl"] .stat-item {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

html[dir="rtl"] .stat-item:last-child {
    border-left: none;
}

/* About */
html[dir="rtl"] .about-content {
    direction: rtl;
}

/* Clients */
html[dir="rtl"] .client-logo {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

html[dir="rtl"] .client-logo:last-child {
    border-left: none;
}

/* Category list items */
html[dir="rtl"] .category-list li {
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .category-list li::before {
    left: auto;
    right: 0;
}

/* Inquiry contact items */
html[dir="rtl"] .inquiry-contact-item {
    flex-direction: row-reverse;
}

/* Form submit */
html[dir="rtl"] .form-submit {
    text-align: left;
}

/* Footer */
html[dir="rtl"] .footer-main {
    direction: rtl;
}

html[dir="rtl"] .footer-nav {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-touch-links {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-touch-links a {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-social {
    justify-content: flex-start;
}

html[dir="rtl"] .footer-bottom {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-legal {
    flex-direction: row-reverse;
}

html[dir="rtl"] .company-profile-link {
    flex-direction: row-reverse;
}

/* Legal content */
html[dir="rtl"] .legal-content ul li {
    padding-left: 0;
    padding-right: 20px;
}

html[dir="rtl"] .legal-content ul li::before {
    left: auto;
    right: 0;
}

/* Catalog cards */
html[dir="rtl"] .catalog-card ul li {
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .catalog-card ul li::before {
    left: auto;
    right: 0;
}

/* Benefits / Why cards */
html[dir="rtl"] .benefit-card,
html[dir="rtl"] .why-card,
html[dir="rtl"] .value-card,
html[dir="rtl"] .value-item {
    text-align: center;
}

/* Contact detail items */
html[dir="rtl"] .contact-detail {
    flex-direction: row-reverse;
}

html[dir="rtl"] .contact-detail div {
    text-align: right;
}

/* FAQ */
html[dir="rtl"] .faq-question {
    flex-direction: row-reverse;
    text-align: right;
}

/* Find us */
html[dir="rtl"] .find-us-content {
    direction: rtl;
}

html[dir="rtl"] .contact-item-block {
    text-align: right;
}

/* Map placeholder */
html[dir="rtl"] .map-placeholder {
    direction: ltr;
}

/* Nav overlay */
html[dir="rtl"] .nav-overlay .nav-list {
    text-align: center;
}

/* Vendor / Career content grids */
html[dir="rtl"] .vendor-content,
html[dir="rtl"] .career-content,
html[dir="rtl"] .contact-inquiry-content {
    direction: rtl;
}

/* File upload */
html[dir="rtl"] .file-upload {
    flex-direction: row-reverse;
}

/* CV upload label */
html[dir="rtl"] .cv-upload-label {
    flex-direction: row-reverse;
}

/* Why card icon */
html[dir="rtl"] .why-card-icon {
    margin: 0 auto 20px;
}

/* Order steps */
html[dir="rtl"] .order-steps {
    direction: rtl;
}

/* Category card actions */
html[dir="rtl"] .category-actions {
    direction: rtl;
}

/* Mobile nav */
html[dir="rtl"] .mobile-nav .nav-list li a {
    text-align: right;
}

/* Select dropdown */
html[dir="rtl"] .form-group select {
    text-align: right;
}