/* ==========================================================================
   RTL Stylesheet — Arabic Support for Chilean Walnuts
   ========================================================================== */

body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* ---- Grid RTL ---- */
.row { direction: rtl; }

[class*="col-"] {
    float: right;
    direction: rtl;
    text-align: right;
}

/* Push / Pull fixes */
.col-md-push-4  { right: 33.33333333%; left: auto; }
.col-lg-push-1  { right: 8.33333333%;  left: auto; }
.col-lg-push-2  { right: 16.66666667%; left: auto; }

/* Reset text-center columns */
.text-center[class*="col-"],
[class*="col-"].text-center { text-align: center; }

/* ---- Top-bar ---- */
#top-bar .module.left  { float: right; }
#top-bar .module.right { float: left;  }

/* ---- Nav-bar ---- */
#nav-bar > .row { direction: ltr; }
#nav-primary { direction: rtl; padding: 0; }
#nav-primary > li { float: right; }
#nav-primary > li .has-dropdown ul { right: 0; left: auto; text-align: right; }
.nav.language { direction: rtl; }
.nav.language li.has-dropdown { position: relative; }
.nav.language > li > ul { left: 0 !important; right: auto !important; }
#nav-bar .module.right { float: left; }

/* ---- Logo ---- */
#nav-bar .logo { display: inline-block; }

/* ---- Breadcrumb ---- */
.breadcrumb { direction: rtl; }
.breadcrumb > li + li::before {
    content: "/ ";
    padding: 0 5px 0 0;
}

/* ---- Page title ---- */
#page-title .container { direction: rtl; text-align: right; }

/* ---- Section bg-edge (hero image sections) ---- */
/* Theme positions .right .image at right:0; mirror to left for RTL.
   scaleX(-1) flips the PNG so the transparent side faces the text. */
.section-bg-edge.right .image {
    right: auto !important;
    left: 0 !important;
    text-align: left;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.section-bg-edge .container { direction: rtl; }
.section-bg-edge .container [class*="col-"] { text-align: right; }

/* ---- Workflow steps ---- */
.workflow-steps { direction: rtl; }
.workflow-steps [class*="col-"] { text-align: center; }
.workflow-progress {
    right: 17%;
    left: auto;
    background: linear-gradient(to left, #f5f5f5 50%, #45b649 50%);
    background-size: 200% 100%;
    background-position: left center;
}

/* ---- Features / Cards ---- */
.feature { direction: rtl; text-align: center; }
.feature.bordered { text-align: right; }
.feature.bordered h3 { text-align: right; }

/* ---- Counter ---- */
.counter { direction: rtl; text-align: center; }

/* ---- Member cards ---- */
.member { direction: rtl; }
.member-content { text-align: center; }

/* ---- Image-box ---- */
.image-box { direction: rtl; text-align: center; }

/* ---- Masonry ---- */
.masonry { direction: rtl; }
.masonry-sizer { float: right; }
.masonry-item  { float: right; }

/* ---- Price table ---- */
.price-table-1 { direction: rtl; text-align: right; }
.price-table-1 .head { text-align: center; }
.price-table-1 .price { text-align: center; }
.price-table-1 ul.features li { text-align: right; }
.price-table-1 ul.features li::before { float: right; margin-left: 8px; margin-right: 0; }

/* ---- Testimonials ---- */
.testimonial { direction: rtl; text-align: right; }
.author.with-image .info { text-align: right; padding-right: 60px; padding-left: 0; }
.author.with-image img { float: right; margin-left: 10px; margin-right: 0; }

/* ---- Alert ---- */
.alert { direction: rtl; text-align: right; }
.alert .close { float: left; }

/* ---- Address / Contact ---- */
address { direction: rtl; text-align: right; }
.fa { margin-left: 5px; margin-right: 0; }
.i-before { margin-left: 5px; margin-right: 0; }

/* ---- Form ---- */
.form-group { direction: rtl; text-align: right; }

/* ---- Filter / Nav-pills ---- */
.nav-pills { direction: rtl; }
.nav-pills > li { float: right; }

/* ---- Carousel ---- */
.carousel { direction: rtl; }
.carousel .slide { text-align: center; }

/* ---- Intro / Hero section ---- */
#intro .content { direction: rtl; }
#intro .content .col-md-6 { text-align: center; }

/* ---- Services section ---- */
#services .feature p { text-align: center; }

/* ---- Footer ---- */
#footer { direction: rtl; }
#footer .col-sm-8 { text-align: right; }
#footer .col-sm-4 { text-align: left; direction: ltr; }
#footer .footer-bottom { direction: rtl; }

/* ---- Associations ---- */
#associations .row { direction: ltr; }
#associations [class*="col-"] { float: left; direction: ltr; text-align: center; }

/* ---- Back to top ---- */
#back-to-top { left: 20px; right: auto; }

/* ---- Text direction helpers ---- */
.text-left   { text-align: right !important; }
.text-right  { text-align: left  !important; }
.text-center { text-align: center !important; }

/* ---- Lead text ---- */
.lead { text-align: right; }

/* ---- Section intro ---- */
section > .container > .row > [class*="col-"] { text-align: right; }
section .text-center { text-align: center !important; }
section h1, section h2, section h3, section h4 { direction: rtl; }
section.text-center h1,
section.text-center h2,
section.text-center h3,
section.text-center h4 { text-align: center; }

/* ---- Headings in left-aligned sections ---- */
.col-md-6 h2, .col-md-6 h3 { text-align: right; }

/* ---- How-to-choose section ---- */
.col-sm-6 h4 { text-align: right; }
.col-sm-6 p  { text-align: right; }
