/*
 * This is a manifest file for application-specific styles.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps.
 * Individual stylesheets (theme.css, components.css, marketing.css) are loaded
 * separately in the layout file to ensure proper loading order.
 *
 * Add any application-wide custom styles below.
 */

/* Application-specific styles go here */

/* Form Input Enhancements */
/* Make placeholder text clearly different from input text */
input::placeholder,
textarea::placeholder {
  color: #9CA3AF;
  /* Lighter gray for placeholders */
  font-weight: 400;
  /* Normal weight for placeholders */
  opacity: 0.7;
}

/* Ensure actual input text is bold and dark */
input,
textarea,
select {
  color: var(--color-ink, #111111);
  font-weight: 600;
  /* Semi-bold for all input text */
}

/* Special handling for select placeholders */
select option[value=""] {
  color: #9CA3AF;
  font-weight: 400;
}

/* Trix Editor Customization */
trix-editor {
  border-radius: 4px;
  min-height: 150px;
  font-family: inherit;
  line-height: 1.6;
}

trix-editor:focus {
  outline: none;
}

trix-toolbar .trix-button-group {
  border-radius: 4px;
}

trix-toolbar .trix-button {
  border: none;
  background: transparent;
}

trix-toolbar .trix-button:hover {
  background: var(--color-accent-light, #FDE7F4);
}

trix-toolbar .trix-button.trix-active {
  background: var(--color-accent, #FBA0E3);
  color: white;
}

/* Style hyperlinks in Trix editor */
trix-editor a {
  color: #0066FF;
  text-decoration: underline;
  transition: all 0.2s ease;
}

trix-editor a:hover {
  color: #0047B3;
}

/* Modal body scroll prevention */
body.modal-open {
  overflow: hidden;
}