/*
 * KAI Theme RTL Stylesheet v1.1
 * direction:rtl on body handles most flex/text alignment automatically.
 * This file only overrides explicit left/right positions, borders, and transforms.
 */

/* ===== Header ===== */
/* Do NOT reverse header flex — direction:rtl handles it.
   Only fix the nav underline position. */
body.rtl .nav-links a::after {
    left: auto;
    right: 0;
}

/* ===== Hero ===== */
body.rtl .hero-orb-1 {
    right: auto;
    left: -100px;
}
body.rtl .hero-orb-2 {
    left: auto;
    right: -50px;
}
body.rtl .hero-card-1 {
    left: auto;
    right: 0;
}
body.rtl .hero-card-2 {
    right: auto;
    left: 0;
}
body.rtl .hero-card-3 {
    left: auto;
    right: 10%;
}

/* ===== Buttons — flip arrow icon ===== */
body.rtl .btn svg {
    transform: scaleX(-1);
}
body.rtl .btn:hover svg {
    transform: translateX(-4px) scaleX(-1);
}

/* ===== Section Tag — line after text in RTL ===== */
body.rtl .section-tag::before {
    order: 2;
}

/* ===== About ===== */
body.rtl .about-image-accent {
    left: auto;
    right: -25px;
}
body.rtl .about-image-badge {
    right: auto;
    left: -15px;
}

/* ===== Mission Vision card gradient ===== */
body.rtl .mv-card::before {
    background: linear-gradient(270deg, var(--cyan), transparent);
}

/* ===== Philosophy quote mark ===== */
body.rtl .philosophy-quote::before {
    left: auto;
    right: 1.25rem;
    content: '\201D';
}

/* ===== Approach timeline gradient ===== */
body.rtl .approach-timeline::before {
    background: linear-gradient(270deg, var(--cyan), var(--teal-light), var(--teal), var(--deep-teal));
}

/* ===== Expertise ===== */
body.rtl .expertise-card::before {
    left: auto;
    right: 0;
}
body.rtl .expertise-card:hover {
    transform: translateX(-8px);
}
body.rtl .expertise-list li {
    padding-left: 0;
    padding-right: 1.25rem;
}
body.rtl .expertise-list li::before {
    left: auto;
    right: 0;
}

/* ===== How We Partner ===== */
body.rtl .partner-feature {
    border-left: none;
    border-right: 4px solid var(--cyan);
}
body.rtl .partner-feature:hover {
    transform: translateX(-8px);
}

/* ===== Contact ===== */
body.rtl .contact-item {
    text-align: right;
}

/* ===== Footer ===== */
body.rtl .footer-links a:hover {
    transform: translateX(-5px);
}
body.rtl .footer-contact-item {
    text-align: right;
}

/* ===== Mobile Menu — slide from left in RTL ===== */
body.rtl .mobile-menu {
    right: auto;
    left: -100%;
    transition: left 0.4s ease;
    box-shadow: 10px 0 40px rgba(0,0,0,0.3);
}
body.rtl .mobile-menu.active {
    left: 0;
    right: auto;
}
body.rtl .mobile-menu-close {
    right: auto;
    left: 1.5rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    body.rtl .hero-actions {
        align-items: stretch;
    }
    body.rtl .hero-actions .btn {
        justify-content: center;
    }
}