/* Arabic pages only, loaded after rtl-bootstrap.min.css and rtl-style.css, which are mirrored copies of the normal files
   (common/seo-tags.php picks them). This file holds what mirroring cannot do by itself, so it is written by hand.
   After editing style.css, regenerate its mirror:  npx rtlcss@4.3.0 assets/css/style.css assets/css/rtl-style.css */

/* Kept left-to-right inside Arabic text: phone numbers, email addresses and the English disclaimer line. */
.footer-disclaimer.en{direction:ltr}
#phone_number,#email,#confirm_email,input[type="email"],input[type="tel"]{direction:ltr;text-align:right}
a[href^="tel:"],a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;display:inline-block}
.flag-with-country{direction:ltr}

/* Text that can be in either language (English Google reviews, package texts not translated yet): each paragraph
   sets its own direction, so English keeps its punctuation in place. It all stays aligned to the right. */
.summary-info-value,.review-text,.content p,.content li,.custom-tab-title,.card-text{unicode-bidi:plaintext;text-align:right}

/* Arrows that point the way forward. */
.link-arrow-div svg,.bi-arrow-right,.bi-arrow-up-right,[dir="rtl"] .booking-calendar__nav-btn[data-nav] svg{transform:scaleX(-1)}
.steps .separator{transform:scaleX(-1)}

/* Booking calendar: its own stylesheet loads separately and stays left-based. The script places the desktop popup
   from the left, so only the sliding tab marker has to change. */
[dir="rtl"] .booking-calendar__tabs::before{left:auto;right:3px;transform:translateX(calc(-1*(100% * var(--bc-tab-index,0))))}
[dir="rtl"] .booking-calendar__loader,[dir="rtl"] .booking-calendar__error{padding:10px 16px 10px 12px}

/* Price tag beside a struck-out price (special-pricing.css). */
[dir="rtl"] .tour-price+.special-price-label{margin:12px 10px 0 0}
[dir="rtl"] .tour-price del{margin-left:4px;margin-right:0}

/* Icons placed at a fixed spot, which mirroring cannot move. */
.btn-gallery{background-position:right 8px center}

/* Previous and next arrows: the buttons change sides, so their images swap. */
[dir="rtl"] .gallery-arrow.left,[dir="rtl"] .main-slider .slick-prev,[dir="rtl"] .related-post-slider .slick-prev{background-image:url(../images/icons/chevron-right.svg)}
[dir="rtl"] .gallery-arrow.right,[dir="rtl"] .main-slider .slick-next,[dir="rtl"] .related-post-slider .slick-next{background-image:url(../images/icons/chevron-left.svg)}

/* Arabic has no short month names, so the date box shows the full name. */
.calendar-box-item-1{font-size:11px}

/* Arabic letters need a little more line height than Latin ones in the large headings. */
.section-title,.slider-h1,.category-title{line-height:1.45}