/* Illuminate tip: sticky WCAG + Privacy side ribbon orientation
 * HARD RULE: never block Book / Choose a date.
 * History:
 *  v1 vertical-rl+rotate(180): readable but Kobi said upside-down / wrong direction
 *  v2 vertical-rl+none: Watch FAIL — sideways letter tops face outer edge
 *  v3 horizontal+rotate(90): clipped off-screen (Watch FAIL)
 *  v4: vertical-rl + text-orientation:upright — stacked letters stay upright
 *      (tops face up), read top→bottom, fully on-screen right-edge ribbon
 */
.illuminate-mobile-booking-bar,
.illuminate-mobile-booking-bar small,
.illuminate-mobile-booking-bar strong,
.illuminate-mobile-booking-bar span {
  color: #07131d !important;
}
[data-illuminate-mode="night"] .illuminate-mobile-booking-bar,
[data-illuminate-mode="night"] .illuminate-mobile-booking-bar small,
[data-illuminate-mode="night"] .illuminate-mobile-booking-bar strong,
[data-illuminate-mode="night"] .illuminate-mobile-booking-bar span,
[data-illuminate-mode="dark"] .illuminate-mobile-booking-bar,
[data-illuminate-mode="dark"] .illuminate-mobile-booking-bar small,
[data-illuminate-mode="dark"] .illuminate-mobile-booking-bar strong,
html.after-dark .illuminate-mobile-booking-bar,
html.after-dark .illuminate-mobile-booking-bar small,
html.after-dark .illuminate-mobile-booking-bar strong {
  color: #07131d !important;
}
.illuminate-mobile-booking-bar {
  z-index: 41 !important;
}

@media (max-width: 900px) {
  button.illuminate-consent-manage,
  .illuminate-consent-manage[data-manifest-consent-manage] {
    position: fixed !important;
    right: 0 !important;
    left: auto !important;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px) + 56px) !important;
    top: auto !important;
    z-index: 89 !important;
    box-sizing: border-box !important;
    width: 48px !important;
    max-width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 6px !important;
    border-radius: 14px 0 0 14px !important;
    border: 1px solid rgba(145, 238, 230, 0.34) !important;
    border-right: 0 !important;
    background: #010615e0 !important;
    color: #f7fbfc !important;
    box-shadow: 0 8px 22px #01061540 !important;
    font: 700 10px/1.2 Manrope, system-ui, sans-serif !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    writing-mode: vertical-rl !important;
    text-orientation: upright !important; /* each glyph upright; not sideways-outward */
    transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body:has(.illuminate-mobile-booking-bar[data-visible="true"]) .illuminate-consent-manage {
    bottom: calc(88px + env(safe-area-inset-bottom, 0px) + 72px) !important;
  }
}

@media (min-width: 901px) {
  .illuminate-consent-manage {
    bottom: 24px !important;
    right: 24px !important;
    z-index: 50 !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
  }
}