/**
 * Production refinements migrated from WordPress Additional CSS on 2026-10-15.
 * Contact (Gravity Forms ID 1) and Pay Dues page. Contact form rules are
 * scoped to the panel rather than a WordPress page ID so staging IDs may differ.
 * Keep this stylesheet loaded after theme.css, including in the block editor.
 * After staging QA and production release, remove duplicated rules from
 * WordPress Additional CSS to maintain a single source of truth.
 */

/* ===============================================
   BCAC CONTACT PAGE
   Gravity Forms UI refinements
   =============================================== */

/* Inputs and text areas */
body .bcac-contact-panel
.gform_wrapper input:not([type="submit"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body .bcac-contact-panel
.gform_wrapper select,
body .bcac-contact-panel
.gform_wrapper textarea {
  background-color: #fff;
  border: 1px solid #c9c2b8;
  border-radius: 3px;
  color: #171717;
  font-family: inherit;
  font-size: 1rem;
  min-height: 46px;
}

/* Focus styles */
body .bcac-contact-panel
.gform_wrapper :is(input, select, textarea):focus-visible {
  outline: 2px solid #70110c;
  outline-offset: 2px;
  border-color: #70110c;
}

/* Form field spacing */
body .bcac-contact-panel
.gform_wrapper .gform_fields {
  row-gap: 20px;
}

/* Submit button: default, hover and keyboard focus */
body .bcac-contact-panel
.gform_wrapper #gform_submit_button_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 30px;

  background: #70110c;
  border: 1px solid #70110c;
  border-radius: 3px;

  color: #fff !important;
  -webkit-text-fill-color: #fff;
  font: inherit;
  font-weight: 700;

  cursor: pointer;
  opacity: 1;

  transition:
    background-color 180ms ease,
    border-color 180ms ease;
}

body .bcac-contact-panel
.gform_wrapper #gform_submit_button_1:hover {
  background: #911c16;
  border-color: #911c16;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

body .bcac-contact-panel
.gform_wrapper #gform_submit_button_1:focus-visible {
  outline: 3px solid #70110c;
  outline-offset: 3px;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

/* Mobile: full-width button */
@media (max-width: 600px) {
  body .bcac-contact-panel
  .gform_wrapper #gform_submit_button_1 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .bcac-contact-panel
  .gform_wrapper #gform_submit_button_1 {
    transition: none;
  }
}

/* ==================================================
   BURLINGTON-CAMDEN ALUMNI CHAPTER
   PAY DUES PAGE
   ================================================== */

/* HERO: 1969 decorative element */
.bcac-hero--pay-dues {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.bcac-hero--pay-dues .bcac-pay-dues-hero__year {
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
  z-index: 1;

  font-size: clamp(8rem, 19vw, 19rem);
  font-weight: 800;
  line-height: 0.85;
  letter-spacing: -0.07em;

  color: rgba(255, 255, 255, 0.13);
  pointer-events: none;
  user-select: none;
}

.bcac-hero--pay-dues .bcac-hero__content {
  position: relative;
  z-index: 2;
}

/* Pay Dues header button interaction */
.bcac-header .bcac-pay-dues {
  cursor: pointer;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.bcac-header .bcac-pay-dues:hover {
  background-color: #a3212b;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.25);
}

.bcac-header .bcac-pay-dues:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .bcac-header .bcac-pay-dues {
    transition: none;
  }
}

/* CHAPTER DUES: amount cards */
.bcac-pay-dues__amounts .bcac-info-grid {
  align-items: stretch;
}

.bcac-pay-dues__amounts .bcac-info-card {
  position: relative;
  display: flex;
  flex-direction: column;

  min-height: 190px;
  padding: 28px 26px;
  border-top: 3px solid #82121c;
}

.bcac-pay-dues__amounts .bcac-info-card__label {
  margin: 0 0 28px;
  font-size: 0.88rem;
  line-height: 1.45;
  font-weight: 700;
}

.bcac-pay-dues__amounts .bcac-info-card__body {
  margin-top: auto;
  margin-bottom: 0;
  line-height: 1.1;
}

.bcac-pay-dues__amounts .bcac-info-card__body strong {
  display: block;
  font-size: clamp(2rem, 3vw, 2.625rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
}

/* WAYS TO PAY: payment methods */
.bcac-pay-dues__methods .bcac-link-index > .wp-block-group {
  padding-block: 32px;
}

.bcac-pay-dues__methods .bcac-link-index h3 {
  margin-bottom: 14px;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.25;
}

.bcac-pay-dues__methods .bcac-link-index p {
  line-height: 1.65;
}

.bcac-pay-dues__methods .bcac-link-index p strong {
  font-size: 1.15rem;
  font-weight: 750;
  color: #751017;
  overflow-wrap: anywhere;
}

.bcac-pay-dues__methods .bcac-link-index a {
  font-weight: 700;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

/* MOBILE */
@media (max-width: 767px) {
  .bcac-hero--pay-dues .bcac-pay-dues-hero__year {
    top: 32%;
    right: 4%;
    font-size: clamp(6rem, 25vw, 10rem);
    opacity: 0.7;
  }

  .bcac-pay-dues__amounts .bcac-info-card {
    min-height: 145px;
    padding: 24px 22px;
  }

  .bcac-pay-dues__amounts .bcac-info-card__label {
    margin-bottom: 22px;
  }

  .bcac-pay-dues__amounts .bcac-info-card__body strong {
    font-size: 2rem;
  }

  .bcac-pay-dues__methods .bcac-link-index > .wp-block-group {
    padding-block: 24px;
  }
}