/* ===================================
   RTL SUPPORT
   =================================== */

html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Navbar Flipping */
html[dir="rtl"] .nav-link svg,
html[dir="rtl"] .nav-icon-btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 50%;
    transform: translateX(50%) translateY(10px);
    text-align: right;
}

html[dir="rtl"] .dropdown-item {
    border-left: none;
    border-right: 2px solid transparent;
}

html[dir="rtl"] .dropdown-item:hover {
    border-right-color: var(--primary-1);
}

html[dir="rtl"] .nav-logo {
    direction: ltr !important;
    margin-left: 2.5rem;
    margin-right: 0;
    display: flex;
    flex-direction: row;
}

/* Content Flipping */
html[dir="rtl"] .hero-content,
html[dir="rtl"] .section-desc,
html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .titan-hero p,
html[dir="rtl"] .titan-hero h1 {
    text-align: right !important;
}

html[dir="rtl"] .hero-overlay-horizontal {
    background: linear-gradient(to left, var(--bg-1) 10%, transparent 70%) !important;
}

html[dir="rtl"] .hero-scroll-indicator {
    right: auto !important;
    left: 5% !important;
    transform: rotate(-90deg) translateY(-50%) !important;
    transform-origin: left center !important;
}

html[dir="rtl"] .hero-est-text {
    color: var(--text-main) !important;
    /* Ensure visibility in RTL against potentially busy background */
}

html[dir="rtl"] .stat-premium {
    text-align: center;
}

html[dir="rtl"] .grid-title,
html[dir="rtl"] .grid-desc,
html[dir="rtl"] .display-text,
html[dir="rtl"] .section-title,
html[dir="rtl"] .hero-title {
    text-align: right !important;
}

/* Titan Card Fixes - Resolving Overlap in Index 1 */
html[dir="rtl"] .titan-card {
    align-items: flex-start;
    /* flex-start in RTL is right side */
    text-align: right;
}

html[dir="rtl"] .titan-card .card-visual {
    right: auto;
    left: 2rem;
}

html[dir="rtl"] .titan-card .card-number {
    direction: ltr !important;
    display: inline-block;
    unicode-bidi: isolate;
}

html[dir="rtl"] .card-list li {
    padding-right: 0;
    text-align: right;
}

html[dir="rtl"] .card-list li i {
    margin-right: 0;
    margin-left: 1rem;
}

/* Home 2 Specific Flips */
html[dir="rtl"] .timeline-editorial {
    padding-left: 0;
    padding-right: 4rem;
    border-left: none;
    border-right: 1px solid var(--border-subtle);
}

html[dir="rtl"] .timeline-node::before {
    left: auto;
    right: -4.3rem;
}

html[dir="rtl"] .wisdom-card {
    border-left: none;
    border-right: 1px solid var(--primary-1);
}

html[dir="rtl"] .editorial-item {
    border-left: none !important;
    border-right: 1px solid var(--border-strong);
    padding-left: 0 !important;
    padding-right: 3rem;
}

/* Margin/Padding Flips */
html[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

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

/* Form Inputs */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
}

/* Specific Component Tweaks */
html[dir="rtl"] .service-detail-header,
html[dir="rtl"] .about-grid,
html[dir="rtl"] .contact-grid {
    direction: rtl;
}

/* Icons in lists */
html[dir="rtl"] .grid-icon {
    float: right;
    margin-left: 1rem;
    margin-right: 0;
}

/* Footer */
html[dir="rtl"] footer {
    text-align: right;
}

html[dir="rtl"] .footer-logo {
    direction: ltr !important;
    display: inline-block;
}

html[dir="rtl"] .footer-form button {
    transform: scaleX(-1);
}

/* Internal Border Flips for Grid Items */
html[dir="rtl"] .responsive-grid-3 .glass-card,
html[dir="rtl"] .res-grid-3 .glass-card {
    border-right: none !important;
    border-left: 1px solid var(--border-glass);
}

html[dir="rtl"] .responsive-grid-3 .glass-card:last-child,
html[dir="rtl"] .res-grid-3 .glass-card:last-child {
    border-left: none !important;
}

/* Absolute Watermark Fixes */
html[dir="rtl"] .glass-card div[style*="right: -20px"] {
    right: auto !important;
    left: -20px !important;
}

html[dir="rtl"] .trust-seal {
    right: auto !important;
    left: 2rem !important;
}