/* Additions for the static (Shopify-free) build of bivrost.pro */

/* ion-icon used to be a web component loaded from unpkg; icons are now inline SVG.
   These rules replicate the component's shadow-DOM styles (ionicons 5.2.3). */
ion-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  contain: strict;
  fill: currentColor;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
ion-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
ion-icon .ionicon {
  stroke: currentColor;
}
ion-icon .ionicon-fill-none {
  fill: none;
}
ion-icon .ionicon-stroke-width {
  stroke-width: 32px;
}

/* form status messages (static-forms.js) */
.static-form-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.static-form-message {
  margin: 0 0 20px;
}
.newsletter-form .static-form-message {
  margin: 0 0 15px;
}
.static-form-message a {
  text-decoration: underline;
}
form.is-sending {
  opacity: 0.6;
}

/* messages on coloured/dark bands (newsletter): keep them readable */
.style-color .static-form-message a,
.style-dark .static-form-message a,
.style-gradient .static-form-message a,
.style-image .static-form-message a {
  color: currentColor;
  border-bottom: 1px solid currentColor;
}
.style-color .static-form-message.is-error,
.style-dark .static-form-message.is-error,
.style-gradient .static-form-message.is-error,
.style-image .static-form-message.is-error {
  color: #fff;
  background: #e13333;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 3px;
}