/**
 * Delife Theme - RTL Stylesheet
 * Applied when language is Arabic
 */

/* ===================================================
   BASE RTL DIRECTION
   =================================================== */
body.rtl,
body[dir="rtl"],
html[lang="ar"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Amiri', sans-serif;
}

/* ===================================================
   HEADER
   =================================================== */
html[lang="ar"] .header-inner {
    flex-direction: row-reverse;
}

html[lang="ar"] .header-actions {
    flex-direction: row-reverse;
}

html[lang="ar"] .nav-menu {
    direction: rtl;
}

html[lang="ar"] .sub-menu {
    left: auto;
    right: 0;
}

html[lang="ar"] .topbar-inner {
    flex-direction: row-reverse;
}

html[lang="ar"] .topbar-contact {
    flex-direction: row-reverse;
}

html[lang="ar"] .topbar-social {
    flex-direction: row-reverse;
}

/* ===================================================
   SECTION LABELS
   =================================================== */
html[lang="ar"] .section-label::before {
    order: 2;
}

html[lang="ar"] .section-label::after {
    order: 0;
}

/* ===================================================
   HERO
   =================================================== */
html[lang="ar"] .hero-content {
    text-align: right;
}

html[lang="ar"] .hero-actions {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[lang="ar"] .hero-stats {
    flex-direction: row-reverse;
}

html[lang="ar"] .hero-badge {
    flex-direction: row-reverse;
}

html[lang="ar"] .hero-title .highlight::after {
    transform-origin: right;
}

/* ===================================================
   SERVICES
   =================================================== */
html[lang="ar"] .service-link {
    flex-direction: row-reverse;
}

/* ===================================================
   FEATURES / WHY US
   =================================================== */
html[lang="ar"] .features-grid {
    direction: rtl;
}

html[lang="ar"] .feature-item {
    flex-direction: row-reverse;
}

html[lang="ar"] .feature-content {
    text-align: right;
}

/* ===================================================
   PORTFOLIO
   =================================================== */
html[lang="ar"] .portfolio-filter {
    flex-direction: row-reverse;
}

/* ===================================================
   PRODUCT CARDS
   =================================================== */
html[lang="ar"] .product-badge {
    left: auto;
    right: 12px;
}

html[lang="ar"] .product-actions-overlay {
    right: auto;
    left: 12px;
}

/* ===================================================
   BLOG
   =================================================== */
html[lang="ar"] .blog-meta {
    flex-direction: row-reverse;
}

html[lang="ar"] .blog-read-more {
    flex-direction: row-reverse;
}

/* ===================================================
   CTA
   =================================================== */
html[lang="ar"] .cta-content {
    flex-direction: row-reverse;
    text-align: right;
}

html[lang="ar"] .cta-actions {
    flex-direction: row-reverse;
}

/* ===================================================
   FOOTER
   =================================================== */
html[lang="ar"] .footer-grid {
    direction: rtl;
}

html[lang="ar"] .footer-links a {
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-links a i {
    transform: scaleX(-1);
}

html[lang="ar"] .footer-social {
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-bottom-inner {
    flex-direction: row-reverse;
}

/* ===================================================
   TESTIMONIALS
   =================================================== */
html[lang="ar"] .testimonial-author {
    flex-direction: row-reverse;
}

html[lang="ar"] .testimonial-text {
    text-align: right;
}

html[lang="ar"] .testimonial-stars {
    flex-direction: row-reverse;
}

/* ===================================================
   CONTACT
   =================================================== */
html[lang="ar"] .contact-grid {
    direction: rtl;
}

html[lang="ar"] .contact-info-item {
    flex-direction: row-reverse;
    text-align: right;
}

html[lang="ar"] .form-row {
    direction: rtl;
}

/* ===================================================
   ABOUT
   =================================================== */
html[lang="ar"] .about-grid {
    direction: rtl;
}

html[lang="ar"] .team-grid {
    direction: rtl;
}

/* ===================================================
   SHOP
   =================================================== */
html[lang="ar"] .shop-layout {
    direction: rtl;
}

html[lang="ar"] .woocommerce-ordering {
    float: left;
}

html[lang="ar"] .woocommerce-result-count {
    float: right;
}

/* ===================================================
   BUTTONS
   =================================================== */
html[lang="ar"] .btn {
    flex-direction: row-reverse;
}

/* ===================================================
   STATS
   =================================================== */
html[lang="ar"] .stats-grid {
    direction: rtl;
}

html[lang="ar"] .hero-stat {
    text-align: center;
}

/* ===================================================
   BACK TO TOP & WHATSAPP
   =================================================== */
html[lang="ar"] .back-to-top {
    right: auto;
    left: 32px;
}

html[lang="ar"] .whatsapp-float {
    right: auto !important;
    left: 32px !important;
}

/* ===================================================
   MOBILE MENU
   =================================================== */
html[lang="ar"] .mobile-nav-menu {
    direction: rtl;
}

html[lang="ar"] .mobile-nav-menu .menu-item > a {
    text-align: right;
}

/* ===================================================
   WOOCOMMERCE CART / CHECKOUT
   =================================================== */
html[lang="ar"] .woocommerce table.shop_table {
    direction: rtl;
}

html[lang="ar"] .woocommerce-cart-form {
    direction: rtl;
}

html[lang="ar"] .woocommerce .cart_totals {
    float: right;
}

html[lang="ar"] .woocommerce form.checkout {
    direction: rtl;
}

html[lang="ar"] .woocommerce #customer_details {
    float: right;
}

html[lang="ar"] .woocommerce #order_review {
    float: left;
}

/* ===================================================
   PAGE HERO
   =================================================== */
html[lang="ar"] .page-hero-content {
    text-align: right;
}

html[lang="ar"] .breadcrumb {
    flex-direction: row-reverse;
}

/* ===================================================
   SIDEBAR
   =================================================== */
html[lang="ar"] .sidebar-widget {
    text-align: right;
}

/* ===================================================
   ICONS DIRECTION FIX
   =================================================== */
html[lang="ar"] .bx-arrow-back {
    transform: scaleX(1) !important; /* Arrow already points right for RTL */
}

html[lang="ar"] .hero-actions .btn .bx-arrow-back,
html[lang="ar"] .cta-actions .btn .bx-arrow-back,
html[lang="ar"] .btn .bx-arrow-back {
    transform: none !important;
}

/* ===================================================
   TYPOGRAPHY RTL
   =================================================== */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] p {
    text-align: right;
}

html[lang="ar"] .text-center h1,
html[lang="ar"] .text-center h2,
html[lang="ar"] .text-center h3,
html[lang="ar"] .text-center p {
    text-align: center;
}

/* ===================================================
   HEADER CART POSITION
   =================================================== */
html[lang="ar"] .cart-count {
    right: auto;
    left: 4px;
}

/* ===================================================
   SECTION DESC ALIGNMENT IN DARK SECTIONS
   =================================================== */
html[lang="ar"] .section--dark .section-desc,
html[lang="ar"] .section--dark p {
    text-align: right;
}

html[lang="ar"] .section--dark .text-center .section-desc,
html[lang="ar"] .section--dark .text-center p {
    text-align: center;
}