/* ---------------------------------------------------------------------------
 * Right-to-left overrides (Arabic).
 *
 * tours_bayt_style.css is served as a plain <link> and therefore never goes
 * through Odoo's asset pipeline, which means rtlcss does not mirror it. This
 * file mirrors by hand the few rules of that stylesheet that carry a physical
 * direction (left/right), and is loaded from tb_new_layout.xml only when the
 * active language is a right-to-left one, so no guard selector is needed.
 * ------------------------------------------------------------------------ */

html[dir="rtl"],
html.tb-rtl {
    direction: rtl;
}

html.tb-rtl body,
html[dir="rtl"] body {
    font-family: 'Cairo', 'Noto Kufi Arabic', 'Segoe UI', Tahoma, sans-serif;
}

/* Arabic reads better with a touch more line height */
html.tb-rtl p,
html[dir="rtl"] p {
    line-height: 1.9;
}

/* Caret of the navbar dropdowns sits after the label, i.e. on the left in RTL */
.navbar .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 6px;
}

/* Mega-menu destination tabs */
.destination-tabs .nav-link {
    text-align: right;
}

/* The mega menu column separator moves to the other edge */
.dropdown-menu #destination-tabContent,
.dropdown-menu .col-md-9[style*="border-left"] {
    border-left: 0 !important;
    border-right: 1px solid #e9ecef;
}

/* Footer social icons */
.footer-social-icon {
    padding-left: 0;
    padding-right: 12px;
}

/* Billing form inputs with an inset icon */
.tb-icon-input > i {
    left: auto;
    right: 12px;
}

.tb-icon-input .form-control,
.tb-icon-input .form-select {
    padding-left: 0.75rem;
    padding-right: 36px;
}

/* Select arrows are drawn on the left edge in RTL */
.tb-icon-input .form-select {
    background-position: left 0.75rem center;
}

/* Keep prices, phone numbers and codes readable left-to-right inside RTL text */
.tb-stepper-count,
.cart-subtotal-value,
.cart-grand-total .fw-bold {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Bootstrap places the dropdown caret/menu with physical properties in the
   LTR build; keep the header selectors anchored under their button. */
html.tb-rtl .dropdown-menu-end,
html[dir="rtl"] .dropdown-menu-end {
    --bs-position: start;
}