/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
:root{
  --primary: #D62828;
  --primary-rgb: 214, 40, 40;
  --secondary: #FFB900;
  --secondary-rgb: 55, 185, 0;
  --text: #191E23;
  --text-rgb: 25, 30, 35;
  --Accent: #61CE70;
  --Accent-rgb: 97, 206, 112;
  --Light-ocean-blue: #00749C;
  --Light-ocean-blue-rgb: 0, 116, 156;
  --Buttons-background: #46B450;
  --Buttons-background-rgb: 70, 180, 80;
  --Off-white: #F1FAEE;
  --Off-white-rgb: 241, 250, 238;
  --Secondary-text: #32373C;
  --Secondary-text-rgb: 50, 55, 60;
  --Deep-purple: #800080;
  --Deep-purple-rgb: 128, 0, 128;
  --Luminous-Orange: #F56E28;
  --Luminous-Orange-rgb: 245, 110, 40;
  --Soft-ivory: #FAF5E9;
  --Soft-ivory-rgb: 250, 245, 233;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --black: #000;
  --blac-rgb: 0, 0, 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, address, h1, h2, h3, h4, h5, h6, hr, p {
  margin: 0 0 0 0;
  padding: 0;
}

.wam-signup-form-full-wrapper {
  max-width: 650px;
  margin: 40px auto;
  padding: 30px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  font-family: inherit;
}
.wam-signup-form-full-wrapper .username-alert {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}
.wam-signup-form-full-wrapper .username-alert.error,
.wam-signup-form-full-wrapper .email-alert.error,
.wam-signup-form-full-wrapper .password-alert.error {
  color: var(--primary);
}
.wam-signup-form-full-wrapper .form-coltrol,
.wam-signup-form-full-wrapper .form-control {
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
}
.wam-signup-form-full-wrapper label {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
}
.wam-signup-form-full-wrapper label span {
  color: var(--primary);
}
.wam-signup-form-full-wrapper input[type="text"],
.wam-signup-form-full-wrapper input[type="email"],
.wam-signup-form-full-wrapper input[type="tel"],
.wam-signup-form-full-wrapper select {
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
  transition: all 0.2s ease;
  background: #fafafa;
}
.wam-signup-form-full-wrapper input:focus,
.wam-signup-form-full-wrapper select:focus {
  border-color: var(--Accent);
  outline: none;
  background: #fff;
}
.wam-signup-form-full-wrapper section {
  margin-top: 35px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.wam-signup-form-full-wrapper section strong {
  font-size: 16px;
  color: #111;
}
.wam-signup-form-full-wrapper input[type="radio"],
.wam-signup-form-full-wrapper input[type="checkbox"] {
  margin-right: 8px;
  transform: scale(1.1);
  cursor: pointer;
}
.wam-signup-form-full-wrapper .form-coltrol div {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #eee;
  font-size: 13px;
  line-height: 1.5;
}
.wam-signup-form-full-wrapper .form-coltrol div label {
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.wam-signup-form-full-wrapper button {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: var(--Buttons-background);
  color: #fff;
  transition: all 0.3s ease;
  position: relative;
}
.wam-signup-form-full-wrapper button[type="submit"] .spinner {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 3px solid var(--white);
  border-top-color: transparent;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
  opacity: 0;
  animation: 1s spinner infinite linear;
}
@keyframes spinner {
  from {transform: translate(0, -50%) rotate(0deg);}
  to {transform: translate(0, -50%) rotate(360deg);}
}
.wam-signup-form-full-wrapper button[type="submit"]:disabled {
  background-color: rgba(var(--Buttons-background-rgb), 0.6);
  color: var(--black);
}
.wam-signup-form-full-wrapper button[type="submit"]:disabled .spinner {
  opacity: 1;
}
.wam-signup-form-full-wrapper button[type="submit"]:hover {
  background: var(--Accent);
  transform: translateY(-2px);
}