.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:38px;padding:7px 11px;border:1px solid #e1e5f5;border-radius:12px;background:#f5f6ff;color:#3736b8;font:700 12px/1 Tahoma,Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(49,54,184,.08);transition:background .2s,transform .2s,border-color .2s}.language-toggle:hover{background:#e9eaff;border-color:#c8cbff;transform:translateY(-1px)}.language-toggle span:first-child{font-size:16px}.header-actions .language-toggle{order:4}.language-ar .header-actions .language-toggle{direction:ltr}
html[dir="ltr"] body{ text-align:left } html[dir="ltr"] .cart-table th,html[dir="ltr"] .cart-table td{text-align:left}html[dir="ltr"] .summary{margin-left:auto;margin-right:0}html[dir="ltr"] .summary-row{text-align:left}html[dir="ltr"] .search input{border-left:1px solid #dfe3eb;border-right:0;border-radius:0 12px 12px 0}html[dir="ltr"] .search button{border-radius:12px 0 0 12px}html[dir="ltr"] .site-header nav.primary-nav .nav-submenu{left:0;right:auto}html[dir="ltr"] .sale{right:auto;left:10px}
@media(max-width:700px){.language-toggle{min-height:35px;padding:6px 8px;border-radius:10px}.language-toggle span:first-child{font-size:15px}.language-toggle-label{font-size:11px}}

/* Language switcher reliability and compact mobile icon */
.language-toggle{position:relative;z-index:1002;pointer-events:auto;touch-action:manipulation;cursor:pointer}
@media(max-width:700px){.language-toggle{width:38px;min-width:38px;height:38px;min-height:38px;padding:0!important;gap:0;border-radius:12px}.language-toggle .language-toggle-label{display:none!important}.language-toggle span:first-child{display:inline-block;font-size:19px;line-height:1}}

/* Google Translate: keep its controls invisible while allowing the translation engine to run. */
#google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}
.goog-te-banner-frame,.goog-te-balloon-frame,.goog-te-menu-frame,.skiptranslate iframe{display:none!important}
html body{top:0!important}
body.language-ar{direction:rtl}
body.language-en{direction:ltr}
.language-toggle-label{white-space:nowrap}

/* Prevent Google's intrusive hover/original-text translation balloon. Keep click-to-translate working. */
iframe.goog-te-balloon-frame,
.goog-te-balloon-frame,
.goog-tooltip,
#goog-gt-tt,
.goog-te-balloon-frame iframe,
.goog-te-spinner-pos,
.goog-te-gadget-icon,
.goog-te-menu-frame,
.goog-te-ftab,
.goog-te-ftab-link,
.goog-te-balloon-frame.skiptranslate,
body > .skiptranslate > iframe {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.goog-text-highlight {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: inherit !important;
}


/* Hard-disable Google Translate's inline hover highlight on translated text. */
html body .goog-text-highlight,
html body span.goog-text-highlight,
html body .goog-text-highlight:hover,
html body span[style*="background-color"].goog-text-highlight {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
}

/* Final hover-highlight fix: Google Translate wraps translated text in this class. */
html body span.goog-text-highlight,
html body .goog-text-highlight,
html body .goog-text-highlight:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  cursor: inherit !important;
}


/* Pass 22: force-disable Google's translated-text hover highlight even if it
   writes inline styles or restores its highlight class after mouse movement. */
html body span.goog-text-highlight,
html body .goog-text-highlight,
html body .goog-text-highlight:hover,
html body .goog-text-highlight:focus,
html body span[style*="background-color: rgb(201, 215, 241)"],
html body span[style*="background-color: rgb(201, 215, 241)" ] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  text-shadow: inherit !important;
}
/* Never show Google's hover/original-text balloon above translated content. */
html body #goog-gt-tt,
html body .goog-tooltip,
html body .goog-te-balloon-frame,
html body iframe.goog-te-balloon-frame {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}


/* Pass 23: disable hover interaction on Google Translate's injected text wrappers.
   The wrapper is visual-only; pointer events pass through to the original page. */
html body .goog-text-highlight,
html body span.goog-text-highlight,
html body .goog-text-highlight * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  text-shadow: inherit !important;
  pointer-events: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
/* Google Translate's original-text tooltip is inserted outside the hidden widget. */
html body #goog-gt-tt,
html body .goog-tooltip,
html body .goog-te-balloon-frame,
html body iframe.goog-te-balloon-frame,
html body .goog-te-balloon-frame.skiptranslate,
html body > .skiptranslate {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}