/* One consistent quote form across home, route, fleet and contact pages. */
.atlas-quote-form{padding:22px;color:#102a43;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.74);border-radius:8px;box-shadow:0 26px 70px rgba(0,42,35,.28)}
.atlas-quote-form .quote-head{height:auto;margin-bottom:18px}
.atlas-quote-form .quote-head h2{margin:0;font-size:20px;line-height:30px;font-weight:760}
.atlas-quote-form .quote-head p{margin:0;color:#64748b;font-size:12.8px;line-height:19.2px}
.atlas-quote-form .quote-spark{font-size:30px;line-height:1;color:#d9aa4e}
.atlas-quote-form label{display:block;margin-bottom:11px;color:#64748b;font-size:13px;line-height:19.5px}
.atlas-quote-form label>input,.atlas-quote-form label>select,.atlas-quote-form .field-with-button{margin-top:6px}
.atlas-quote-form input,.atlas-quote-form select,.atlas-quote-form textarea{width:100%;color:#102a43;background:#fff;border:1px solid #d7e1dc;border-radius:5px;outline:0}
.atlas-quote-form input,.atlas-quote-form select{height:44px;min-height:44px;padding-block:0}
.atlas-quote-form textarea{padding:10px 12px}
.atlas-quote-form input:focus,.atlas-quote-form select:focus,.atlas-quote-form textarea:focus{border-color:#d8ad54;box-shadow:0 0 0 3px rgba(216,173,84,.12)}
.atlas-quote-form .quote-row{gap:10px}
.atlas-quote-form .quote-step>.atlas-button{height:48px;min-height:48px;font-size:12px}
.atlas-quote-form .quote-note{margin-top:13px}
.atlas-quote-form .form-status:empty{display:none;min-height:0;margin:0}
.atlas-quote-form .quote-actions .atlas-button{white-space:nowrap;font-size:12px!important;line-height:1.1}
.atlas-quote-form .quote-success-actions{display:none}
.atlas-quote-form.is-success .quote-head,
.atlas-quote-form.is-success .quote-step,
.atlas-quote-form.is-success .quote-note{display:none}
.atlas-quote-form.is-success .form-status{
  min-height:168px;
  margin:8px 0 0;
  padding:34px 24px 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#075b49;
  border:1px solid rgba(13,128,107,.32);
  border-radius:9px;
  background:linear-gradient(145deg,#f1fbf7,#e4f5ee);
  box-shadow:0 14px 34px rgba(0,74,61,.1);
  text-align:center;
  font-size:22px;
  font-weight:750;
  line-height:1.45;
  animation:atlas-form-success .42s both cubic-bezier(.2,.7,.2,1);
}
.atlas-quote-form.is-success .form-status::before{
  content:'✓';
  width:44px;
  height:44px;
  margin:0 0 14px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:50%;
  background:#0d806b;
  box-shadow:0 8px 20px rgba(13,128,107,.24);
  font-size:24px;
  font-weight:800;
}
.atlas-quote-form.is-success .quote-success-actions{display:block;margin-top:12px;text-align:center;animation:atlas-form-success .42s .08s both cubic-bezier(.2,.7,.2,1)}
.atlas-quote-form.is-success .quote-another{min-height:46px;padding:0 20px;color:#075b49;border-color:rgba(13,128,107,.38);background:#fff;font-size:13px;font-weight:750;white-space:nowrap}
.atlas-quote-form.is-success .quote-another:hover{color:#fff;background:#0d806b;border-color:#0d806b}
@keyframes atlas-form-success{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:520px){
  .atlas-quote-form .quote-actions{grid-template-columns:92px minmax(0,1fr)}
  .atlas-quote-form .quote-actions .atlas-button{padding-inline:12px;font-size:12px}
  .atlas-quote-form.is-success .form-status{min-height:180px;padding:28px 18px;font-size:19px}
  .atlas-quote-form.is-success .quote-another{width:100%;white-space:normal}
}
.atlas-quote-form input[type="date"]::-webkit-calendar-picker-indicator,.atlas-quote-form input[type="time"]::-webkit-calendar-picker-indicator{width:0;height:0;margin:0;padding:0;opacity:0;pointer-events:none}

/* The short label is only enabled explicitly in the compact mobile header. */
.phone-reveal .phone-reveal-short,.contact-list .phone-reveal-short{display:none}

@media(max-width:760px){
  .atlas-quote-form{width:100%;max-width:600px;padding:18px}
  .atlas-quote-form label{margin-bottom:11px}
  /* iOS Safari zooms the entire page when a focused control is below 16px. */
  .atlas-quote-form input,
  .atlas-quote-form select,
  .atlas-quote-form textarea{font-size:16px!important;line-height:1.35}
}

/* Messenger buttons use the same labelled treatment as the contacts page. */
.messenger-row a{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:15px;font-weight:700;line-height:1;white-space:nowrap}
.messenger-row a img{flex:none}
@media(max-width:480px){
  .messenger-row a{gap:6px;font-size:12px}
  .messenger-row a img{width:28px;height:28px}
}