/* Override styles for third-party CSS (Woox template)
 * This file loads AFTER Woox CSS to ensure our styles take precedence
 */

/* Section backgrounds - blue gradient */
section,
.main-section,
.footer,
#site-footer,
footer.footer {
  background: linear-gradient(to bottom right, #7F3EF2, #70A1FF) !important;
}

/* Global form input theming - override Woox styles */
.form-group label.control-label,
.form-group label.input-label.control-label,
label.control-label,
label.input-label.control-label {
  color: #c3c9d4 !important; /* Same grey as inactive navbar items */
  font-size: 20px !important;
}

.form-group.label-floating label.control-label,
.form-group.label-floating label.input-label.control-label {
  font-size: 20px !important;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.input-label.control-label,
.form-group.label-floating.is-focused label.input-label.control-label,
.form-group.label-floating:not(.is-empty) label.input-label.control-label {
  font-size: 14px !important;
  color: #c3c9d4 !important; /* Ensure grey color is maintained when floating */
}

/* Remove borders and set white background */
input.form-control,
textarea.form-control,
select.form-control,
.form-group input,
.form-group textarea,
.form-group select {
  background-color: #fff !important;
  color: #666d7a !important;
  border: none !important;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  background-color: #fff !important;
  color: #666d7a !important;
  border: none !important;
  outline: none !important;
  caret-color: var(--color-accent) !important;
}

input.form-control::placeholder,
textarea.form-control::placeholder,
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #a1abbd !important;
  font-size: 18px !important;
}

/* Field error styling - must override border: none */
.form-group input.field-error,
.form-group textarea.field-error,
input.form-control.field-error,
textarea.form-control.field-error,
.form-group input.form-control.field-error,
.form-group textarea.form-control.field-error {
  border: 2px solid #fe3235 !important;
  background-color: #fff !important;
}

.form-group input.field-error:focus,
.form-group textarea.field-error:focus,
input.form-control.field-error:focus,
textarea.form-control.field-error:focus,
.form-group input.form-control.field-error:focus,
.form-group textarea.form-control.field-error:focus {
  border: 2px solid #fe3235 !important;
  outline: 2px solid rgba(254, 50, 53, 0.2) !important;
  background-color: #fff !important;
}

/* Remove display:block on back-to-top SVG (from Tailwind preflight) */
.back-to-top svg {
  display: inline !important;
}

/* Remove orange period from all headings */
.crumina-heading.heading--with-decoration .heading-title:after,
.crumina-heading.heading--with-decoration .heading-title::after,
.heading-title:after,
.heading-title::after,
h2:after,
h2::after,
h3:after,
h3::after {
  content: none !important;
  display: none !important;
}