/* Account components only: no changes to homepage sections. */
body #header .header-extras .wsc-logins { position: relative; }
body #header .header-extras .wsc-logins .dropdown-list {
  background: #fff !important;
  color: #333;
  min-width: 160px;
  padding: 8px 0;
  margin-top: 0 !important;
  top: 100%;
  right: 0;
}
body #header .header-extras .wsc-logins .dropdown-list a {
  display: block;
  color: #333 !important;
  background: #fff !important;
  padding: 10px 18px;
  line-height: 22px;
  text-align: left;
}
body #header .header-extras .wsc-logins .dropdown-list a:hover,
body #header .header-extras .wsc-logins .dropdown-list a:focus { background: #eee !important; }
body #header .wsc-logins .buttonGroup,
body #header .wsc-logins .buttonGroup li { margin: 0; padding: 0; float: none; list-style: none; }
body #header .wsc-logins:hover .dropdown-list,
body #header .wsc-logins:focus-within .dropdown-list,
body #header .wsc-logins.account-menu-open .dropdown-list { display: block !important; visibility: visible !important; opacity: 1 !important; }
body.ace-login #wsc_main_content,
body.ace-login #section1 { background: #fff !important; background-image: none !important; }
body.ace-login #section1 > .parallax-container { display: none; }
dialog.ace-register-modal {
  position: fixed;
  inset: 0;
  width: min(900px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 0;
  border: 1px solid #bbb;
  border-radius: 4px;
  background: #fff;
  color: #333;
  box-shadow: 0 12px 45px #0007;
  font: 14px/1.5 Arial, sans-serif;
  overflow: auto;
}
dialog.ace-register-modal::backdrop { background: rgba(0,0,0,.65); }
dialog.ace-register-modal.ace-maximized { width: calc(100vw - 24px); height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); }
.ace-register-modal .ace-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 22px; border-bottom: 1px solid #ddd; }
.ace-register-modal .ace-modal-header h2 { margin: 0; font: bold 20px Arial; }
.ace-register-modal .ace-modal-controls { display: flex; gap: 8px; }
.ace-register-modal button { cursor: pointer; font: inherit; }
.ace-register-modal .ace-modal-controls button { background: #f4f4f4; border: 1px solid #ccc; color: #333; padding: 4px 10px; }
.ace-register-modal .ace-modal-content { padding: 24px 32px 32px; }
.ace-register-modal .ace-register-info { padding: 16px; margin-bottom: 24px; background: #d9edf7; border: 1px solid #bce8f1; color: #31708f; }
.ace-register-modal .ace-register-field { display: grid; grid-template-columns: 180px 1fr; gap: 20px; align-items: center; margin-bottom: 20px; }
.ace-register-modal .ace-register-field label { text-align: right; font-weight: bold; }
.ace-register-modal .ace-register-field label span { color: #c00; }
.ace-register-modal .ace-register-field input { width: 100%; min-width: 0; height: 38px; margin: 0; padding: 8px 10px; border: 1px solid #bbb; border-radius: 3px; background: #fff; color: #333; box-sizing: border-box; font: inherit; }
.ace-register-modal .ace-register-actions { display: flex; gap: 12px; margin-left: 200px; }
.ace-register-modal .ace-register-actions button { padding: 9px 22px; border: 1px solid #ccc; border-radius: 3px; background: #f5f5f5; color: #333; }
.ace-register-modal .ace-register-actions .ace-register-submit { background: #337ab7; border-color: #2e6da4; color: #fff; }
.ace-register-modal .ace-register-status { margin: 18px 0 0; color: #555; }
@media(max-width:600px) {
  .ace-register-modal .ace-modal-content { padding: 20px; }
  .ace-register-modal .ace-register-field { grid-template-columns: 1fr; gap: 6px; }
  .ace-register-modal .ace-register-field label { text-align: left; }
  .ace-register-modal .ace-register-actions { margin-left: 0; }
}