/* Fallback if captured inline theme is missing */
:root {
  --t-primary: #00808C;
}

/*
 * Live sets this on <html style="background-image:…"> for desktop; at narrow
 * widths (e.g. iPhone 14 Pro Max 430 CSS px) the same asset is still used and
 * cropped via background-size:cover. Do not strip it on phone.
 */
html {
  min-height: 100%;
  background-image: url("/assets/images/desktop-background-5fab7738d184d14f771a851d561c448d.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.ember-application.desktop.frameless,
body.ember-application.phone.frameless,
#app {
  background: transparent;
}

/*
 * Narrow viewports that still show the desktop water bg use desktop ad-link
 * padding (0 24px), not phone's 0 4px — otherwise Privacy Policy / Contact Us
 * look cramped vs live.
 */
@media (max-width: 767px) {
  html {
    /* iOS ignores fixed; scroll still covers/crops correctly */
    background-attachment: scroll;
  }

  body.ember-application .login-adLink,
  body.ember-application .preLogon a {
    padding: 0 24px !important;
  }

  body.ember-application .login-icons {
    font-size: 0;
    background-color: #212121;
  }
}

/*
 * Phone sets .login-message { padding-left/right: 5px }, which insets the
 * hydra-78 danger bar. Keep top/bottom from .login-alert-message; full bleed sides.
 */
body.ember-application.phone .login-inner .login-alert-message.login-static-alert {
  padding-left: 0;
  padding-right: 0;
}