/* Verbatim from the hand-placed Easter bar. The look is signed off — if you
   are tempted to tidy these values, don't. */

/* The ONE addition to the original. The bar ships hidden and the JS reveals it,
   which relies on the browser's own [hidden] { display: none } — and any theme
   rule as blunt as `div { display: block }` outranks a UA rule and would leave a
   closure notice on screen after the shop reopened. Cheap insurance against the
   only failure that a visitor would actually notice. */
.cw-easter-bar[hidden] {
  display: none !important;
}

.cw-easter-bar {
  width: 100%;
  background: #000000;
  color: #FFC603;
  border-bottom: 1px solid rgba(255, 198, 3, 0.18);
  position: relative;
  z-index: 9999;
}

.cw-easter-bar__inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 14px 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.cw-easter-bar span {
  display: inline-block;
}

@media (max-width: 767px) {
  .cw-easter-bar__inner {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.45;
  }
}