/*
 * Right-to-left fixes for Hebrew and Arabic, loaded after every other stylesheet
 * (see App\Support\TextDirection). Bootstrap itself is swapped for the mirrored
 * build; this file covers what that build and dir="rtl" don't.
 */

/*
 * Venue names, addresses and descriptions often stay in English. Let each block
 * take its direction from its own text so "22/1 Moo 4, Bangrak" or a trailing
 * full stop doesn't get reordered; alignment still follows the page.
 */
p, li, address, h1, h2, h3, h4, h5, h6, a, span, td, th, label, small, strong, b,
input, textarea {
    unicode-bidi: plaintext;
}

.custom-select {
    background-position: left .75rem center;
}

/* Bootstrap carousel arrows are images, so the mirrored build moves them but doesn't turn them */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    transform: scaleX(-1);
}

/* Back buttons and "open" arrows point the other way when reading right to left */
.fa-chevron-left, .fa-chevron-right,
.fa-arrow-left, .fa-arrow-right,
.fa-angle-left, .fa-angle-right,
.fa-long-arrow-alt-left, .fa-long-arrow-alt-right,
.fa-arrow-circle-left, .fa-arrow-circle-right {
    transform: scaleX(-1);
}

/* ...except slider buttons, which stay where they are on screen */
.owl-nav i, .customNavigation i, .carousel-navigation i,
.desktop-category-nav i, .category-carousel-nav i,
.itin-scroll-btn i, .slider-btn i {
    transform: none;
}

/*
 * Horizontal scrollers whose prev/next buttons script scrollLeft: keep the track
 * left to right (scrollLeft runs negative in RTL), with the cards themselves RTL.
 */
#categoriesCarousel,
.itinerary-cards {
    direction: ltr;
}
#categoriesCarousel > *,
.itinerary-cards > * {
    direction: rtl;
}

/* Back button over the cover photo on venue/shop/package/event pages (inline left:0) */
a#header-back_btn[style*="absolute"] {
    left: auto !important;
    right: 0;
}
/* ...and the share / reviews buttons that sit opposite it */
a#share_btn[style*="absolute"] {
    right: auto !important;
    left: 0;
}
.reviews-btn {
    right: auto;
    left: 45px;
}

/* Opening-hours dropdown (frontend/partials/opening-hours) */
.oh-week {
    left: auto;
    right: 0;
    text-align: right;
}

/* Header (components/navbar_v4) */
.btn-login-v4 i {
    margin-right: 0;
    margin-left: 15px;
}