/* RTL overrides for project-specific styles (style-extended.css).
   Loaded only when the active culture is right-to-left.
   Mirror anything in style-extended.css that needs to flip for RTL
   (cookie bar action order, language bar gap, loader logo offsets, etc.). */

/* Hebrew typography
   The base theme uses Latin webfonts (Muli, Open Sans, "clash display") that
   have no Hebrew glyphs, so Hebrew text falls back to whatever the OS picks —
   inconsistent and often ugly. Force Google Sans for everything text-bearing,
   skip icon-font containers so Font Awesome / Bootstrap Icons keep rendering.
   This file is only loaded when the active culture is right-to-left, so the
   override is automatically scoped to Hebrew pages. */
*:not(i):not([class*="fa-"]):not([class*="bi-"]):not(.fa):not(.fab):not(.far):not(.fas):not(.bi) {
  font-family: "Google Sans", "Heebo", "Open Sans", system-ui, -apple-system, sans-serif !important;
}

.techno_flipbox .techno_flipbox_back .flipbox_title h3{padding-bottom:0.5rem;}

/* Contact address rows — flip the circle icon's gap to its left for RTL. */
.style_three .contact_address_company ul li i {
  margin-right: 0;
  margin-left: 15px;
}

/* Service dropdown — flip the arrow and inner padding to the left for RTL. */
.style_three .form_box select,
.main_contact_area .form_box select,
.appointment_form .form_box select {
  padding: 6px 20px 6px 40px;
  background-position: left 16px center;
}

/* ===== Breadcrumb (Task#4) RTL ===== */

/* The breadcrumb separator between "Home" and the page title is a
   fa-angle-right (points right). In RTL the trail runs right → left, so the
   arrow must point LEFT. Mirror it horizontally rather than swapping the glyph
   so the markup stays language-agnostic. */
.breatcome_content .fa-angle-right {
  display: inline-block;
  transform: scaleX(-1);
}

/* ===== Services / Service detail / About-simple (Task#3) RTL ===== */

/* Services grid card icon — the markup uses .mr-3 (margin-right) to put a gap
   between the icon and its content. In RTL the icon sits on the right and the
   content to its left, so the gap must flip to the left. */
.service_area .service_style_seven_icon.mr-3 {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

/* Services CTA band — the heading column uses .text_left in the source design;
   align it to the right for RTL. */
.call_do_action.bg_color2.pt-20 .section_title.text_left {
  text-align: right;
}

/* Service detail body (Task#4) — REVERSED from the earlier force-left.
   The base rule now uses text-align: start, so Hebrew gets RIGHT alignment
   naturally (start = right in RTL). No RTL override needed here. */

/* ===== Service detail dual CTA (Task#11) RTL ===== */

/* The CTA row uses justify-content: flex-end / text-align: end, so the buttons
   flip to the LEFT automatically in RTL — no override needed there. Re-assert
   flex-end here only to guard against any general RTL rule that might change
   the container's justify-content. */
.call_do_action_button.service-cta-buttons {
  justify-content: flex-end;
}

/* Crystal "shine" sweep (Task#5) — reverse the direction for Hebrew so the
   streak slides RIGHT → LEFT. Park the pseudo off the RIGHT edge and run a
   mirrored keyframe (the skew angle is flipped too so the streak still leans
   with the travel direction). */
.cta-whatsapp-btn::before,
.cta-write-btn::before {
  left: auto;
  right: 0;
  transform: translateX(180%) skewX(18deg);
  animation-name: ctaCrystalShineRtl;
}

@keyframes ctaCrystalShineRtl {
  0% {
    transform: translateX(180%) skewX(18deg);
  }
  100% {
    transform: translateX(-280%) skewX(18deg);
  }
}

/* Modal text reads right-to-left, and the close "×" / header padding move to
   the opposite edge for Hebrew. */
.cta-modal__dialog {
  direction: rtl;
  text-align: right;
}

.cta-modal__close {
  right: auto;
  left: 16px;
}

.cta-modal__header {
  padding-right: 0;
  padding-left: 28px;
}
/* ===== Issue #6 — header sub-menu (RTL) ========================================
   (6) In Hebrew (RTL) the header drop-down sub-menu items align to the RIGHT;
       the base theme left-aligns them. This file loads only for RTL cultures. */
#sticky-header .menu > ul > li > ul > li a,
#sticky-header .menu > ul > li > ul.normal-sub > li a {
  text-align: right;
}
#sticky-header .menu > ul > li > ul > li {
  float: right;
}

/* ===== Issue #6 — service-detail logo (RTL) ===================================
   The absolutely-pinned service logo hugs the LEFT (outer) edge in Hebrew. */
@media (min-width: 992px) {
  .service-detail-body .service_detail_logo img {
    object-position: left center;
  }
}

/* ===== Issue #6 — contact form service dropdown (RTL) =========================
   The custom select arrow + padding mirror to the LEFT in Hebrew so it doesn't
   sit over the right-aligned text. */
.contact_sm_area .form_box select,
.quote_wrapper .form_box select {
  padding: 6px 20px 6px 40px;
  background-position: left 16px center;
}