/* ERATOOLS V6.9.2 - darker promotional strip */

/*
 * The "yellow" campaign theme is intentionally rendered as muted dark-gold.
 * It keeps the brand accent without turning the announcement into a neon block.
 */
.v68-storefront-message.yellow .promo-strip__box {
  background:
    linear-gradient(90deg, rgba(190, 145, 0, .10) 0%, rgba(190, 145, 0, .045) 48%, rgba(190, 145, 0, .08) 100%),
    #15170f;
  border-color: rgba(204, 158, 18, .72);
  color: #ecece7;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .018),
    0 8px 24px rgba(0, 0, 0, .14);
}

.v68-storefront-message.yellow .promo-strip__main {
  color: #e8e8e2;
  font-weight: 500;
  letter-spacing: .015em;
}

.v68-storefront-message.yellow .promo-strip__main svg {
  color: #caa01c;
}

.v68-storefront-message.yellow .promo-strip__main strong {
  color: #d7ac27;
  font-weight: 800;
}

.v68-storefront-message.yellow .v68-message-cta {
  color: #d7ac27;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(215, 172, 39, .58);
  padding-bottom: 1px;
  transition: color .18s ease, border-color .18s ease;
}

.v68-storefront-message.yellow .v68-message-cta:hover,
.v68-storefront-message.yellow .v68-message-cta:focus-visible {
  color: #efd16c;
  border-bottom-color: #efd16c;
}

.v68-storefront-message.yellow .promo-strip__close {
  color: #ad8a20;
  opacity: .82;
  border-radius: 5px;
  transition: background .18s ease, color .18s ease, opacity .18s ease;
}

.v68-storefront-message.yellow .promo-strip__close:hover,
.v68-storefront-message.yellow .promo-strip__close:focus-visible {
  color: #e2bd48;
  opacity: 1;
  background: rgba(215, 172, 39, .08);
}

/* Dark base theme gets the same calmer treatment when selected in admin. */
.v68-storefront-message.dark .promo-strip__box {
  background:
    linear-gradient(90deg, rgba(185, 143, 0, .07), rgba(185, 143, 0, .025)),
    #12140f;
  border-color: rgba(181, 143, 23, .55);
}

.v68-storefront-message.dark .promo-strip__main strong,
.v68-storefront-message.dark .v68-message-cta,
.v68-storefront-message.dark .promo-strip__main svg,
.v68-storefront-message.dark .promo-strip__close {
  color: #cda526;
}

@media (max-width: 820px) {
  .v68-storefront-message.yellow .promo-strip__box,
  .v68-storefront-message.dark .promo-strip__box {
    padding: 10px 12px;
  }

  .v68-storefront-message.yellow .promo-strip__main,
  .v68-storefront-message.dark .promo-strip__main {
    font-size: 12px;
    line-height: 1.45;
  }
}