/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  background-color: #010C2D !important;
  color: white !important;
  font-family: "Poppins", sans-serif !important;
}

#app {
  background: transparent !important;
}

.main-form-page {
  background: transparent !important;
}

/* Typography */
.header-text {
  font-family: "Poppins", sans-serif !important;
  color: #c9a059 !important; /* text-accent */
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 2rem !important;
  text-align: left !important;
  margin-bottom: 2rem !important;
}

.control-label {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 500 !important;
  font-size: 15px !important; /* Increased from default */
  letter-spacing: 0.05em !important;
}

/* Inputs and Selects */
.form-control {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid transparent !important;
  color: white !important;
  border-radius: 4px !important;
  padding: 1rem 1.25rem !important; /* Increased padding */
  font-size: 15px !important; /* Increased font size */
  height: auto !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.form-control:focus {
  border: 1px solid #fff !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: none !important;
}

.form-control::placeholder {
  color: transparent !important;
}

select.form-control option {
  background-color: #010c2d !important;
  color: white !important;
}

/* Error States (Softened) */
.has-error .form-control {
  border-color: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.has-error .form-control:focus {
  border-color: #fff !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.has-error .control-label {
  color: rgba(255, 255, 255, 0.8) !important;
}

.help-block {
  color: #fca5a5 !important;
  font-size: 0.8rem !important;
  margin-top: 0.5rem !important;
}

/* Privacy Text */
.privacy-section-row p {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 1rem !important; /* Increased font size */
  line-height: 1.5 !important;
  text-align: center !important;
}

.privacy-section-row a {
  color: #c9a059 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.privacy-section-row a:hover {
  color: white !important;
}

/* Submit Button */
.submit-button {
  background-color: white !important;
  color: #010c2d !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 1rem 2.5rem !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
  text-shadow: none !important;
  margin-top: 1rem !important;
}

.submit-button:hover:not([disabled]) {
  background-color: #c9a059 !important;
  color: white !important;
  transform: scale(1.05) !important;
}

.submit-button[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Center submit button wrapper */
.submit-section-row form {
  text-align: center !important;
}

/* Ensure container removes max width limitations when inside the iframe */
.container {
  width: 100% !important;
  max-width: none !important;
  padding: 2rem 1rem 0 1rem !important; /* Added top padding */
}

.form-section-row > div > div {
  padding-bottom: 2rem !important; 
}

/* Adjust top padding since we have our own header */
.header-image-grid {
  display: none !important; /* Hide the title entirely if we have one in Next.js, or style it if needed */
}

/* Checkbox*/
@media only screen and (max-width: 855px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .optin-section-row .checkbox label {
    padding-left: 40px !important;
  }
  .optin-section-row .checkbox label input {
    margin-left: -40px !important;
  }
}