/*
 * English (LTR) fixes - ticket 69. Loaded only in English, after the mirrored stylesheets.
 * For cases the automatic mirroring (inc/i18n.php, based on style_ctrl.php) cannot get right:
 * inline <style> blocks in the templates (not mirrored) and shapes drawn with borders + rotate().
 */

/* menu dropdown arrow (header.php inline style: left:0 / left:20px) */
li.menu-item-has-children > a::after { left: auto !important; right: 0 !important; border-left: 2px solid #000 !important; border-right: 0 !important; } /* rotated "v": keep the left+bottom borders */
@media (max-width: 1200px) {
    li.menu-item-has-children > a::after { right: 20px !important; }
}

/* submenu opens under its item from the left edge (header.php inline style: right:0) */
header nav.header__inline-menu li ul.sub-menu { right: auto !important; left: 0 !important; }

/* gallery arrows (owl-nav): the chevrons are borders rotated 45deg, so swapping left/right borders
   turned them up/down. next = ">" (top + right borders), prev = "<" (bottom + left borders) */
.owl-carousel .owl-nav button.owl-next::before { border: 2px solid #fff !important; border-left: 0 !important; border-bottom: 0 !important; }
.owl-carousel .owl-nav button.owl-prev::before { border: 2px solid #fff !important; border-right: 0 !important; border-top: 0 !important; }

/* arrow image on the contact popup button (header.php inline style: left) */
body .form_head_button .arror_animated { left: auto !important; right: 0 !important; }
.form_head_button a span.heart { left: auto !important; right: 20px !important; }

/* arrow image inside buttons: keep it in the button's end padding, clear of the label */
a.button .arror_animated .heart { left: auto !important; right: -15px !important; }

/* footer "follow us": the list is forced ltr in the theme and aligned to its end (right) for Hebrew;
   in English it starts under the heading, icon before the label */
@media (min-width: 750px) {
    .footer-social .footer__list-social { align-items: flex-start !important; }
}
.footer-social .list-social__link { flex-direction: row !important; }

/* resident services: the project search box's arrow (background at "10px 50%", a number the mirroring can't
   flip) goes to the end of the field */
.Select_Project_top .dropdown { background-position: calc(100% - 10px) 50% !important; }
.custom-combobox .custom-combobox-input { padding-right: 30px !important; }

/* arrow on the campaign form button (functions.php inline style="left:20px") */
.newform .submit .arror_animated { left: auto !important; right: 20px !important; }

/* Carousel libraries inside general.css are left-to-right by nature (their RTL is under [dir=rtl] / .owl-rtl /
   .swiper-rtl), so mirroring broke them. Their original LTR rules: */
.slick-list.draggable { direction: ltr !important; }
.slick-slide { float: left !important; }
.slick-prev { left: -25px !important; right: auto !important; }
.slick-next { right: -25px !important; left: auto !important; }
.owl-carousel .owl-item { float: left !important; }
.swiper-button-prev { left: var(--swiper-navigation-sides-offset, 10px) !important; right: auto !important; }
.swiper-button-next { right: var(--swiper-navigation-sides-offset, 10px) !important; left: auto !important; }

/* mobile top bar: the English slogan is longer, keep it on one line */
@media (max-width: 749px) {
    .announcement-bar__text { font-size: 12px !important; letter-spacing: .02em !important; }
}

/* English menu labels are longer than the Hebrew ones: keep the main menu on one line */
@media (min-width: 1201px) {
    .header__inline-menu .header__menu-item { letter-spacing: .06em !important; font-size: 15px !important; padding: 5px 8px !important; }
}