/*
 * English (LTR) pages only, loaded after patimer.css. patimer.css mirrors parts of the template for Hebrew;
 * these rules set those parts back for left-to-right. Everything else in patimer.css applies to both
 * languages unchanged. When a direction-dependent rule is added to patimer.css, add its mirror here.
 */

/* Desktop dropdowns: open from the left, chevron after the label, hover arrow on the right. */
.tmp-mainmenu-nav .tmp-mainmenu > li > a i {
  margin-left: 3px;
  margin-right: 0;
}
.tmp-mainmenu-nav .tmp-mainmenu > li.has-dropdown .submenu {
  left: 0;
  right: auto;
  text-align: left;
  transform-origin: 0 0;
  box-shadow: -3px 0 20px 4px rgba(100, 95, 95, 0.08);
}
.tmp-mainmenu-nav .tmp-mainmenu .has-dropdown .submenu li a { padding: 9px 40px 9px 22px; }
.tmp-mainmenu-nav .tmp-mainmenu .has-dropdown .submenu li::after {
  content: "\f105";
  left: auto;
  right: 20px;
}
.tmp-mainmenu-nav .tmp-mainmenu .has-dropdown .submenu li:hover::after {
  left: auto;
  right: 15px;
}
.tmp-mainmenu-nav .tmp-mainmenu .has-dropdown .submenu li > a.active,
.tmp-mainmenu-nav .tmp-mainmenu .has-dropdown .submenu li:hover > a {
  padding-left: 30px;
  padding-right: 40px;
}
.tmp-mainmenu-nav .tmp-mainmenu .has-dropdown .submenu li a::before {
  left: 0;
  right: auto;
}

/* Mobile menu: chevron on the right, submenu indented from the left, "go to" arrow pointing right. */
.tmp-popup-mobile-menu .tmp-mainmenu li a i {
  left: auto;
  right: 0;
}
.tmp-popup-mobile-menu .tmp-mainmenu .has-dropdown .submenu {
  padding-left: 16px;
  padding-right: 0;
}
.tmp-popup-mobile-menu .tmp-mainmenu li:not(.has-dropdown) > a { padding-left: 0; padding-right: 22px; }
.tmp-popup-mobile-menu .tmp-mainmenu li:not(.has-dropdown) > a::after {
  left: auto;
  right: 3px;
  transform: translateY(-50%) rotate(225deg);
}

/* Colour picker: the panel reads left to right. On mobile the chat and back-to-top buttons sit
   bottom-right in LTR, so the picker takes the free bottom-left corner. */
.palette-panel { direction: ltr; }
/* Desktop: the hero text is on the left in English, so the picker moves to the right edge and opens leftwards. */
@media (min-width: 768px) {
  .palette-picker { left: auto; right: 20px; flex-direction: row-reverse; }
  .palette-panel { margin-left: 0; margin-right: 10px; }
}
@media (max-width: 767px) {
  .palette-picker { left: 20px; right: auto; }
}

/* Article body: quote bar and list indents on the left. */
.blog-details-discription .article-quote {
  padding: 6px 0 6px 24px;
  border-right: 0;
  border-left: 3px solid var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .blog-details-discription .article-quote { padding-right: 0; padding-left: 18px; }
}
.blog-details-discription .article-list { padding: 0 0 0 22px; }
.blog-details-discription .article-sources ul { padding: 0 0 0 20px; }
.blog-details-discription .article-person-text strong { text-align: left; }

/* Wide portfolio card: the grid flips with the direction, so the extra inner space moves to the text side. */
@media (min-width: 992px) {
  .latest-portfolio-card-style-two.is-wide { padding: 24px 48px 24px 24px; }
}

/* "Previous" buttons use fa-arrow-right (the Hebrew pages turn it into the right glyph); in English it must
   point left. */
.project-swiper-button-prev .fa-arrow-right::before,
.project-pager .is-prev .fa-arrow-right::before,
.our-portfolio-swiper-btn-wrap .prev-btn .fa-arrow-right::before {
  content: "\f060";
}

/* Project details sidebar: values sit under their labels. */
.signle-side-bar.project-details-area .project-details-info span { margin-right: 0; }