/* =========================================================
   coverage-check.css
   Inline postcode-coverage result panel — shared by
   index.html, areas.html and (optionally) any other page.
   ========================================================= */
.aio-coverage-result {
  margin-top: 14px;
  border-radius: 10px;
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.45;
  display: none;
  animation: aio-cov-fade-in .25s ease-out;
  font-family: 'Montserrat', system-ui, Arial, sans-serif;
}
.aio-coverage-result.is-shown { display: block; }
.aio-coverage-result h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.aio-coverage-result p { margin: 0 0 12px; font-size: 14px; }
.aio-coverage-result.is-yes {
  background: #e7f5ef;
  border: 1px solid #2DA791;
  color: #114b3f;
}
.aio-coverage-result.is-yes h3 { color: #156b5a; }
.aio-coverage-result.is-no {
  background: #fff5f5;
  border: 1px solid #ad0008;
  color: #5a000a;
}
.aio-coverage-result.is-no h3 { color: #ad0008; }
.aio-coverage-result.is-error {
  background: #fff8e1;
  border: 1px solid #d4a017;
  color: #5a3a00;
}
.aio-coverage-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #2DA791;
  color: #fff !important;
  border-radius: 8px;
  padding: 6px 11px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  transition: background .2s;
}
.aio-coverage-cta:hover { background: #247365; }
.aio-coverage-cta--alt {
  background: #111;
  color: #fff !important;
}
.aio-coverage-cta--alt:hover { background: #ad0008; }
.aio-coverage-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@keyframes aio-cov-fade-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.aio-cov-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: aio-cov-spin .7s linear infinite;
  margin-right: 6px;
  vertical-align: -2px;
}
@keyframes aio-cov-spin { to { transform: rotate(360deg); } }