:root{
  --gold: #d5a63a;
  --muted: #f7f7f7;
  --border: #e8e8e8;
  --text: #222;
}
.wpse-eqr-form.calculator-ui{
  border:1px solid var(--border);
  padding:1rem;
  border-radius:16px;
  background:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
  display:grid;
  grid-template-columns: 1fr; /* single column */
  gap:1.25rem;
}

/* Quote now stacks with the form content */
.wpse-eqr-quote{
  grid-column: 1;
  align-self:start;
  border:1px solid var(--border);
  border-radius:12px;
  padding:1rem;
  background:#fff;
}

/* (Optional) remove the old responsive override since we're single-column now */
@media (max-width: 900px){
  .wpse-eqr-form.calculator-ui { grid-template-columns: 1fr; }
  .wpse-eqr-quote { grid-column: 1; }
}

.wpse-eqr-dates{
  display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:1rem;
}
.wpse-eqr-dates label{ display:flex; flex-direction:column; font-weight:600; font-size:14px; color:var(--text); }
.wpse-eqr-dates input[type="date"], .wpse-eqr-dates select{
  appearance:none; border:1px solid var(--gold); border-radius:10px; padding:.55rem .7rem; background:#fff; font-size:16px; margin-top:.35rem;
}
.wpse-eqr-cats .wpse-cat{border-top:1px solid var(--border);}
.wpse-cat-header{ font-weight:700; cursor:pointer; padding:.6rem 0; display:flex; align-items:center; justify-content:space-between; }
.wpse-cat-body{ padding:.25rem 0 .75rem 0; }
.wpse-item{ display:grid; grid-template-columns:1fr auto auto; gap:1rem; align-items:center; padding:.65rem .25rem; border-bottom:1px dashed var(--border); }
.wpse-name{ font-weight:600; }
.wpse-meta{ display:flex; gap:1rem; align-items:center; }
.wpse-rate{ font-weight:600; }
.wpse-stock{ font-size:.9rem; opacity:.8; }
.wpse-qty{ width:110px; border:1px solid var(--gold); border-radius:10px; padding:.45rem .6rem; text-align:center; }
.wpse-qty:focus{ outline:none; box-shadow:0 0 0 3px rgba(213,166,58,.18); }
.wpse-eqr-summary.total-info{ display:flex; gap:1.25rem; justify-content:flex-end; margin-top:1rem; padding:.75rem 1rem; background:var(--muted); border:1px solid var(--border); border-radius:12px; font-weight:700; }
.wpse-eqr-submit.schedule-btn{ margin-top:1rem; background:var(--gold); border:1px solid var(--gold); color:#000; border-radius:14px; padding:.7rem 1.2rem; font-weight:700; cursor:pointer; transition:filter .15s ease, transform .02s ease; }
.wpse-eqr-submit.schedule-btn:hover{ filter:brightness(1.03); }
.wpse-eqr-submit.schedule-btn:active{ transform:translateY(1px); }
.wpse-eqr-quote{ grid-column: 2; align-self:start; border:1px solid var(--border); border-radius:12px; padding:1rem; background:#fff; }
.wpse-quote-header{ font-weight:700; margin-bottom:.5rem; }
.wpse-quote-breakdown table { width:100%; border-collapse:collapse; }
.wpse-quote-breakdown th, .wpse-quote-breakdown td { padding:.4rem .25rem; border-bottom:1px dashed var(--border); text-align:right; }
.wpse-quote-breakdown th:first-child, .wpse-quote-breakdown td:first-child { text-align:left; }
.wpse-quote-breakdown tfoot td { font-weight:700; }
@media (max-width: 900px){ .wpse-eqr-form.calculator-ui { grid-template-columns: 1fr; } .wpse-eqr-quote { grid-column: 1; } }

/* Force everything to stack under the dates */
.wpse-eqr-form.calculator-ui {
  display: grid !important;
  grid-template-columns: 1fr !important; /* single column */
  gap: 1rem;
}

.wpse-eqr-form.calculator-ui > * {
  grid-column: 1 / -1 !important; /* each child spans full width */
}

/* kill any theme floats that might push content right */
.wpse-eqr-dates,
.wpse-eqr-cats,
.wpse-eqr-summary,
.wpse-eqr-quote,
.wpse-eqr-submit {
  float: none !important;
  width: 100% !important;
}

/* tidy spacing */
.wpse-eqr-dates { margin-bottom: 1rem; }
.wpse-eqr-cats { margin-top: 0.5rem; }
.wpse-eqr-quote { margin-top: 1rem; }

/* Client block container styled like the quote box */
.wpse-client-wrap{
  border:1px solid var(--border);
  border-radius:12px;
  padding:1rem;
  background:#fff;
}

.wpse-client-notice{
  margin-bottom:.75rem;
  padding:.6rem .8rem;
  background:var(--muted);
  border:1px solid var(--border);
  border-radius:10px;
  font-weight:600;
}

.wpse-client-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.wpse-input{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-weight:600;
  color:var(--text);
}

.wpse-input input,
.wpse-input textarea{
  appearance:none;
  border:1px solid var(--gold);
  border-radius:10px;
  padding:.55rem .7rem;
  background:#fff;
  font-size:16px;
}

.wpse-input textarea{ resize:vertical; }
.wpse-input.wpse-full{ grid-column: 1 / -1; }

/* Make sure the order is: dates -> items -> client -> summary -> quote -> button */
.wpse-eqr-form.calculator-ui > .wpse-client-wrap,
.wpse-eqr-form.calculator-ui > .wpse-eqr-summary,
.wpse-eqr-form.calculator-ui > .wpse-eqr-quote,
.wpse-eqr-form.calculator-ui > .wpse-eqr-submit{
  grid-column: 1 / -1;
}

@media (max-width: 800px){
  .wpse-client-grid{ grid-template-columns: 1fr; }
}