/* Digilisator shop-only extras (complements ../css/site.css) */

.shop-test-banner {
  background: var(--copper-soft);
  color: var(--copper-dark);
  border-bottom: 1px solid var(--line);
  font-size: 0.88rem;
  font-weight: 650;
  text-align: center;
  padding: 0.55rem 1rem;
}

.shop-region-note {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1rem 1.2rem;
  margin: 1.25rem 0 0;
  font-size: 0.95rem;
  color: var(--muted);
}

.shop-region-note strong { color: var(--ink); }

.badge-test {
  background: var(--copper-soft);
  color: var(--copper-dark);
}

.badge-shop {
  background: var(--teal-soft);
  color: var(--teal);
}

.shop-product-hero {
  padding: 2rem 0 0.5rem;
}

.shop-buy-box {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.35rem 1.4rem;
  box-shadow: var(--shadow);
  margin: 1.5rem 0 0;
  max-width: 28rem;
}

.shop-buy-box .price {
  margin-top: 0.4rem !important;
}

.shop-buy-box form {
  margin: 1rem 0 0;
}

.shop-buy-box .btn {
  width: 100%;
}

.shop-buy-box .hint {
  font-size: 0.88rem;
  color: var(--muted);
  margin: 0.75rem 0 0;
}

.shop-status {
  margin-top: 0.75rem;
  font-size: 0.92rem;
  color: var(--muted);
  min-height: 1.4em;
}

.shop-status.is-error { color: var(--danger); }
.shop-status.is-busy { color: var(--teal-mid); }

.btn[disabled] {
  opacity: 0.6;
  cursor: wait;
}

.shop-soft-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.9rem;
}