/* =====================================================================
   Static Pages Shared Styles
   Background and glassmorphism matching Account.aspx treatment
   ===================================================================== */

.main-content.static-page {
  background-image: url("/img/Backgrounds/modern-background-with-lines.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 60px;
}

/* Glassmorphism containers */
.main-content.static-page .form-wrap {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  color: #ffffff;
  overflow: hidden;
}

.main-content.static-page .text-holder {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  padding: 36px 48px;
  margin: 20px 0 40px;
  color: #ffffff;
}

/* All text white */
.main-content.static-page .form-wrap,
.main-content.static-page .form-wrap p,
.main-content.static-page .form-wrap label,
.main-content.static-page .form-wrap h1,
.main-content.static-page .form-wrap h2,
.main-content.static-page .form-wrap h3,
.main-content.static-page .form-wrap h4,
.main-content.static-page .form-wrap h5,
.main-content.static-page .form-wrap h6,
.main-content.static-page .form-wrap li,
.main-content.static-page .form-wrap strong,
.main-content.static-page .form-wrap b,
.main-content.static-page .form-wrap span,
.main-content.static-page .text-holder,
.main-content.static-page .text-holder p,
.main-content.static-page .text-holder label,
.main-content.static-page .text-holder h1,
.main-content.static-page .text-holder h2,
.main-content.static-page .text-holder h3,
.main-content.static-page .text-holder h4,
.main-content.static-page .text-holder h5,
.main-content.static-page .text-holder h6,
.main-content.static-page .text-holder li,
.main-content.static-page .text-holder strong,
.main-content.static-page .text-holder b {
  color: #ffffff;
}

/* All hyperlinks: red */
.main-content.static-page a,
.main-content.static-page a:hover,
.main-content.static-page a:visited,
.main-content.static-page a:active,
.main-content.static-page a:focus {
  color: #c1272d !important;
  text-decoration: underline;
}

/* Form-header: no background, white text */
.main-content.static-page .form-header {
  border-radius: 20px 20px 0 0;
  background: transparent;
  color: #ffffff;
  padding: 24px 0;
  margin-bottom: 0;
}

.main-content.static-page .form-header h3,
.main-content.static-page .form-header * {
  color: #ffffff;
}

/* Contact form: glass inputs */
.main-content.static-page .text-input,
.main-content.static-page .main-form .form-control {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  border-radius: 6px;
}

.main-content.static-page .text-input::placeholder,
.main-content.static-page .main-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* Submit button */
.main-content.static-page .btn-submit {
  background: linear-gradient(to bottom, #c1272d 0%, #a00000 100%);
  color: #ffffff !important;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.main-content.static-page .btn-submit:hover {
  background: linear-gradient(to bottom, #a00000 0%, #6d0000 100%);
}

/* Legal disclaimer block in TermsOfUse */
.main-content.static-page .legalDisclaimer {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 15px 20px;
}

.main-content.static-page .legalDisclaimer p {
  color: #ffffff;
}

/* Main form padding */
.main-content.static-page .main-form {
  padding: 20px 10% 20px 10%;
}

/* Contact card — slightly wider than the login card to accommodate textarea */
.login-card--contact {
  max-width: 480px;
}

.login-card--contact,
.login-card--contact * {
  color: #ffffff;
}

/* Textarea styled to match login inputs */
.login-field .login-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.03em;
  outline: none;
  box-sizing: border-box;
  resize: vertical;
  transition:
    border-color 0.2s,
    background 0.2s;
}

.login-field .login-textarea::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.login-field .login-textarea:focus {
  border-color: #f7c324;
  background: rgba(255, 255, 255, 0.25);
}

@media (max-width: 767px) {
  .main-content.static-page .text-holder {
    padding: 24px 20px;
  }
  .main-content.static-page .main-form {
    padding: 20px 5% 20px 5%;
  }
}