/* Check Rx Status page: delivery estimator and area reference. */
.delivery-estimator {
  max-width: var(--container-narrow);
  margin-inline: auto;
  padding: var(--space-8);
  background-color: var(--surface-yellow);
  border-radius: var(--radius-lg);
}
.delivery-estimator h3 { text-align: center; }
.delivery-estimator__form { margin-top: var(--space-5); }
.delivery-estimator__form > label { display: block; font-weight: var(--fw-bold); margin-bottom: var(--space-2); }
.delivery-estimator__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); align-items: end; }
.delivery-estimator__controls input {
  min-height: 2.75rem;
  width: 100%;
  padding: 0.7rem 1rem;
  font: inherit;
  color: var(--green);
  background-color: var(--paper);
  border: 1.5px solid var(--green);
  border-radius: var(--radius-sm);
}
.delivery-estimator__controls input:focus-visible { border-color: var(--accent); }
.delivery-estimator__controls input[aria-invalid="true"] { border-color: var(--accent-dark); }
.delivery-estimator__help { margin-top: var(--space-3); text-align: center; font-size: var(--text-sm); color: var(--ink-soft); }
.delivery-estimator__result { margin-top: var(--space-5); }
.delivery-estimator__result-card {
  padding: var(--space-5);
  background-color: var(--paper);
  border: 1.5px solid var(--green);
  border-radius: var(--radius);
}
.delivery-estimator__result-time { font-size: var(--text-xl); font-weight: var(--fw-extrabold); color: var(--ink); text-align: center; }
.delivery-estimator__result-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-4); text-align: center; }
.delivery-estimator__result-details > * + * { border-left: 1px solid var(--hairline); padding-left: var(--space-4); }
.delivery-estimator__result-label { display: block; font-size: var(--text-xs); font-weight: var(--fw-extrabold); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--ink-soft); margin-bottom: var(--space-1); }
.delivery-estimator__error, .delivery-estimator__message { margin: 0; text-align: center; font-weight: var(--fw-bold); color: var(--ink); }
.delivery-estimator__error { color: var(--ink-deep); }
.delivery-maps { margin-top: var(--space-8); }
.delivery-map { margin: 0; }
.delivery-map img { display: block; width: 100%; height: auto; border-radius: var(--radius-lg); }
.delivery-map figcaption, .delivery-map-note { max-width: var(--measure-lede); margin: var(--space-3) auto 0; text-align: center; font-size: var(--text-sm); color: var(--ink-soft); }
.delivery-map-note { margin-top: var(--space-6); }

@media (max-width: 560px) {
  .delivery-estimator { padding: var(--space-6); }
  .delivery-estimator__controls { grid-template-columns: 1fr; }
  .delivery-estimator__controls .btn { width: 100%; }
  .delivery-estimator__result-details { grid-template-columns: 1fr; text-align: left; }
  .delivery-estimator__result-details > * + * { border-left: 0; border-top: 1px solid var(--hairline); padding: var(--space-3) 0 0; }
}