/* Keep the language selector reachable and mixed-direction product references legible. */
@font-face {
  font-family: "KOSEE Language Flags";
  src: url("/assets/fonts/language-flags/flags.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+1F1E6-1F1FF;
}
#site-language, #site-language option {
  font-family: "KOSEE Language Flags", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  letter-spacing: normal;
}
@supports (appearance: base-select) {
  #site-language, #site-language::picker(select) { appearance: base-select; }
  #site-language { align-items: center; justify-content: space-between; gap: .45rem; min-block-size: 36px; padding-inline: 3px 4px; }
  #site-language::picker(select) {
    margin-block-start: 3px;
    padding: 4px;
    min-inline-size: max-content;
    max-block-size: min(22rem, 65vh);
    overflow-y: auto;
    background: white;
    color: #292b23;
    border: 1px solid #d5d5cf;
    border-radius: 4px;
    box-shadow: 0 4px 16px #191c131a;
  }
  #site-language option { min-block-size: 36px; padding: 6px 10px; font-size: 14px; }
  #site-language option:checked, #site-language option:hover { background: #f0f1ed; }
  #site-language option::checkmark { order: 1; margin-inline-start: auto; }
}
.language-control select { max-inline-size: 11rem; }
html[dir="rtl"] body { text-align: start; }
html[dir="rtl"] :is(h1,h2,h3,h4,p,button,label,select) { letter-spacing: normal; }
html[dir="rtl"] :is(h1,h2,h3,h4) { line-height: 1.24; }
html[dir="rtl"] :is(input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[name="material_reference"],.material-ref,.hero-item-code) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] :is(.crop,.hero-item-image,#image-stage) { direction: ltr; }
html[dir="rtl"] :is(.form-message,textarea,input:not([type="number"]):not([type="url"]):not([type="email"]):not([type="tel"])) { text-align: start; }
html:is([lang="it"],[lang="fr"],[lang="de"],[lang="es"],[lang="ar-PS"]) .site-header :is(.main-nav,.utility-nav) { column-gap: clamp(.45rem,1vw,1.25rem); }
@media (max-width: 390px) {
  .language-control select { max-inline-size: 8.5rem; }
}

html[dir="rtl"] .site-header :is(.main-nav a,.utility-nav a,.language-control select) { font-size: max(.82rem, 13px); letter-spacing: normal; }
html[dir="rtl"] :is(.format-hero p,.format-hero dd,.format-hero dt) { line-height: 1.65; }

footer .translation-notice {
  max-width: var(--max, 1600px);
  margin: 10px auto 0;
  color: #62635b;
  font-size: 12px;
  line-height: 1.65;
  letter-spacing: normal;
  text-transform: none;
  text-align: start;
}
footer .translation-notice a {
  display: inline;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .17em;
}
.translation-only-footer {
  padding: 12px var(--page, 5vw) 30px;
  background: #fff;
}
body:has(.sample-basket-toggle) footer .translation-notice {
  padding-block-end: 48px;
}