/* Header language switch */
.topBanner .right > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}

.kic-lang-switch-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kic-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  line-height: 1;
}

.kic-lang-opt {
  font-family: "Neo", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  padding: 4px 6px;
  border-radius: 12px;
  transition: color 0.2s ease, background 0.2s ease;
}

.kic-lang-opt:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1);
}

.kic-lang-opt.is-active {
  color: #183861 !important;
  background: #cba876;
  font-weight: 600;
}

.kic-lang-sep {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.35);
  display: inline-block;
}

/* Mobile: always visible in main nav bar (not only inside hamburger drawer) */
.kic-lang-switch-mobile {
  display: none;
  align-items: center;
  flex-shrink: 0;
}

.kic-lang-switch-mobile .kic-lang-switch {
  background: rgba(24, 56, 97, 0.08);
  border-color: rgba(24, 56, 97, 0.22);
}

.kic-lang-switch-mobile .kic-lang-opt {
  color: #183861 !important;
}

.kic-lang-switch-mobile .kic-lang-opt:hover {
  color: #183861 !important;
  background: rgba(24, 56, 97, 0.06);
}

.kic-lang-switch-mobile .kic-lang-sep {
  background: rgba(24, 56, 97, 0.25);
}

@media (max-width: 768px) {
  .banner .menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .banner .menu .right {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 48px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
  }

  /* No search icon in the mobile nav bar */
  .banner .menu .right > .searchHolder {
    display: none !important;
  }

  .banner .menu .right > .menusMain:not(.active) {
    pointer-events: none !important;
  }

  .kic-lang-switch-mobile {
    display: inline-flex;
    position: absolute;
    left: 58px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 60;
    pointer-events: auto !important;
    touch-action: manipulation;
    max-width: calc(100% - 168px);
  }

  .kic-lang-switch-mobile a.kic-lang-opt {
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation;
  }

  .banner .menu .right > .mobileMenuToggler {
    position: absolute;
    left: 14px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    flex-shrink: 0;
    margin-top: 0;
    z-index: 55;
  }

  /* Arabic (RTL): logo right — controls on physical left */
  html:not(.kic-locale-en) .banner .menu .left {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 132px);
  }

  /* English (LTR): logo left — controls on physical right (no overlap) */
  html.kic-locale-en .banner .menu .left {
    flex: 0 1 auto;
    max-width: calc(100% - 148px);
    min-width: 0;
  }

  html.kic-locale-en .banner .menu .right > .mobileMenuToggler {
    left: auto;
    right: 14px;
  }

  html.kic-locale-en .kic-lang-switch-mobile {
    left: auto;
    right: 58px;
  }

  html[lang="en"] .kic-lang-switch-mobile {
    left: auto;
    right: 58px;
  }

  html[lang="en"] .banner .menu .right > .mobileMenuToggler {
    left: auto;
    right: 14px;
  }

  header .topBanner .kic-lang-switch-item,
  .mainMenu > ul > .topBanner .kic-lang-switch-item {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .kic-lang-switch-mobile {
    display: none !important;
  }
}

/* English locale layout (no RTL/LTR jumps on switch — full page reload) */
html.kic-locale-en,
html[lang="en"].kic-locale-en {
  direction: ltr;
}

html.kic-locale-en body,
.kic-motor-product-page.kic-locale-en {
  direction: ltr;
  text-align: left;
}

html.kic-locale-en .topBanner .left ul,
html.kic-locale-en .banner .menu .right {
  direction: ltr;
}

html.kic-locale-en .kic-motor-product-page .banner .subBanner .left .mascotText,
html[lang="en"] .kic-motor-product-page .banner .subBanner .left .mascotText {
  text-align: left;
}

html.kic-locale-en .banner .subBanner .left .mascotText,
html.kic-locale-en .banner .subBanner .left .mascotText h3,
html.kic-locale-en .banner .subBanner .left .mascotText .listingDescription,
html.kic-locale-en .banner .subBanner .left .mascotText .listingCategory,
html[lang="en"] .banner .subBanner .left .mascotText {
  text-align: left !important;
}

html.kic-locale-en .mainPlan .infoBanner h3,
html.kic-locale-en .clearerClaims .txtCenter h3,
html.kic-locale-en .needHelp h3,
html.kic-locale-en .needHelp p {
  text-align: center;
}

html.kic-locale-en .kic-motor-product-page .planSection ul li .listingItem .listingInfos .listingDescription {
  text-align: left;
}

html.kic-locale-en .kic-quote-page .form-intro,
html.kic-locale-en .kic-quote-page label {
  text-align: left;
}

body.kic-locale-en.kic-quote-page .getQuote h4,
body.kic-locale-en.kic-quote-page .getQuote .contactForm,
body.kic-locale-en.kic-quote-page .getQuote .radioLabel,
body.kic-locale-en.kic-quote-page .getQuote .inputEntity label {
  text-align: left !important;
}

body.kic-locale-en.kic-quote-page .getQuote .done h4 {
  text-align: left !important;
}

body.kic-locale-en.kic-quote-page .getQuote .customSelect select,
body.kic-locale-en.kic-quote-page .getQuote .dk-selected {
  text-align: left !important;
  direction: ltr !important;
  padding-left: 12px !important;
  padding-right: 36px !important;
}

body.kic-locale-en.kic-quote-page .getQuote .dk-select .dk-selected {
  text-align: left !important;
}