/* UW3D v0.1.56 — exact original Buy Hero / Featured Scans buttons in shared palette. Auto uses original styles; only explicit selections override. */
.uw3d55-btn{--uw55-cyan:#00f1fe;--uw55-orange:#ff6900;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-decoration:none!important;box-sizing:border-box;transition:filter .2s,background .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s!important;}
/* v0.1.56 — Exact final Featured Scans v0.1.13 gradients (site.css). */
body .uw3d55-btn.uw3d55-btn--featured-view{
  background:linear-gradient(112deg,
    color-mix(in srgb,var(--uw-cyan,#00f1fe) 22%,#061a25) 0%,
    color-mix(in srgb,var(--uw-cyan,#00f1fe) 53%,#06303f) 56%,
    color-mix(in srgb,var(--uw-cyan,#00f1fe) 88%,#035169) 100%)!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--uw-cyan,#00f1fe) 76%,#264d66)!important;
  box-shadow:inset 0 1px 0 #ffffff27,0 2px 10px #00000040!important;
  filter:none!important;border-radius:5px!important;clip-path:none!important;
}
body .uw3d55-btn.uw3d55-btn--featured-view:is(:hover,:focus-visible){
  background:linear-gradient(112deg,
    color-mix(in srgb,var(--uw-cyan,#00f1fe) 32%,#061a25) 0%,
    color-mix(in srgb,var(--uw-cyan,#00f1fe) 65%,#06303f) 56%,
    color-mix(in srgb,var(--uw-cyan,#00f1fe) 95%,#035169) 100%)!important;
  color:#fff!important;box-shadow:0 0 19px color-mix(in srgb,var(--uw-cyan,#00f1fe) 37%,transparent),inset 0 1px 0 #ffffff47!important;
  filter:brightness(1.08)!important;
}
body .uw3d55-btn.uw3d55-btn--featured-details{
  background:linear-gradient(112deg,
    color-mix(in srgb,var(--uw-orange,#ff6900) 18%,#081621) 0%,
    color-mix(in srgb,var(--uw-orange,#ff6900) 38%,#1a1b24) 56%,
    color-mix(in srgb,var(--uw-orange,#ff6900) 60%,#33191a) 100%)!important;
  border:1px solid color-mix(in srgb,var(--uw-orange,#ff6900) 65%,#244457)!important;
  color:#fff!important;filter:none!important;
  box-shadow:inset 0 1px 0 #ffffff25,0 2px 10px #00000040!important;
  border-radius:5px!important;clip-path:none!important;
}
body .uw3d55-btn.uw3d55-btn--featured-details:is(:hover,:focus-visible){
  background:linear-gradient(112deg,
    color-mix(in srgb,var(--uw-orange,#ff6900) 32%,#081621) 0%,
    color-mix(in srgb,var(--uw-orange,#ff6900) 57%,#1a1b24) 56%,
    color-mix(in srgb,var(--uw-orange,#ff6900) 81%,#33191a) 100%)!important;
  color:#fff!important;border-color:var(--uw-orange,#ff6900)!important;
  box-shadow:0 0 19px color-mix(in srgb,var(--uw-orange,#ff6900) 37%,transparent),inset 0 1px 0 #ffffff39!important;
  filter:brightness(1.08)!important;
}
/* Original How to Buy frame: border made by clipped outer gradient and a 1.5px inset inner panel.
   A clipped native border cannot draw the diagonal corners. */
body .uw3d55-btn.uw3d55-btn--tech-orange,
body .uw3d55-btn.uw3d55-btn--tech-cyan{
  --uw55-frame:#ff6900;--uw55-fill:linear-gradient(115deg,#22140e,#091b26);
  position:relative!important;isolation:isolate!important;
  background:linear-gradient(120deg,var(--uw55-frame),#0c5669 55%,var(--uw55-frame))!important;
  border:0!important;border-radius:0!important;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)!important;
  color:#ff9c35!important;box-shadow:none!important;
  text-transform:uppercase;
}
body .uw3d55-btn.uw3d55-btn--tech-cyan{
  --uw55-frame:#168ba6;--uw55-fill:linear-gradient(110deg,#061d29,#071724);
  color:#f5feff!important;
}
body .uw3d55-btn.uw3d55-btn--tech-orange::before,
body .uw3d55-btn.uw3d55-btn--tech-cyan::before{
  content:""!important;position:absolute!important;inset:1.5px!important;
  z-index:0!important;pointer-events:none!important;
  background:var(--uw55-fill)!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important;
  border:0!important;border-radius:0!important;
}
body .uw3d55-btn.uw3d55-btn--tech-orange>*,
body .uw3d55-btn.uw3d55-btn--tech-cyan>*{
  position:relative;z-index:1;
}
body .uw3d55-btn.uw3d55-btn--tech-orange:is(:hover,:focus-visible){--uw55-frame:#ffae55;filter:brightness(1.25) drop-shadow(0 0 11px #ff690072)!important;}
body .uw3d55-btn.uw3d55-btn--tech-cyan:is(:hover,:focus-visible){--uw55-frame:#00f1fe;filter:brightness(1.3) drop-shadow(0 0 11px #00f1fe66)!important;}
body .uw3d55-btn.uw3d55-btn--solid-cyan{background:#00f1fe!important;border:1px solid #00f1fe!important;border-radius:5px!important;clip-path:none!important;color:#03131b!important;box-shadow:0 0 21px #00f1fe35!important}
body .uw3d55-btn.uw3d55-btn--solid-orange{background:#ff6900!important;border:1px solid #ff6900!important;border-radius:5px!important;clip-path:none!important;color:#061019!important;box-shadow:0 0 21px #ff690035!important}
body .uw3d55-btn.uw3d55-btn--header-cyan{background:linear-gradient(120deg,#073746cc,#004254b8)!important;color:#efffff!important;border:1px solid #00e1f3!important;border-radius:5px!important;clip-path:none!important;box-shadow:none!important}
body .uw3d55-btn.uw3d55-btn--hero-gradient{background:linear-gradient(118deg,#f28d24,#b94e15)!important;color:#fff!important;border:1px solid #ed9036!important;border-radius:5px!important;clip-path:none!important;box-shadow:0 3px 17px #ee732244!important}
.uw3d55-btn--solid-cyan:is(:hover,:focus-visible),.uw3d55-btn--solid-orange:is(:hover,:focus-visible),.uw3d55-btn--header-cyan:is(:hover,:focus-visible),.uw3d55-btn--hero-gradient:is(:hover,:focus-visible){filter:brightness(1.12)!important;transform:translateY(-2px)}
/* Do not turn the cyan Featured View icon dark (v0.1.55 regression). */
body .uw3d55-btn.uw3d55-btn--featured-view svg,
body .uw3d55-btn.uw3d55-btn--featured-view .uw3d2-icon,
body .uw3d55-btn.uw3d55-btn--featured-details svg,
body .uw3d55-btn.uw3d55-btn--featured-details .uw3d2-icon{color:#fff!important;stroke:#fff!important;opacity:1!important;}
body .uw3d55-btn.uw3d55-btn--tech-orange svg,
body .uw3d55-btn.uw3d55-btn--tech-orange .uw3d2-icon{color:#ff6900!important;stroke:currentColor!important;}
body .uw3d55-btn.uw3d55-btn--tech-cyan svg,
body .uw3d55-btn.uw3d55-btn--tech-cyan .uw3d2-icon{color:#00f1fe!important;stroke:currentColor!important;}
body .uw3d55-btn.uw3d55-btn--solid-cyan svg,
body .uw3d55-btn.uw3d55-btn--solid-cyan .uw3d2-icon{color:#001923!important;}
body .uw3d55-btn.uw3d55-btn--solid-orange svg,
body .uw3d55-btn.uw3d55-btn--solid-orange .uw3d2-icon{color:#061019!important;}
body .uw3d55-btn.uw3d55-btn--header-cyan svg{color:#00f1fe!important;}
/* Text spans must inherit chosen variant instead of local Buy Hero's orange override. */
body .uwbuy .uw3d55-btn.uw3d55-btn--featured-view,
body .uwbuy .uw3d55-btn.uw3d55-btn--featured-details{color:#fff!important;}
body .uwbuy .uw3d55-btn.uw3d55-btn--tech-orange{color:#ff9c35!important;}
body .uwbuy .uw3d55-btn.uw3d55-btn--tech-cyan{color:#f5feff!important;}
/* Existing card buttons and header CTAs may have multiple selectors: explicit choice wins, with no changes to Auto. */
.uw3d2-hd-header a.uw3d55-btn:not(.uw3d55-btn--auto),.uw3d2-card__actions .uw3d55-btn,.uw3d2-site-card a.uw3d55-btn,.uwbuy .uw3d55-btn,.uw3d35 .uw3d55-btn{font-family:inherit;}
@media(prefers-reduced-motion:reduce){.uw3d55-btn{transition:none!important;transform:none!important}}

/* Text-only View-all links become proper buttons when explicitly styled. */
.uw3d2-scans__header-actions>a.uw3d55-btn,.uw3d2-sites__actions>a.uw3d55-btn{padding:9px 14px;min-height:36px;font-size:12px;font-weight:800;text-transform:uppercase;}

/* Gutenberg's contextual preview is not a second, clickable button. */
.uw3d156-picker-demo{margin:4px 0 16px;padding:15px;background:#061923;border:1px solid #235467;border-radius:6px;}
.uw3d156-picker-demo .uw3d55-btn{min-height:38px;padding:10px 15px;font-size:11px;letter-spacing:.5px;font-weight:800;line-height:1.3;}
.uw3d156-picker-arrow{margin-left:10px;}

/* Other button families (notably .uwbuy-action) draw their own two-layer frame.
   Remove that decoration for solid/gradient selections; retain it ONLY for Tech frame. */
body .uw3d55-btn.uw3d55-btn--featured-view::before,
body .uw3d55-btn.uw3d55-btn--featured-details::before,
body .uw3d55-btn.uw3d55-btn--solid-cyan::before,
body .uw3d55-btn.uw3d55-btn--solid-orange::before,
body .uw3d55-btn.uw3d55-btn--header-cyan::before,
body .uw3d55-btn.uw3d55-btn--hero-gradient::before{
  content:none!important;display:none!important;
}

/* v0.1.100 – additional palette styles available to ALL UW3D button pickers.
 * Explicit selection only; Auto retains original appearance. */
body .uw3d55-btn.uw3d55-btn--outline-cyan {background:#031a26!important;border:1px solid #00e8fa!important;color:#bdfaff!important;border-radius:5px!important;clip-path:none!important;box-shadow:none!important}
body .uw3d55-btn.uw3d55-btn--outline-orange {background:#071926!important;border:1px solid #ff6900!important;color:#ffd8b4!important;border-radius:5px!important;clip-path:none!important;box-shadow:none!important}
body .uw3d55-btn.uw3d55-btn--gradient-cyan {background:linear-gradient(110deg,#053b4a,#00bacc)!important;border:1px solid #00e9f5!important;color:#f4fdff!important;border-radius:5px!important;clip-path:none!important;box-shadow:0 2px 10px #0005!important}
body .uw3d55-btn.uw3d55-btn--gradient-orange {background:linear-gradient(110deg,#57301a,#eb7624)!important;border:1px solid #ff8b31!important;color:#fff!important;border-radius:5px!important;clip-path:none!important;box-shadow:0 2px 10px #0005!important}
body .uw3d55-btn.uw3d55-btn--glass {background:#0b4050bd!important;backdrop-filter:blur(6px);border:1px solid #4cb6c8a8!important;color:#e6fbff!important;border-radius:5px!important;clip-path:none!important;box-shadow:inset 0 1px 0 #fff2!important}
body .uw3d55-btn.uw3d55-btn--custom {background:var(--uw197-btn-bg,var(--uw100-custom-bg,#034353))!important;border:1px solid var(--uw197-btn-border,#00c5d7)!important;color:var(--uw197-btn-text,#fff)!important;border-radius:var(--uw197-btn-radius,5px)!important;clip-path:none!important}
body .uw3d55-btn.uw3d55-btn--gradient {background:linear-gradient(95deg,var(--uw197-btn-bg,#00f1fe),var(--uw197-btn-bg2,#04c5e1))!important;border:1px solid var(--uw197-btn-border,#00c5d7)!important;color:var(--uw197-btn-text,#05212b)!important;border-radius:var(--uw197-btn-radius,4px)!important;clip-path:none!important}
body .uw3d55-btn.uw3d55-btn--outline-cyan:is(:hover,:focus-visible),
body .uw3d55-btn.uw3d55-btn--outline-orange:is(:hover,:focus-visible),
body .uw3d55-btn.uw3d55-btn--gradient-cyan:is(:hover,:focus-visible),
body .uw3d55-btn.uw3d55-btn--gradient-orange:is(:hover,:focus-visible),
body .uw3d55-btn.uw3d55-btn--glass:is(:hover,:focus-visible),
body .uw3d55-btn.uw3d55-btn--gradient:is(:hover,:focus-visible){filter:brightness(1.14)!important;transform:translateY(-1px)}
body .uw3d55-btn.uw3d55-btn--custom:is(:hover,:focus-visible){background:var(--uw197-btn-hover-bg,var(--uw197-btn-bg,#034353))!important;color:var(--uw197-btn-hover-text,#fff)!important;filter:brightness(1.06)!important}
body .uw3d55-btn.uw3d55-btn--outline-cyan::before,body .uw3d55-btn.uw3d55-btn--outline-orange::before,
body .uw3d55-btn.uw3d55-btn--gradient-cyan::before,body .uw3d55-btn.uw3d55-btn--gradient-orange::before,
body .uw3d55-btn.uw3d55-btn--glass::before,body .uw3d55-btn.uw3d55-btn--gradient::before,body .uw3d55-btn.uw3d55-btn--custom::before{content:none!important;display:none!important}
/* Avoid interpolation of gradient/background-image (black intermediate frames in Chrome). */
body .uw3d55-btn {transition:filter .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s!important}
.uw3d100-demo{display:block;margin-top:9px;padding:14px;border:1px solid #225668;background:#071b26;border-radius:7px;max-width:100%;box-sizing:border-box}
.uw3d100-demo .uw3d55-btn{font-family:Quantico,sans-serif!important;font-size:12px!important;font-weight:800!important;min-height:36px;padding:10px 16px;text-transform:uppercase}
