/* =====================================================================
   AMERICANA GETAWAYS — "Register Your Getaway" full reskin
   PASTE INTO: WordPress > Appearance > Customize > Additional CSS
   Appearance ONLY. Restyles the [getaway_registration] shortcode to the
   grown-up gradient look. It CANNOT touch the Verify step, the AIMS Cert
   Inventory validation, the two-step flow, consent, or any script.
   Safe + reversible: delete this block to revert.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Nunito:wght@600;700;800&display=swap');

/* Backdrop */
#ag-wrap {
  background: linear-gradient(150deg, #1C8A82 0%, #5E4A93 52%, #B25D80 100%) !important;
}

/* Full-bleed: the gradient was boxed to content width (white sides/top). Stretch it edge to edge. */
#ag-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.elementor-widget-container:has(#ag-wrap),
.e-con-inner:has(#ag-wrap),
.e-con:has(#ag-wrap),
.elementor-element:has(#ag-wrap) {
  padding: 0 !important;
}

/* Title + subtitle */
#ag-wrap .ag-title {
  color: #fff !important;
  font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.22) !important;
}
#ag-wrap .ag-subtitle {
  color: rgba(255,255,255,.94) !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.22) !important;
}

/* Step indicator */
#ag-wrap .ag-step-circle {
  border-color: rgba(255,255,255,.7) !important;
  color: rgba(255,255,255,.85) !important;
  background: transparent !important;
}
#ag-wrap .ag-step.active .ag-step-circle {
  background: linear-gradient(180deg, #9B51E0, #7C3FD0) !important;
  border-color: #7C3FD0 !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(124,63,208,.4) !important;
}
#ag-wrap .ag-step-label { color: rgba(255,255,255,.9) !important; }
#ag-wrap .ag-step.active .ag-step-label { color: #fff !important; }
#ag-wrap .ag-step-line { background: rgba(255,255,255,.5) !important; }

/* Card */
#ag-wrap .ag-card {
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(20,10,40,.28) !important;
}

/* Labels + inputs */
#ag-wrap .ag-label {
  color: #232A5C !important;
  font-family: "Nunito", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  font-size: .8rem !important;
}
#ag-wrap .ag-input { border-color: #E1DCF1 !important; border-radius: 11px !important; }
#ag-wrap .ag-input:focus {
  border-color: #7C3FD0 !important;
  box-shadow: 0 0 0 3px rgba(124,63,208,.16) !important;
}

/* Buttons */
#ag-wrap .ag-btn {
  border-radius: 12px !important;
  border-color: #7C3FD0 !important;
  color: #7C3FD0 !important;
  font-family: "Nunito", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
}
#ag-wrap .ag-btn.primary {
  background: linear-gradient(180deg, #9B51E0, #7C3FD0) !important;
  border-color: #7C3FD0 !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(124,63,208,.3) !important;
}

/* Bottom bar: red -> AMG navy */
#ag-wrap .ag-footer, .ag-footer { background: #232A5C !important; }