/*
  unidy SDK Global Styles
  This file should be included in the <head> of the application to prevent
  Flash of Unstyled Content (FOUC) and apply global styles.
*/

u-conditional-render,
u-config,
u-email-field,
u-error-message,
u-field,
u-flash-message,
u-full-profile,
u-logout-button,
u-magic-code-field,
u-missing-field,
u-missing-fields-submit-button,
u-newsletter-checkbox,
u-newsletter-logout-button,
u-newsletter-preference-checkbox,
u-newsletter-resend-doi-button,
u-newsletter-root,
u-newsletter-toggle-subscription-button,
u-pagination-button,
u-pagination-page,
u-passkey,
u-password-field,
u-profile,
u-profile-submit-button,
u-raw-field,
u-registration-button,
u-reset-password-button,
u-send-magic-code-button,
u-signed-in,
u-signin-root,
u-signin-step,
u-signin-strategy,
u-social-login-button,
u-spinner,
u-submit-button,
u-ticketable-list {
  visibility: hidden;
}

/* Light-DOM wrapper elements: style-neutral by default.
   Consumers use class-name prop or external selectors for layout. */
u-signed-in,
u-ticketable-list,
u-transaction-list {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}

button[part="profile-submit-button"] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 16px;
  background: #0055fe;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  --spinner-font-size: 16px;
  --spinner-color-primary: #fff;
  --spinner-color-secondary: rgba(255, 255, 255, 0.4);
}

button[part="profile-submit-button"]:hover:not(:disabled) {
  background: #0044cc;
}

/* Value substitution elements: inline, no visual chrome.
   Skeleton loaders style child <span>s, not the element itself. */
ticketable-value,
transaction-value {
  display: inline;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
