/* BedroomChecker translation + language UX v2026-10-28.2.
   Both sites: keep current design, remove intrusive blue UA focus rectangles.
   All status messages are fixed to the corner and never intercept interaction. */
html body .bc-global-lang select,
html body .bc-global-lang select:focus,
html body .bc-global-lang select:active,
html body .bc-global-lang select:focus-visible,
html body #bc-header-language:focus,
html body #bchr-language:focus {
  outline:0 none!important;
  outline-width:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  border-color:transparent!important;
  -webkit-tap-highlight-color:transparent;
}
html body .bc-global-lang:focus-within {
  border-color:#e6eaf1!important;
  outline:none!important;
  box-shadow:none!important;
}
/* Keyboard access remains visible without restoring the browser's blue rectangle. */
html body .bc-global-lang select:focus-visible {
  text-decoration:underline!important;
  text-decoration-color:#bb4a55!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:5px!important;
}
/* The legacy first-paint full-screen splash can also appear during a language
   navigation. Disable it so articles and review pages remain usable immediately. */
html body #bc-site-loader,
html.bc-js-ready body #bc-site-loader:not([hidden]) { display:none!important; }
/* Main-site navigation and UI translation status; override ALL old fullscreen rules. */
html body .bc-page-loader:not([hidden]),
html body #bcai-article-toast:not([hidden]) {
  display:block!important;
  position:fixed!important;
  inset:auto 16px 16px auto!important;
  top:auto!important;left:auto!important;
  width:min(340px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:12px 16px!important;
  border:1px solid #e5eaf1!important;
  border-radius:13px!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 30px rgba(20,30,54,.16)!important;
  color:#344054!important;
  font:600 12px/1.55 Inter,system-ui,-apple-system,sans-serif!important;
  z-index:90000!important;
  opacity:1!important;
  pointer-events:none!important;
  place-items:unset!important;
  transform:none!important;
}
html body .bc-page-loader[hidden],html body #bcai-article-toast[hidden],html body #bchr-translation-overlay[hidden]{display:none!important}
/* Hotel-review translator: never cover page, never block clicks or scrolling. */
html body #bchr-translation-overlay:not([hidden]),
html body .bchr-translation-overlay:not([hidden]) {
  display:block!important;
  position:fixed!important;
  inset:auto 16px 16px auto!important;
  top:auto!important;left:auto!important;
  width:min(340px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:12px 16px!important;
  border:1px solid #e5eaf1!important;
  border-radius:13px!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 30px rgba(20,30,54,.16)!important;
  color:#344054!important;
  font:600 12px/1.55 Inter,system-ui,-apple-system,sans-serif!important;
  z-index:90000!important;
  opacity:1!important;
  pointer-events:none!important;
  place-items:unset!important;
  transform:none!important;
}
html body #bchr-translation-overlay .bc-site-loader-core{
  display:block!important;min-width:0!important;gap:0!important;text-align:left!important;
}
html body #bchr-translation-overlay .bc-site-loader-emblem,
html body #bchr-translation-overlay .bc-site-loader-line {display:none!important}
html body #bchr-translation-overlay small {display:block!important;font:inherit!important;color:inherit!important}
@media(max-width:480px){
 html body .bc-page-loader:not([hidden]),
 html body #bcai-article-toast:not([hidden]),
 html body #bchr-translation-overlay:not([hidden]){inset:auto 12px 12px auto!important;width:min(320px,calc(100vw - 24px))!important}
}
