/* ============================================
   WHITE THEME OVERRIDE
   Replaces all green/teal/dark backgrounds
   with white; all text with black/dark
   ============================================ */

/* --- Page body --- */
body {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* --- Header --- */
header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

header a,
header .logo,
header .dropdown-wrapper .dropdown-box .dropdown-item a {
  color: #111111 !important;
}

/* --- Footer --- */
footer,
footer .footer-inner,
footer .footer-inner.footer-nav {
  background-color: #ffffff !important;
  border-top: 1px solid #e0e0e0 !important;
}

footer,
footer a,
footer p,
footer span,
footer li {
  color: #333333 !important;
}

/* --- Dark dropdown boxes --- */
.dropdown-wrapper .dropdown-box {
  background-color: #f5f5f5 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
}

.dropdown-wrapper .dropdown-box .dropdown-item a {
  color: #111111 !important;
}

.dropdown-wrapper .dropdown-box .dropdown-item a:hover,
.dropdown-wrapper .dropdown-box .dropdown-item a:focus {
  background-color: #eeeeee !important;
}

/* --- form-table / form boxes --- */
.form-table,
.form-table.no-border:not(.no-backcolor) {
  background-color: #ffffff !important;
  border: 1px solid #dddddd !important;
}

/* --- form inputs, selects --- */
.form-content .form-group select,
.form-content .form-group input,
.form-content .form-group textarea {
  background-color: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #aaaaaa !important;
}

.form-content .form-group select::placeholder,
.form-content .form-group input::placeholder,
.form-content .form-group textarea::placeholder {
  color: #888888 !important;
}

.form-content .form-group select:focus,
.form-content .form-group input:focus,
.form-content .form-group input.focus,
.form-content .form-group select.focus,
.form-content .form-group textarea:focus {
  border-color: #1A73E8 !important;
  background-color: #ffffff !important;
}

/* --- Any remaining dark backgrounds --- */
[style*="background-color: #070907"],
[style*="background-color:#070907"],
[style*="background-color: #136878"],
[style*="background-color:#136878"],
[style*="background-color: #341c02"],
[style*="background-color:#341c02"] {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* --- White/light text on dark bg → now dark text --- */
.form-content .form-group label,
.form-content label,
.form-description,
.form-description p,
.form-description span,
.form-title,
.form-title p,
.form-title span,
.step-wrapper,
.step-wrapper__common-key,
p, span, h1, h2, h3, h4, h5, h6, li, td, th, div {
  color: inherit;
}

/* Make sure general text reads as dark on white */
.form-content,
.form-content * {
  color: #111111;
}

/* Keep colored buttons intact, just ensure white bg elsewhere */
.button.green-color,
.button.default-green-color,
.button.bundle-disneyplus-color {
  color: #ffffff !important;
}

/* --- Step progress bar active dot stays green --- */
.step-wrapper__common-bar > div.active {
  background-color: #2FBA27 !important;
}

/* --- White-text elements that were on dark — flip to dark --- */
.white-text {
  color: #111111 !important;
}

/* --- Any inline dark/green backgrounds via style attr (belt-and-suspenders) --- */
* {
  --dark-bg-override: #ffffff;
}