/*
 * WashDay estimate contrast repair (9 Oct 2026).
 * This example uses a charcoal calculator section with warm-white text;
 * no other demo or customer workflows are affected.
 */
body[data-demo-ops="washday"] #estimate {
  background: #1b1917;
  color: #f8f3ed;
}
body[data-demo-ops="washday"] #estimate .estimate-copy > .eyebrow {
  color: #ffb38c;
}
body[data-demo-ops="washday"] #estimate .estimate-copy h2,
body[data-demo-ops="washday"] #estimate .calculator h3 {
  color: #fffaf5;
}
body[data-demo-ops="washday"] #estimate .estimate-copy > p:not(.eyebrow) {
  color: #e0d8d0;
}
body[data-demo-ops="washday"] #estimate .estimate-note {
  border-left: 4px solid #f18c58;
  background: #292522;
  color: #efe4d9;
}
body[data-demo-ops="washday"] #estimate .calculator {
  border: 1px solid #695047;
  background: #292521;
  color: #fffaf5;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}
body[data-demo-ops="washday"] #estimate .choice {
  border: 1px solid #716057;
  background: #39312d;
  color: #e6d6c9;
}
body[data-demo-ops="washday"] #estimate .choice span {
  color: #e8d3c5;
}
body[data-demo-ops="washday"] #estimate .choice strong {
  color: #fffaf5;
}
body[data-demo-ops="washday"] #estimate .choice.active {
  border: 2px solid #ffb38c;
  background: #643823;
  color: #fffaf5;
}
body[data-demo-ops="washday"] #estimate .choice.active span {
  color: #ffe0cf;
}
body[data-demo-ops="washday"] #estimate .choice:hover:not(.active) {
  border-color: #ffb38c;
}
body[data-demo-ops="washday"] #estimate .field label {
  color: #f1e4da;
  font-size: 12px;
  letter-spacing: .06em;
}
body[data-demo-ops="washday"] #estimate .field select {
  border: 1px solid #b29f92;
  background: #24211f;
  color: #fffaf5;
  color-scheme: dark;
}
body[data-demo-ops="washday"] #estimate .total {
  border-top-color: #6a554b;
}
body[data-demo-ops="washday"] #estimate .total span {
  color: #e2d1c3;
}
body[data-demo-ops="washday"] #estimate .total strong {
  color: #ffb38c;
}
body[data-demo-ops="washday"] #estimate .btn-primary {
  border-color: #b43d17;
  background: #b43d17;
  color: #fff;
  box-shadow: none;
}
body[data-demo-ops="washday"] #estimate .btn-primary:hover {
  background: #963310;
}
body[data-demo-ops="washday"] #estimate :is(button, select, a):focus-visible {
  outline: 3px solid #ffb38c;
  outline-offset: 3px;
}
@media (max-width: 650px) {
  body[data-demo-ops="washday"] #estimate .calculator {
    padding: 22px 18px;
    border-radius: 16px;
  }
  body[data-demo-ops="washday"] #estimate .estimate-copy h2 {
    font-size: clamp(38px, 12vw, 58px);
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-demo-ops="washday"] #estimate .btn,
  body[data-demo-ops="washday"] #estimate .choice {
    transition: none;
  }
}


/* Keep sample workflow and real TK Web Studio enquiry distinct. */
body[data-demo-ops="washday"] #estimate .total .estimate-sample {
  border: 1px solid #a38b7b;
  background: #38312c;
  color: #fffaf5;
  box-shadow: none;
  text-align: center;
}
body[data-demo-ops="washday"] #estimate .total .estimate-sample:hover {
  border-color: #ffb38c;
  background: #46382f;
}
body[data-demo-ops="washday"] #estimate .estimate-enquiry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #6d5647;
  border-left: 4px solid #f18c58;
  border-radius: 12px;
  background: #342c27;
}
body[data-demo-ops="washday"] #estimate .estimate-enquiry p {
  flex: 1 1 270px;
  max-width: 60ch;
  margin: 0;
  color: #e8dad0;
  font-size: .875rem;
  line-height: 1.6;
}
body[data-demo-ops="washday"] #estimate .estimate-enquiry p strong {
  color: #fffaf5;
}
body[data-demo-ops="washday"] #estimate .estimate-enquiry .btn {
  flex: 0 1 auto;
  min-width: 220px;
  min-height: 48px;
  text-align: center;
}
@media (max-width: 650px) {
  body[data-demo-ops="washday"] #estimate .estimate-enquiry {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }
  body[data-demo-ops="washday"] #estimate .estimate-enquiry .btn {
    width: 100%;
    min-width: 0;
  }
}