/* Additions to the site that style.css (the owner's design) does not cover.
   Only uses the design's own variables so it matches the rest of the site. */

/* Announcement bar, shown only when switched on in the admin panel. */
.announcement {
  background: var(--brand);
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
}
.announcement a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Price before a discount set in the admin panel, struck through beside the new price. */
.price .was { color: var(--muted); font-size: 22px; font-weight: 600; margin-inline-end: 8px; }

/* Contact form honeypot: kept out of sight for people; bots fill it in. */
.hp-field { position: absolute; inset-inline-start: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* The contact form's failure message reuses .field-error, whose display rule would otherwise beat [hidden]. */
.form-failed[hidden] { display: none; }