/**
 * TECHenya Multilingual — RTL (Right-to-Left) Styles
 * Applied when Arabic language is selected
 *
 * @package TECHenya_Multilingual
 */

/* ─── Base RTL ────────────────────────────────────────── */
[dir="rtl"] {
    text-align: right;
}

/* ─── Header ──────────────────────────────────────────── */
[dir="rtl"] .te-header__inner {
    flex-direction: row-reverse;
}

[dir="rtl"] .te-header__nav {
    flex-direction: row-reverse;
}

[dir="rtl"] .te-header__actions {
    flex-direction: row-reverse;
}

/* Header inner container - reverse the flex items */
[dir="rtl"] #te-header-inner {
    flex-direction: row-reverse;
}

/* Hamburger menu button - move to right side */
[dir="rtl"] #te-mega-toggle {
    order: 2;
}

/* Logo stays centered */
[dir="rtl"] .te-header a[aria-label="TECHenya Solutions Home"] {
    order: 1;
}

/* CTA and language switcher - move to left side */
[dir="rtl"] .te-header .flex.items-center.gap-3 {
    order: 0;
    flex-direction: row-reverse;
}

/* Header CTA button arrow flip */
[dir="rtl"] #te-header-cta svg {
    transform: scaleX(-1);
}

/* ─── Navigation ──────────────────────────────────────── */
[dir="rtl"] .te-nav__list {
    flex-direction: row-reverse;
}

[dir="rtl"] .te-nav__dropdown {
    left: auto;
    right: 0;
}

[dir="rtl"] .te-mega-panel {
    left: auto;
    right: 0;
}

/* ─── Buttons & Links ─────────────────────────────────── */
[dir="rtl"] .te-btn svg {
    margin-left: 0;
    margin-right: 8px;
    transform: scaleX(-1);
}

[dir="rtl"] .te-btn-icon-right svg {
    margin-left: 8px;
    margin-right: 0;
}

/* ─── Cards ───────────────────────────────────────────── */
[dir="rtl"] .te-card {
    text-align: right;
}

[dir="rtl"] .te-card__icon {
    margin-left: 16px;
    margin-right: 0;
}

/* ─── Lists ───────────────────────────────────────────── */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-left: 0;
    padding-right: 1.5em;
}

[dir="rtl"] li::marker {
    unicode-bidi: isolate;
}

/* ─── Forms ───────────────────────────────────────────── */
[dir="rtl"] .te-input,
[dir="rtl"] .te-textarea,
[dir="rtl"] .te-select {
    text-align: right;
}

[dir="rtl"] .te-label {
    text-align: right;
}

[dir="rtl"] .te-checkbox-label,
[dir="rtl"] .te-radio-label {
    flex-direction: row-reverse;
}

/* ─── Grid Layouts ────────────────────────────────────── */
[dir="rtl"] .te-grid {
    direction: rtl;
}

/* ─── Footer ──────────────────────────────────────────── */
[dir="rtl"] .te-footer__grid {
    direction: rtl;
}

[dir="rtl"] .te-footer__social {
    flex-direction: row-reverse;
}

/* ─── AI Chat Widget ──────────────────────────────────── */
[dir="rtl"] .tai-widget {
    left: 20px;
    right: auto;
}

[dir="rtl"] .tai-fab {
    left: 20px;
    right: auto;
}

[dir="rtl"] .tai-messages {
    direction: rtl;
}

[dir="rtl"] .tai-message {
    text-align: right;
}

[dir="rtl"] .tai-message--user {
    flex-direction: row-reverse;
}

[dir="rtl"] .tai-message--bot {
    flex-direction: row;
}

[dir="rtl"] .tai-input-area {
    flex-direction: row-reverse;
}

[dir="rtl"] .tai-input {
    text-align: right;
}

[dir="rtl"] .tai-suggestions {
    flex-direction: row-reverse;
}

/* ─── Hero Sections ───────────────────────────────────── */
[dir="rtl"] .te-hero__content {
    text-align: right;
}

[dir="rtl"] .te-hero__actions {
    justify-content: flex-start;
}

/* ─── Service Cards ───────────────────────────────────── */
[dir="rtl"] .te-service-card__arrow {
    transform: scaleX(-1);
}

/* ─── Testimonials ────────────────────────────────────── */
[dir="rtl"] .te-testimonial__quote {
    text-align: right;
}

/* ─── Breadcrumbs ─────────────────────────────────────── */
[dir="rtl"] .te-breadcrumbs {
    flex-direction: row-reverse;
}

[dir="rtl"] .te-breadcrumbs__separator {
    transform: scaleX(-1);
}

/* ─── Tables ──────────────────────────────────────────── */
[dir="rtl"] table {
    direction: rtl;
}

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

/* ─── Spacing Utilities ───────────────────────────────── */
[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .mr-auto {
    margin-right: 0;
    margin-left: auto;
}

[dir="rtl"] .pl-4 {
    padding-left: 0;
    padding-right: 1rem;
}

[dir="rtl"] .pr-4 {
    padding-right: 0;
    padding-left: 1rem;
}

/* ─── Icons with Direction ────────────────────────────── */
[dir="rtl"] .icon-arrow-right,
[dir="rtl"] .icon-chevron-right,
[dir="rtl"] .icon-arrow-forward {
    transform: scaleX(-1);
}

/* ─── Mobile Menu ─────────────────────────────────────── */
[dir="rtl"] .te-mobile-menu {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

[dir="rtl"] .te-mobile-menu.open {
    transform: translateX(0);
}

/* ─── Mega Menu Panel (Off-Canvas) ────────────────────── */
/* RTL: Menu slides in from RIGHT side, closes to RIGHT side */
[dir="rtl"] .te-mega-panel {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%) !important; /* Hidden: off-screen to the right */
}

[dir="rtl"] .te-mega-panel.active {
    transform: translateX(0) !important; /* Visible: slides in from right */
}

/* Mega panel overlay - no changes needed, stays full screen */

/* Mega panel header - close button on left in RTL */
[dir="rtl"] .te-mega-panel > div:first-child {
    flex-direction: row-reverse;
}

/* Mega panel close button - position on left side for RTL */
[dir="rtl"] #te-mega-close {
    margin-left: 0;
    margin-right: auto;
    order: -1;
}

/* Mega panel grid */
[dir="rtl"] .te-mega-panel .grid {
    direction: rtl;
}

/* Service links in mega menu */
[dir="rtl"] .te-mega-panel a {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .te-mega-panel a svg {
    margin-left: 0;
    margin-right: 12px;
}

/* Section headings */
[dir="rtl"] .te-mega-panel h3 {
    text-align: right;
}

/* Navigation links */
[dir="rtl"] .te-mega-panel nav {
    text-align: right;
}

[dir="rtl"] .te-mega-panel nav a {
    justify-content: flex-end;
}

/* Contact card in mega menu */
[dir="rtl"] .te-mega-panel .bg-te-navy {
    text-align: right;
}

[dir="rtl"] .te-mega-panel .bg-te-navy a {
    flex-direction: row-reverse;
}

/* View All Services link */
[dir="rtl"] .te-mega-panel .inline-flex {
    flex-direction: row-reverse;
}

[dir="rtl"] .te-mega-panel .inline-flex svg {
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 8px;
}

/* Mega panel internal padding for RTL */
[dir="rtl"] .te-mega-panel > .p-6,
[dir="rtl"] .te-mega-panel > .px-6 {
    text-align: right;
}

/* ─── Animations ──────────────────────────────────────── */
[dir="rtl"] [data-aos="fade-right"] {
    transform: translate3d(50px, 0, 0);
}

[dir="rtl"] [data-aos="fade-left"] {
    transform: translate3d(-50px, 0, 0);
}

/* ─── Tool Results ────────────────────────────────────── */
[dir="rtl"] .te-tool-results {
    text-align: right;
}

/* ─── Pricing Tables ──────────────────────────────────── */
[dir="rtl"] .te-pricing__features li {
    padding-left: 0;
    padding-right: 28px;
}

[dir="rtl"] .te-pricing__features li::before {
    left: auto;
    right: 0;
}