/* ============================================================
   Agrocycle RTL Stylesheet (Arabic)
   ============================================================ */

body.rtl {
    direction: rtl;
    text-align: right;
}

/* Navigation */
.rtl .nav-links a.active::after {
    left: 50%;
    transform: translateX(-50%);
}

/* Announcement bar */
.rtl .announcement-bar i {
    margin-right: 0;
    margin-left: 8px;
}

/* Hero Slider */
.rtl .hero-slide-content {
    text-align: right;
}

.rtl .hero-slide-buttons {
    justify-content: flex-start;
}

.rtl .hero-next {
    right: auto !important;
    left: 10px !important;
}

.rtl .hero-prev {
    left: auto !important;
    right: 10px !important;
}

/* Service Cards */
.rtl .service-card::before {
    left: auto;
    right: 0;
}

.rtl .service-link i,
.rtl .read-more i {
    transform: rotate(180deg);
}

/* Product Specs */
.rtl .product-spec strong {
    min-width: 130px;
}

.rtl .product-meta i {
    margin-right: 0;
    margin-left: 5px;
}

/* Footer */
.rtl .footer-col h4::after {
    left: auto;
    right: 0;
}

.rtl .footer-col ul li a:hover {
    padding-left: 0;
    padding-right: 5px;
}

.rtl .footer-col ul li a i {
    transform: rotate(180deg);
}

.rtl .footer-contact li i {
    margin-top: 3px;
}

/* Forms */
.rtl .form-control,
.rtl .form-group input,
.rtl .form-group textarea,
.rtl .form-group select {
    text-align: right;
}

/* Contact info cards */
.rtl .contact-info-item {
    flex-direction: row-reverse;
    text-align: right;
}

/* Why Sudan */
.rtl .why-sudan-content {
    text-align: right;
}

.rtl .feature-item {
    flex-direction: row-reverse;
}

/* Post meta */
.rtl .post-card-meta {
    direction: rtl;
}

/* Buttons with icons */
.rtl .btn i {
    order: 2;
}

/* Category filters */
.rtl .category-filters {
    direction: rtl;
}

/* WhatsApp */
.rtl .whatsapp-float {
    right: auto;
    left: 25px;
}

.rtl .whatsapp-popup {
    right: auto;
    left: 25px;
}

.rtl .whatsapp-popup-close {
    right: auto;
    left: 12px;
}

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

/* Process steps */
.rtl .process-steps::before {
    left: 12.5%;
    right: 12.5%;
}

/* General */
.rtl .hero::before {
    right: auto;
    left: -20%;
}

.rtl .hero::after {
    left: auto;
    right: -10%;
}