/* Black Friday entry points (js/bf-promo.js): the announcement bar on every page and the strip on /pricing. */

/* The bar shares the launch bar's look; only one of the two shows at a time. */
.bf-bar.launch-banner { display: none; }
.has-bf-bar .bf-bar.launch-banner { display: block; }
.has-bf-bar .launch-banner:not(.bf-bar) { display: none; }
.bf-bar .launch-banner-link { transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1); }
.bf-bar:not(.is-ready) .launch-banner-link { opacity: 0; } /* the space is held before paint; the words fade in */
.bf-bar-pill { background: linear-gradient(90deg, #F04438, #FB7A3C); color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.04em; font-size: 11px; }
.bf-bar-pill .live-dot { --dot-color: #FFFFFF; width: 10px; height: 10px; }

/* /pricing strip */
.bf-strip-link { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 0 auto 32px; padding: 12px 18px; max-width: 920px; margin-top: 24px; border-radius: 12px; background: #E6F4FE; border: 1px solid rgba(5, 136, 240, 0.25); color: #0A0A0A; font-size: 15px; line-height: 1.45; text-align: center; transition: border-color 120ms cubic-bezier(0.2, 0, 0, 1); }
.bf-strip-link:hover { border-color: rgba(5, 136, 240, 0.6); }
.bf-strip-link[hidden] { display: none; }
.bf-strip-tag { flex: none; padding: 3px 10px; border-radius: 999px; background: linear-gradient(90deg, #F04438, #FB7A3C); color: #FFFFFF; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.bf-strip-cta { display: inline-flex; align-items: center; gap: 4px; flex: none; color: #0573CC; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.bf-strip-cta svg { width: 14px; height: 14px; }

@media (max-width: 640px) {
  .bf-bar .bf-bar-pill { display: none; }
  .bf-bar .launch-banner-link { gap: 8px; padding: 10px 52px 10px 16px; justify-content: flex-start; }
  .bf-bar .launch-banner-short { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .bf-strip-link { margin: 0 16px 24px; font-size: 14px; }
}

/* Nav and footer link to /black-friday while the deal can still run (html.bf-season, set in <head> before paint). */
.nav-bf, .footer-col-links .footer-bf { display: none; }
.bf-season .nav-bf { display: flex; }
.bf-season .footer-col-links .footer-bf { display: block; }
.nav-bf { gap: 8px; }
.nav-bf-off {
  padding: 2px 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #F04438, #FB7A3C);
  color: #FFFFFF;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.nav-bf:hover .nav-bf-tag, .nav-bf[aria-current="page"] .nav-bf-tag { text-decoration: underline; text-underline-offset: 4px; }
.nav-bf:focus-visible { outline: 2px solid #0588F0; outline-offset: 4px; border-radius: 6px; }

/* Between the mobile menu and wide screens the nav is tight: keep the words, drop the chip. */
@media (min-width: 961px) and (max-width: 1180px) {
  .nav-bf-off { display: none; }
}

@media (max-width: 960px) {
  .bf-season .nav-bf { justify-content: flex-start; }
}