/* Generic RTL overrides for the LTR Bootstrap themes. */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .text-left{text-align:right!important}
html[dir="rtl"] .text-right{text-align:left!important}
html[dir="rtl"] .float-left{float:right!important}
html[dir="rtl"] .float-right{float:left!important}
html[dir="rtl"] .pull-left{float:right!important}
html[dir="rtl"] .pull-right{float:left!important}
html[dir="rtl"] .ml-auto{margin-right:auto!important;margin-left:0!important}
html[dir="rtl"] .mr-auto{margin-left:auto!important;margin-right:0!important}
html[dir="rtl"] .offset-1{margin-right:8.333333%;margin-left:0!important}
html[dir="rtl"] .owl-carousel{direction:ltr}
html[dir="rtl"] .owl-carousel .owl-item{direction:rtl;text-align:right}
html[dir="rtl"] .nice-select{text-align:right;padding-right:18px}
html[dir="rtl"] .nice-select .list{right:0;left:auto}
html[dir="rtl"] .slicknav_menu{text-align:right}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
html[dir="rtl"] .fa-arrow-right:before,html[dir="rtl"] .fa-arrow-left:before{transform:scaleX(-1)}
html[dir="rtl"] [class*="arrow-right"] i{transform:scaleX(-1)}

/* ── Extra coverage for the compiled Bootstrap themes ───────────────────────
   The generic rules above miss the spacing/ordering utilities these themes lean
   on for their asymmetric two-column layouts, so an RTL page kept its LTR
   gutters and read inside-out. */

/* Logical spacing for the left/right responsive utilities (ml-* and mr-*). */
html[dir="rtl"] .ml-md-1{margin-right:0.25rem!important;margin-left:0!important}
html[dir="rtl"] .ml-md-2{margin-right:0.5rem!important;margin-left:0!important}
html[dir="rtl"] .ml-md-3{margin-right:1rem!important;margin-left:0!important}
html[dir="rtl"] .ml-md-4{margin-right:1.5rem!important;margin-left:0!important}
html[dir="rtl"] .ml-md-5{margin-right:3rem!important;margin-left:0!important}
/* Was `html[dir="rtl"] .ml-md-2,.ml-md-3`, which left the second selector
   unscoped and hit English pages too. */
html[dir="rtl"] .ml-md-3{margin-left:0!important}
html[dir="rtl"] .mr-md-1{margin-left:0.25rem!important;margin-right:0!important}
html[dir="rtl"] .mr-md-2{margin-left:0.5rem!important;margin-right:0!important}
html[dir="rtl"] .mr-md-3{margin-left:1rem!important;margin-right:0!important}
html[dir="rtl"] .mr-md-4{margin-left:1.5rem!important;margin-right:0!important}
html[dir="rtl"] .mr-md-5{margin-left:3rem!important;margin-right:0!important}
html[dir="rtl"] .pl-md-4{padding-right:1.5rem!important;padding-left:0!important}
html[dir="rtl"] .pl-md-5{padding-right:3rem!important;padding-left:0!important}
html[dir="rtl"] .pr-md-5{padding-left:3rem!important;padding-right:0!important}
html[dir="rtl"] .pl-0{padding-right:0!important}
html[dir="rtl"] .pr-0{padding-left:0!important}
html[dir="rtl"] .ml-auto-1{margin-right:auto!important;margin-left:0!important}

/* Column order: the first DOM column should sit on the right. */
html[dir="rtl"] .row{ direction: rtl; }

/* Icon + text pairs read wrong when the icon leads. */
html[dir="rtl"] .ftco-nav .nav-link,
html[dir="rtl"] .navbar-nav .nav-link{ padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .ftco-navbar-light .navbar-nav > .nav-item > .nav-link{ padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .navbar-toggler{ margin-left: 0.25rem; margin-right: auto; }
html[dir="rtl"] .navbar-collapse{ text-align: right; }

/* Headings with a leading rule/line (ftco "heading-section" / "subheading").
   In RTL the default start is the right edge, so these flip. An explicit
   alignment utility is left alone: it targets the element itself, so forcing
   the h2 to `right` beat the parent's `.text-center` and the rooms and gallery
   titles sat off-centre in Arabic while being centred in English. */
html[dir="rtl"] .heading-section .subheading{ text-align: right; }
html[dir="rtl"] .heading-section h2{ text-align: right; }
html[dir="rtl"] .heading-section.text-center,
html[dir="rtl"] .heading-section.text-center h2,
html[dir="rtl"] .heading-section.text-center .subheading{ text-align: center !important; }
html[dir="rtl"] .subheading{ letter-spacing: normal; }

/* Icon bullets: services, contact details, footer lists. */
html[dir="rtl"] .services .icon{ margin-left: 0; margin-right: 0; }
html[dir="rtl"] .block-23 ul li .icon{ float: right; margin-left: 12px; margin-right: 0; }
html[dir="rtl"] .block-23 ul li .text{ overflow: visible; }
html[dir="rtl"] .ftco-footer-social{ padding-right: 0; }
html[dir="rtl"] .ftco-footer-social li{ float: right !important; margin-left: 6px; margin-right: 0; }
html[dir="rtl"] .ftco-footer .list-unstyled li{ text-align: right; }

/* Room cards: price/label alignment. */
html[dir="rtl"] .room .price,
html[dir="rtl"] .rooms .room .meta{ text-align: right; }
html[dir="rtl"] .room .d-flex{ flex-direction: row-reverse; }

/* Counters: the number sits under its label. */
html[dir="rtl"] .ftco-counter .number,
html[dir="rtl"] .ftco-counter .text{ text-align: center; }

/* Slider copy. */
html[dir="rtl"] .slider-text h1,
html[dir="rtl"] .slider-text h2{ text-align: center; }

/* Buttons keep their icon on the correct side. */
html[dir="rtl"] .btn .icon{ margin-left: 0; margin-right: 8px; }

/* Number inputs spin buttons belong on the left in RTL. */
html[dir="rtl"] input[type="number"]{ direction: ltr; text-align: right; }

/* Date pickers and other popup panels. */
html[dir="rtl"] .datepicker-dropdown{ text-align: right; }

/* Arrows inside the footer/booking widgets. */
html[dir="rtl"] .owl-nav .owl-prev,
html[dir="rtl"] .owl-nav .owl-next{ transform: scaleX(-1); }