/*
 * SP Compliance Gate — compact modal for short desktop windows (6.0.7).
 * Loaded last, modal mode only. On a laptop-height window the Create Account
 * form tightens its spacing so the whole form fits without scrolling; taller
 * windows and phones are unchanged.
 */
@media (min-width: 769px) and (max-height: 880px) {
  #sp-login-gate-modal .sp-gate-formside { padding-top: 10px !important; padding-bottom: 8px !important; }
  #sp-login-gate-modal .sp-login-gate-tabs { margin-bottom: 6px !important; }
  #sp-login-gate-modal .sp-reg-step--agree { margin-bottom: 8px !important; }
  #sp-login-gate-modal .sp-reg-step__title { margin-bottom: 5px !important; }
  #sp-login-gate-modal .sp-login-gate-checkbox-wrapper { padding-top: 5px !important; padding-bottom: 5px !important; margin-bottom: 4px !important; }
  #sp-login-gate-modal .sp-reg-step__field { margin-top: 4px !important; }
  #sp-login-gate-modal .sp-field { margin-bottom: 6px !important; }
  #sp-login-gate-modal .sp-field > label { margin-bottom: 3px !important; }
  #sp-login-gate-modal .sp-login-gate-form input:not([type=checkbox]):not([type=radio]),
  #sp-login-gate-modal .sp-login-gate-form select { height: 38px !important; }
  #sp-login-gate-modal .sp-reg-option { padding-top: 8px !important; padding-bottom: 10px !important; }
  #sp-login-gate-modal .sp-reg-option__title { margin-bottom: 6px !important; }
  #sp-login-gate-modal .sp-reg-or { margin-top: 5px !important; margin-bottom: 5px !important; }
  #sp-login-gate-modal .sp-login-gate-button { height: 42px !important; margin-top: 4px !important; }
  #sp-login-gate-modal .sp-gate-attribution { padding-top: 5px !important; margin-top: 2px !important; }
}

/* Very short windows (a small laptop with toolbars, or a zoomed browser). */
@media (min-width: 769px) and (max-height: 700px) {
  #sp-login-gate-modal .sp-login-gate-checkbox-wrapper { padding-top: 3px !important; padding-bottom: 3px !important; }
  #sp-login-gate-modal .sp-login-gate-form input:not([type=checkbox]):not([type=radio]),
  #sp-login-gate-modal .sp-login-gate-form select { height: 34px !important; }
  #sp-login-gate-modal .sp-field { margin-bottom: 4px !important; }
  #sp-login-gate-modal .sp-reg-option { padding-top: 6px !important; padding-bottom: 8px !important; }
  #sp-login-gate-modal .sp-social-buttons { transform: scale(.92); transform-origin: left center; }
  #sp-login-gate-modal .sp-login-gate-button { height: 38px !important; }
}

/* Full page: the heading block and column padding shrink on short windows so the
   whole Create Account form sits in the window. */
@media (min-width: 900px) and (max-height: 900px) {
  #sp-login-gate-modal.sp-gate-fullpage .sp-gate-maincol { padding-top: 14px !important; padding-bottom: 10px !important; }
  /* The heading scales with the window height instead of pushing the form off the page. */
  #sp-login-gate-modal.sp-gate-fullpage .sp-gate-maincol > .sp-login-gate-header { margin-bottom: 0.8vh !important; padding: 0 !important; min-height: 0 !important; gap: 0.5vh !important; }
  #sp-login-gate-modal.sp-gate-fullpage .sp-gate-maincol > .sp-login-gate-header img { display: none !important; } /* the logo is in the left panel */
  #sp-login-gate-modal.sp-gate-fullpage .sp-gate-maincol { padding-top: 1.2vh !important; padding-bottom: 0.8vh !important; }
  #sp-login-gate-modal.sp-gate-fullpage .sp-login-gate-title { margin: 0 !important; font-size: clamp(20px, 3.4vh, 36px) !important; line-height: 1.12 !important; }
  #sp-login-gate-modal.sp-gate-fullpage .sp-login-gate-message { margin: 0 !important; font-size: clamp(12px, 1.75vh, 15px) !important; line-height: 1.35 !important; }
}

/* Desktop sizing (any window height): fields, tabs and buttons at a normal form size. */
@media (min-width: 769px) {
  #sp-login-gate-modal .sp-login-gate-form input:not([type=checkbox]):not([type=radio]),
  #sp-login-gate-modal .sp-login-gate-form select { height: 36px !important; font-size: 14px !important; padding-left: 12px !important; padding-right: 12px !important; }
  #sp-login-gate-modal .sp-field > label { font-size: 12.5px !important; }
  #sp-login-gate-modal .sp-login-gate-button { height: 40px !important; font-size: 15px !important; }
  #sp-login-gate-modal .sp-login-gate-tab { padding-top: 6px !important; padding-bottom: 6px !important; font-size: 14px !important; }
  #sp-login-gate-modal .sp-social-btn { height: 38px !important; min-height: 0 !important; font-size: 14px !important; }
  #sp-login-gate-modal .sp-login-gate-checkbox-wrapper { font-size: 13px !important; }
}

/* Full page: a normal-width form column instead of a stretched one. */
@media (min-width: 900px) {
  #sp-login-gate-modal.sp-gate-fullpage .sp-gate-maincol > .sp-login-gate-header,
  #sp-login-gate-modal.sp-gate-fullpage .sp-gate-maincol > .sp-gate-formside { width: 100% !important; max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; }
  #sp-login-gate-modal.sp-gate-fullpage .sp-login-gate-title { font-size: clamp(20px, 3vh, 28px) !important; }
  #sp-login-gate-modal .sp-reg-step__title, #sp-login-gate-modal .sp-reg-option__title { font-size: 13px !important; }
}