/* WordPress-specific rules that replace inline styles from the Express views. Loaded after style.css. */
.otaku-pageheader-bg {
  background-image: url(../images/pet/pageheader_bg.webp);
}

/* Notice shown above the contact form until the visitor makes a cookie choice. */
.contact-cookie-notice {
  margin-bottom: 1rem;
}
.contact-cookie-notice[hidden] {
  display: none;
}
.contact-cookie-notice__button {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

/* Membership lists: icon fixed on the left, text aligned next to it.
   style.css centres the icon with `margin: auto`, which makes it float with long, wrapping texts. */
.membership__body ul li {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  text-align: left;
}

.membership__body ul li i {
  flex: 0 0 auto;
  width: 1.25em;
  margin: 0.15em 0 0;
}

.membership__body ul li span {
  flex: 1 1 auto;
}