/* ==========================================
   Ratib - English / LTR Styles
   Overrides for Left-to-Right Layout
   ========================================== */

/* 1. Global Direction & Typography */
html[dir="ltr"] {
    direction: ltr;
    text-align: left;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html[dir="ltr"] body,
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] p,
html[dir="ltr"] a,
html[dir="ltr"] li,
html[dir="ltr"] span,
html[dir="ltr"] label,
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] button {}

html[dir="ltr"] .centered-text,
html[dir="ltr"] .text-center,
html[dir="ltr"] .section-heading.text-center,
html[dir="ltr"] .footer-about p {
    text-align: center;
}

/* 2. Hero Section Fixes */
html[dir="ltr"] .slide-overlay {
    /* Flip the gradient direction for LTR (135deg -> -135deg or 45deg) */
    background-image:
        radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        linear-gradient(-135deg, rgba(8, 24, 40, 0.9) 0%, rgba(10, 30, 50, 0.8) 100%);
}

html[dir="ltr"] .slide-content .container {
    flex-direction: row;
    /* Ensure row direction */
}



html[dir="ltr"] .slide-btns {
    justify-content: flex-start;
}

/* Floating Cards Mirroring */
html[dir="ltr"] .card-1 {
    right: auto;
    left: -20px;
}

html[dir="ltr"] .card-2 {
    left: auto;
    right: -30px;
}

/* Icons in Hero Buttons */
html[dir="ltr"] .btn-primary i,
html[dir="ltr"] .btn-whatsapp i,
html[dir="ltr"] .btn-outline i {
    margin-right: 10px;
    margin-left: 0;
}

/* 3. Navigation Bar */
html[dir="ltr"] .nav-actions {
    margin-left: 20px;
    margin-right: 0;
}

html[dir="ltr"] .lang-switcher i,
html[dir="ltr"] .nav-login-btn i {
    margin-right: 6px;
    margin-left: 0;
}

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

html[dir="ltr"] .mobile-menu.active {
    left: 0;
}

html[dir="ltr"] .mobile-nav a i {
    margin-right: 10px;
    margin-left: 0;
}

/* 4. Testimonials Section */
html[dir="ltr"] .testimonials-section {
    direction: ltr;
    /* Ensure section respects LTR */
}

html[dir="ltr"] .testimonial-card-modern {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] .testimonial-text {
    text-align: left;
}

html[dir="ltr"] .testimonial-stars {
    justify-content: flex-start;
    direction: ltr;
}

html[dir="ltr"] .author-avatar {
    margin-right: 15px;
    margin-left: 0;
}

html[dir="ltr"] .testimonial-author h5,
html[dir="ltr"] .testimonial-author span {
    text-align: left;
}

/* Quote Icon Positioning Override if needed */
html[dir="ltr"] .testimonial-card-modern::before {
    left: 20px;
    right: auto;
    transform: scaleX(-1);
    /* Flip quote mark */
}

/* Google Rating Block */
html[dir="ltr"] .google-logo-wrapper {
    margin-right: 15px;
    margin-left: 0;
}

html[dir="ltr"] .rating-info {
    text-align: left;
    margin-right: auto;
    /* Push content to left */
    margin-left: 0;
}

html[dir="ltr"] .rating-btn {
    margin-left: auto;
    /* Push button to right */
    margin-right: 0;
}

/* 5. Services Section */
html[dir="ltr"] .services-modern-header {
    text-align: left;
    flex-direction: row;
    /* Keep row */
}

html[dir="ltr"] .services-modern-title-area {
    text-align: left;
    margin-right: auto;
    margin-left: 0;
}

html[dir="ltr"] .services-section-footer {
    justify-content: flex-start;
}

html[dir="ltr"] .service-modern-card {
    text-align: left;
}

html[dir="ltr"] .card-link {
    justify-content: flex-start;
    flex-direction: row;
}

html[dir="ltr"] .card-link i {
    margin-left: 8px;
    margin-right: 0;
    transform: rotate(180deg);
    /* Flip arrow to point right */
}

/* 6. Footer */
html[dir="ltr"] .footer-links-modern li a {
    justify-content: flex-start;
}

html[dir="ltr"] .footer-links-modern li a i {
    margin-right: 10px;
    margin-left: 0;
    transform: rotate(180deg);
}

html[dir="ltr"] .footer-contact-item {
    justify-content: flex-start;
}

html[dir="ltr"] .footer-contact-item i {
    margin-right: 15px;
    margin-left: 0;
}

html[dir="ltr"] .footer-newsletter-form button {
    border-radius: 0 8px 8px 0;
}

html[dir="ltr"] .footer-newsletter-form input {
    border-radius: 8px 0 0 8px;
    text-align: left;
    padding-left: 15px;
    padding-right: 0;
}

/* 7. Icon Flipping Generic */
html[dir="ltr"] .fa-arrow-left,
html[dir="ltr"] .fa-chevron-left {
    transform: rotate(180deg);
}

html[dir="ltr"] .fa-arrow-right,
html[dir="ltr"] .fa-chevron-right {
    transform: rotate(180deg);
}

/* 8. Floating Buttons Flip for LTR */
html[dir="ltr"] .whatsapp-float-modern {
    left: auto;
    right: 30px;
}

html[dir="ltr"] .back-to-top {
    right: auto;
    left: 30px;
}