/* ============================================================
   GiveWP Style Overrides
   Loaded only on pages that embed a GiveWP form, so the plugin's
   markup matches the theme's colours, radii and type.
   ============================================================ */

.give-form-wrap,
.give-form {
  font-family: var(--font-body);
  color: var(--clr-ink);
  max-width: 560px;
  margin-inline: auto;
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: var(--space-8);
}

.give-form h2, .give-form h3, .give-form legend {
  font-family: var(--font-heading);
  color: var(--clr-navy-dark);
}

.give-donation-level-btn {
  border-radius: var(--radius-sm) !important;
  border: 2px solid var(--clr-border) !important;
  font-weight: var(--weight-semibold) !important;
}
.give-donation-level-btn.give-default-level,
.give-donation-level-btn:hover,
.give-donation-level-btn.give-selected {
  border-color: var(--clr-olive) !important;
  background: rgba(217, 164, 65, 0.1) !important;
  color: var(--clr-navy-dark) !important;
}

#give-submit-donation-button,
.give-submit-button-wrap .give-btn {
  background: var(--clr-olive) !important;
  border-radius: var(--radius-full) !important;
  color: var(--clr-navy-dark) !important;
  font-weight: var(--weight-bold) !important;
  padding: var(--space-4) var(--space-6) !important;
}
#give-submit-donation-button:hover,
.give-submit-button-wrap .give-btn:hover {
  background: var(--clr-olive-dark) !important;
}

.give-goal-progress .give-goal-bar-wrap,
.give-progress-bar-content {
  background: var(--clr-cream-dark) !important;
  border-radius: var(--radius-full) !important;
}
.give-goal-progress .give-goal-bar,
.give-progress-bar {
  background: var(--clr-navy) !important;
  border-radius: var(--radius-full) !important;
}

.give-form input[type="text"],
.give-form input[type="email"],
.give-form input[type="tel"],
.give-form input[type="number"],
.give-form select {
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--clr-border) !important;
  font-family: var(--font-body) !important;
}