/* ============================================================
   Trigonal - RTL (Arabic) Overrides
   ============================================================ */

/* Base RTL Support */
body.rtl { 
    direction: rtl; 
    text-align: right; 
    font-family: var(--font-ar);
}

/* Navbar Adjustments */
.rtl .navbar-inner {
    flex-direction: row; /* Ensure natural RTL flow: Logo right, Menu left or vice versa */
}

.rtl .navbar-menu {
    flex-direction: row; /* Standard flow in RTL is right-to-left */
    justify-content: flex-start;
}

.rtl .navbar-menu li a::after {
    left: auto;
    right: 14px;
}

.rtl .navbar-actions {
    flex-direction: row;
    gap: 12px;
}

.rtl .lang-switcher {
    flex-direction: row;
}

/* Layout Elements */
.rtl .hero-content {
    text-align: right;
}

.rtl .hero-btns {
    flex-direction: row;
    gap: 16px;
}

.rtl .btn {
    flex-direction: row;
}

.rtl .section-header {
    text-align: center; /* Keep centered if it was centered */
}

.rtl .about-feature {
    flex-direction: row;
    text-align: right;
}

.rtl .service-card {
    text-align: right;
}

.rtl .service-card::before {
    transform-origin: right;
}

.rtl .testimonial-author {
    flex-direction: row;
}

.rtl .footer-links a {
    flex-direction: row;
    padding-left: 0;
}

.rtl .footer-links a:hover {
    padding-right: 10px;
    padding-left: 0;
}

.rtl .footer-contact li {
    flex-direction: row;
    gap: 12px;
}

.rtl .footer-social {
    flex-direction: row;
}

.rtl .footer-bottom-inner {
    flex-direction: row;
    justify-content: space-between;
}

/* Back to Top */
.rtl .back-to-top {
    right: auto;
    left: 30px;
}

/* Forms */
.rtl .form-group label {
    text-align: right;
    display: block;
}

.rtl .form-control {
    text-align: right;
    direction: rtl;
}

/* Hero Shapes - Flipping positions */
.rtl .hero-shapes .hero-shape-1 { right: auto; left: -100px; }
.rtl .hero-shapes .hero-shape-2 { right: auto; left: 200px; }
.rtl .hero-shapes .hero-shape-3 { right: auto; left: 400px; }

/* Miscellaneous */
.rtl .breadcrumb {
    flex-direction: row;
}

.rtl .projects-filter {
    flex-direction: row;
    justify-content: center;
}

.rtl .blog-meta, .rtl .project-meta {
    flex-direction: row;
    gap: 15px;
}

.rtl .footer-heading::after {
    left: auto;
    right: 0;
}