/* Black Friday 2026 sitewide top banner (includes/functions-bf-banner.php). Onyx steel like the Black Friday page
   hero, a polished gold rule top and bottom with a glint that sweeps twice on load, gold offer text, gold pill CTA. */
.qjr-bfbar{position:relative;z-index:301;color:#F4F1EA;background-color:#15181B;
  background-image:url(../img/texture/onyx-grain.webp),url(../img/texture/onyx-brushed.webp),
    radial-gradient(55% 160% at 50% -60%,rgba(206,186,140,.20),rgba(206,186,140,0) 70%),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28));
  background-size:64px 64px,256px 128px,100% 100%,100% 100%;background-repeat:repeat,repeat,no-repeat,no-repeat;
  font-family:var(--wp--preset--font-family--body,"Nunito Sans",Helvetica,Arial,sans-serif);
  box-shadow:0 1px 14px rgba(206,164,27,.16)}
.qjr-bfbar[hidden],.qjr-bfbar [hidden]{display:none!important}
.qjr-bfbar::before,.qjr-bfbar::after{content:"";position:absolute;left:0;right:0;pointer-events:none;
  background-image:linear-gradient(105deg,rgba(255,250,235,0) 46%,rgba(255,255,250,.95) 50%,rgba(255,250,235,0) 54%),
    linear-gradient(90deg,#7C5C0D,#CEA41B 10%,#F3DA8A 18%,#B48A16 28%,#7C5C0D 40%,#CEA41B 52%,#F3DA8A 60%,#B48A16 71%,#7C5C0D 83%,#CEA41B 93%,#7C5C0D);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;
  animation:qjr-bfbar-glint 2.4s ease-in-out .5s 2 both}
.qjr-bfbar::before{top:0;height:1px;opacity:.75}
.qjr-bfbar::after{bottom:0;height:2px}
@keyframes qjr-bfbar-glint{from{background-position:100% 0,0 0}to{background-position:0% 0,0 0}}

.qjr-bfbar__in{max-width:1240px;margin:0 auto;padding:10px 60px;min-height:46px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.qjr-bfbar__msg{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:16px;row-gap:6px;
  font-weight:600;font-size:.875rem;line-height:1.4;letter-spacing:.01em;text-align:center;color:#F4F1EA}
.qjr-bfbar__msg strong{font-weight:800;color:#FFFFFF}
.qjr-bfbar__hi{font-weight:800;color:#F3DA8A}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .qjr-bfbar__hi{background:linear-gradient(100deg,#D9B54A 0%,#F8E7A8 38%,#E2BF55 64%,#F3DA8A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
.qjr-bfbar__dot{margin:0 4px;color:#CEA41B}
.qjr-bfbar__short{display:none}

.qjr-bfbar a.qjr-bfbar__cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:6px 15px;border-radius:999px;
  background:#CEA41B;color:#0F2928;font-weight:800;font-size:.8125rem;line-height:1.2;letter-spacing:.02em;text-decoration:none;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 4px 12px rgba(206,164,27,.28);transition:background-color .15s,transform .15s}
.qjr-bfbar a.qjr-bfbar__cta:hover{background:#E8C65A;color:#0F2928}
.qjr-bfbar__code{display:inline-block;margin:0 2px;padding:3px 9px;border:1px dashed rgba(243,218,138,.9);border-radius:6px;background:rgba(206,164,27,.14);
  color:#FFF8E1;font:800 .8125rem/1.3 var(--wp--preset--font-family--body,"Nunito Sans",Helvetica,Arial,sans-serif);letter-spacing:.14em;cursor:copy;vertical-align:baseline;transition:background-color .15s,color .15s}
.qjr-bfbar__code:hover{background:rgba(206,164,27,.28)}
.qjr-bfbar__code[data-copied]{background:#CEA41B;color:#0F2928;border-style:solid}
.qjr-bfbar__close{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;margin:0;
  border:0;border-radius:50%;background:transparent;color:#CFC8B6;cursor:pointer}
.qjr-bfbar__close:hover{color:#FFFFFF;background:rgba(255,255,255,.08)}
.qjr-bfbar :focus-visible{outline:2px solid #F3DA8A;outline-offset:2px}
.qjr-bfbar__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

@media (max-width:1000px){
  .qjr-bfbar__long{display:none}
  .qjr-bfbar__short{display:inline}
}
@media (max-width:760px){
  .qjr-bfbar__in{padding:9px 44px 9px 12px;min-height:48px}
  .qjr-bfbar__msg{font-size:.8125rem;column-gap:12px}
  .qjr-bfbar a.qjr-bfbar__cta{padding:6px 12px;font-size:.78rem}
  .qjr-bfbar__code{padding:2px 7px;letter-spacing:.1em;font-size:.78rem}
  .qjr-bfbar__close{right:4px}
}
@media (prefers-reduced-motion:reduce){.qjr-bfbar::before,.qjr-bfbar::after{animation:none;background-position:0 0,0 0;background-image:none,linear-gradient(90deg,#7C5C0D,#CEA41B 10%,#F3DA8A 18%,#B48A16 28%,#7C5C0D 40%,#CEA41B 52%,#F3DA8A 60%,#B48A16 71%,#7C5C0D 83%,#CEA41B 93%,#7C5C0D)}}
@media (forced-colors:active){.qjr-bfbar{border-bottom:2px solid CanvasText}.qjr-bfbar__hi{-webkit-text-fill-color:currentColor;background:none}}
@media print{.qjr-bfbar{display:none!important}}