/* =========================================================
   RTL Overrides for Cargon (Arabic Version)
   Load AFTER bootstrap.min.css, style.css, responsive.css
   ========================================================= */

html[dir="rtl"], body {
   direction: rtl;
   text-align: right;
}

html[dir="rtl"] body {
   font-family: "Cairo", "Manrope", sans-serif;
}

/* Flip bootstrap left/right text alignment helpers */
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end   { text-align: left !important; }

/* Header logo / menu spacing mirrored automatically by row/col,
   but fix icon margins that assumed LTR */
html[dir="rtl"] .fa-angle-right::before { content: "\f104"; } /* right -> left chevron */
html[dir="rtl"] .fa-angle-left::before  { content: "\f104"; }

/* Buttons: icon sits after the text in LTR (margin-left);
   mirror so icon sits before the text visually in RTL reading order */
html[dir="rtl"] .ca-btn-primary-3 span,
html[dir="rtl"] .ca-sec-primary-3 span,
html[dir="rtl"] .read-more3 span {
   margin-right: 8px;
   margin-left: 0;
}

/* Offcanvas panel: originally slides from right, flip to slide from left */

html[dir="rtl"] .ca-offcanvas.active,
html[dir="rtl"] .ca-offcanvas.show {
   transform: translateX(0);
}

/* Dropdown sub-menus */
html[dir="rtl"] .sub-menu {
   text-align: right;
   right: 0;
   left: auto;
}

/* Testimonial / meta icon boxes: swap icon-text order */
html[dir="rtl"] .ca-blog-meta,
html[dir="rtl"] .ca-location-icbox,
html[dir="rtl"] .ca-sm-single-item-1 {

}
html[dir="rtl"] .ca-meta-icon,
html[dir="rtl"] .ca-location-icbox-img {
   margin-left: 10px;
   margin-right: 0;
}

/* Back-to-top button: move to the left side in RTL */
html[dir="rtl"] #topBtn3 {
   right: auto;
   left: 30px;
}

/* Form fields: right align placeholder / input text */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
   text-align: right;
}

/* Nice-select plugin assumes LTR positioning */
html[dir="rtl"] .nice-select {
   text-align: right;
}
html[dir="rtl"] .nice-select .list {
   right: 0;
   left: auto;
}

/* Slick slider arrows mirrored */
html[dir="rtl"] .slick-prev { right: -35px; left: auto; }
html[dir="rtl"] .slick-next { left: -35px; right: auto; }

/* Section subtitle little dash/bg accent that used left padding */
html[dir="rtl"] .ca-section-subtitle {
 
}