/* Holiday hours bar at the top of every page. holiday-hours.js adds the markup.
 * Soft cream with the site's gold and green, so it reads as a notice and stands
 * apart from the dark green top bar below it.
 *   1100px and up   one row: tag, then the closures separated by a dot
 *   600–1099px      tag on the left, one closure per line
 *   under 600px     stacked and centered */
#bps-closure {
  position: relative;
  z-index: 10001;
  background: #fbf4e4;
  border-bottom: 1px solid #ead7ae;
  color: #2a352f;
  font-family: var(--awb-typography3-font-family, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  line-height: 1.45;
}
#bps-closure .bps-closure__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 9px 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px 18px;
}
#bps-closure .bps-closure__tag {
  flex: none;
  background: #c99a44;
  color: #2a352f;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 3px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
#bps-closure .bps-closure__items {
  display: flex;
  align-items: center;
}
#bps-closure .bps-closure__item strong { color: #1f6b49; font-weight: 700; }
#bps-closure .bps-closure__item + .bps-closure__item::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 16px 2px;
  border-radius: 50%;
  background: #c99a44;
  vertical-align: middle;
}
#bps-closure .bps-closure__close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #2a352f;
  font-size: 22px;
  line-height: 32px;
  cursor: pointer;
  opacity: .6;
}
#bps-closure .bps-closure__close:hover, #bps-closure .bps-closure__close:focus-visible { opacity: 1; background: rgba(201,154,68,.18); }

@media (max-width: 1099px) {
  #bps-closure .bps-closure__items { flex-direction: column; align-items: flex-start; gap: 2px; }
  #bps-closure .bps-closure__item + .bps-closure__item::before { display: none; }
}
@media (max-width: 599px) {
  /* 12.5px keeps each closure on one line on a 375px phone. */
  #bps-closure { font-size: 12.5px; }
  #bps-closure .bps-closure__inner { flex-direction: column; gap: 6px; padding: 8px 12px 10px; text-align: center; }
  #bps-closure .bps-closure__items { align-items: center; }
  #bps-closure .bps-closure__close { top: 4px; right: 6px; transform: none; }
}