/* Headline (red) before proof submitted */
.wccm-attn-red{
  color:#b91c1c;
  font-weight:700;
}

/* Alerts */
.wccm-alert{
  color:#b91c1c;
  background:#fef2f2;
  border:1px solid #fee2e2;
  padding:8px 10px;
  border-radius:8px;
}

/* Checkout box */
.wccm-box{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-top:8px;background:#fafafa}
.wccm-select{width:100%;max-width:420px;padding:6px 8px;border:1px solid #cfd4dc;border-radius:8px}
.wccm-detail{margin-top:12px;padding:12px;border:1px dashed #d1d5db;border-radius:10px;background:#fff}
.wccm-address-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wccm-label{font-weight:600}
.wccm-qr img,#wccm-qr{max-width:180px;border-radius:8px;border:1px solid #e5e7eb;margin-top:8px}

/* Thank-you section */
.wccm-thankyou .wccm-field{margin:10px 0}
.wccm-qr-img{max-width:180px;border:1px solid #e5e7eb;border-radius:8px}


/* Attention message (red highlight) */
.wccm-attn-red {
  display: block;
  margin: 16px 0;
  padding: 12px 18px;
  background: #fee2e2;           /* light red background */
  color: #b91c1c;                /* deep red text */
  border: 1px solid #fca5a5;     /* soft red border */
  border-left: 6px solid #dc2626;/* strong red accent */
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 2px 6px rgba(220,38,38,0.15);
  text-align: center;
  animation: wccm-pulse 1.8s infinite;
}

/* Subtle pulsing to catch attention */
@keyframes wccm-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(220,38,38,0.4); }
  70%  { box-shadow: 0 0 0 10px rgba(220,38,38,0); }
  100% { box-shadow: 0 0 0 0 rgba(220,38,38,0); }
}