/*
 * BaitFever case repair
 *
 * Uses the shared Battlefield / Phoenix hero-frame geometry while carrying
 * the real BaitFever storefront identity through the case: ember orange,
 * hot magenta, warm white and smoked black.
 */

body.case-page.case-baitfever {
  --case-accent: #ff5a1f;
  --case-hero-line: #ff5a1f;
  --case-primary: #ff5a1f;
  --case-primary-core: #ffd7c2;
  --case-primary-glow: #ff3f7d;
  --case-primary-rgb: 255, 90, 31;
  --case-secondary-rgb: 255, 63, 125;
  --bf-ink: #070607;
  --bf-ember: #ff5a1f;
  --bf-pink: #ff3f7d;
  --bf-cream: #fff4ec;
  --bf-muted: #c6b9b6;
}

body.case-page.case-baitfever .case-hero {
  background:
    radial-gradient(ellipse at 20% 45%, rgba(255, 90, 31, .16), transparent 33%),
    radial-gradient(ellipse at 83% 16%, rgba(255, 63, 125, .12), transparent 28%),
    linear-gradient(112deg, #130706 0 51%, #080607 51% 100%) !important;
}

body.case-page.case-baitfever .case-hero::before,
body.case-page.case-baitfever .case-hero::after {
  content: none !important;
}

body.case-page.case-baitfever .case-hero-image,
body.case-page.case-baitfever .case-hero-content {
  border: 1px solid rgba(255, 90, 31, .5) !important;
  border-radius: 0 !important;
  box-shadow:
    0 30px 76px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 215, 194, .07) !important;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px)) !important;
  position: relative;
}

body.case-page.case-baitfever .case-hero-image::before,
body.case-page.case-baitfever .case-hero-content::after {
  background:
    linear-gradient(135deg, transparent calc(50% - 2px), rgba(255, 215, 194, .98) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) top right / 38px 38px no-repeat,
    linear-gradient(135deg, transparent calc(50% - 2px), rgba(255, 63, 125, .96) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) bottom left / 38px 38px no-repeat,
    linear-gradient(90deg, rgba(255, 90, 31, .98), rgba(255, 90, 31, .12)) top right / 110px 3px no-repeat,
    linear-gradient(180deg, rgba(255, 90, 31, .98), rgba(255, 90, 31, .12)) top right / 3px 110px no-repeat,
    linear-gradient(270deg, rgba(255, 63, 125, .96), rgba(255, 63, 125, .12)) bottom left / 110px 3px no-repeat,
    linear-gradient(0deg, rgba(255, 63, 125, .96), rgba(255, 63, 125, .12)) bottom left / 3px 110px no-repeat !important;
  border: 0 !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

body.case-page.case-baitfever .case-hero-image::after {
  background:
    linear-gradient(90deg, rgba(7, 6, 7, .08), transparent 35%),
    linear-gradient(0deg, rgba(7, 6, 7, .28), transparent 48%) !important;
  border: 0 !important;
  content: "" !important;
  inset: 0 !important;
  height: auto !important;
  left: 0 !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  width: auto !important;
  z-index: 1;
}

body.case-page.case-baitfever .case-hero-image > img {
  filter: saturate(1.05) contrast(1.03) brightness(.96) !important;
  scale: 1 !important;
}

body.case-page.case-baitfever .case-hero-content {
  background:
    radial-gradient(circle at 89% 10%, rgba(255, 63, 125, .14), transparent 31%),
    linear-gradient(145deg, rgba(24, 10, 10, .98), rgba(7, 6, 7, .99)) !important;
}

body.case-page.case-baitfever .case-hero-content::before {
  background: linear-gradient(180deg, #ffd7c2, #ff5a1f 52%, #ff3f7d) !important;
  box-shadow: 0 0 24px rgba(255, 90, 31, .24) !important;
  content: "" !important;
  height: auto !important;
  inset: 24px auto 24px 0 !important;
  opacity: 1 !important;
  position: absolute;
  width: 3px !important;
}

body.case-page.case-baitfever .case-hero-content .eyebrow {
  color: #ff8a5c !important;
  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: .11em !important;
}

body.case-page.case-baitfever .case-hero-content h1 {
  color: #ff5a1f !important;
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(3.3rem, 4.5vw, 5.1rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.075em !important;
  line-height: .9 !important;
  text-transform: uppercase;
  -webkit-text-stroke: .012em #ffd7c2 !important;
  paint-order: stroke fill;
  text-shadow: 3px 4px 0 rgba(58, 10, 24, .92), 7px 8px 0 rgba(255, 63, 125, .18) !important;
}

body.case-page.case-baitfever .case-hero-content .hero-copy {
  color: #c6b9b6 !important;
  max-width: 36rem;
}

/* The launchpad keeps the shared 1 + 3 information structure, but now reads
   as the same product world as baitfever.com rather than as a generic lab. */
body.case-page.case-baitfever .live-lab-launchpad {
  --lab-accent: #ff5a1f !important;
  background:
    repeating-linear-gradient(132deg, rgba(255, 90, 31, .035) 0 2px, transparent 2px 42px),
    repeating-linear-gradient(48deg, rgba(255, 63, 125, .025) 0 2px, transparent 2px 46px),
    linear-gradient(112deg, #180907, #0b0708 58%, #160813) !important;
  border-color: rgba(255, 90, 31, .56) !important;
  box-shadow: 0 34px 84px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 215, 194, .06);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

body.case-page.case-baitfever .live-lab-launchpad__intro {
  background:
    linear-gradient(90deg, rgba(7, 6, 7, .94), rgba(7, 6, 7, .7)),
    radial-gradient(ellipse at 12% 18%, rgba(255, 90, 31, .55), transparent 42%),
    radial-gradient(ellipse at 92% 82%, rgba(255, 63, 125, .28), transparent 39%),
    url("baitfever/home-desktop-20260714b.png") center / cover no-repeat !important;
}

body.case-page.case-baitfever .live-lab-kicker,
body.case-page.case-baitfever .live-lab-signals article > span {
  color: #ff8758 !important;
}

body.case-page.case-baitfever .live-lab-launchpad h2,
body.case-page.case-baitfever .live-lab-signals strong {
  color: #fff4ec !important;
  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 900 !important;
}

body.case-page.case-baitfever .live-lab-launchpad h2 {
  font-size: clamp(2.75rem, 4.25vw, 4.8rem) !important;
  letter-spacing: -.065em !important;
  line-height: .92 !important;
  max-width: none !important;
  overflow-wrap: normal !important;
  text-wrap: balance;
  word-break: normal !important;
}

body.case-page.case-baitfever .live-lab-launchpad__intro > p:not(.live-lab-kicker),
body.case-page.case-baitfever .live-lab-signals small {
  color: #c6b9b6 !important;
}

body.case-page.case-baitfever .live-lab-signals article {
  background:
    linear-gradient(160deg, rgba(24, 10, 10, .98), rgba(7, 6, 7, .99)) !important;
  border-color: rgba(255, 90, 31, .23) !important;
}

body.case-page.case-baitfever .live-lab-signals article:nth-child(2) {
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 90, 31, .12), transparent 35%),
    linear-gradient(160deg, rgba(25, 12, 10, .98), rgba(10, 7, 8, .99)) !important;
}

body.case-page.case-baitfever .live-lab-signals article:nth-child(3) {
  background:
    radial-gradient(circle at 92% 22%, rgba(255, 63, 125, .12), transparent 34%),
    linear-gradient(160deg, rgba(22, 8, 15, .98), rgba(7, 6, 7, .99)) !important;
}

body.case-page.case-baitfever .live-lab-signals article:nth-child(3) > span {
  color: #ff6f9f !important;
}

body.case-page.case-baitfever .live-lab-button--primary {
  background: linear-gradient(110deg, #ff5a1f, #ff6934 58%, #ff3f7d) !important;
  border-color: #ff8a5c !important;
  color: #070607 !important;
  box-shadow: 0 12px 28px rgba(255, 63, 125, .16);
  text-shadow: none !important;
}

body.case-page.case-baitfever .live-lab-button--secondary {
  background: rgba(18, 9, 10, .82) !important;
  border-color: rgba(255, 63, 125, .44) !important;
  color: #fff4ec !important;
}

/* Keep the visible step label top-left and the atmospheric repeat in the
   opposite corner, so the two numbers never compete. */
body.case-page.case-baitfever .case-brand-map article::after {
  color: rgba(255, 63, 125, .12) !important;
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif !important;
}

body.case-page.case-baitfever .case-brand-map article:nth-child(2n)::after {
  color: rgba(255, 90, 31, .12) !important;
}

@media (max-width: 980px) {
  body.case-page.case-baitfever .live-lab-launchpad h2 {
    font-size: clamp(3rem, 8vw, 4.7rem) !important;
  }
}

@media (max-width: 680px) {
  body.case-page.case-baitfever .live-lab-launchpad {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.case-page.case-baitfever .live-lab-launchpad__intro,
  body.case-page.case-baitfever .live-lab-signals,
  body.case-page.case-baitfever .live-lab-signals article,
  body.case-page.case-baitfever .live-lab-actions,
  body.case-page.case-baitfever .live-lab-button {
    min-width: 0;
    max-width: 100%;
  }

  body.case-page.case-baitfever .case-hero-content {
    padding: 30px 26px !important;
  }

  body.case-page.case-baitfever .case-hero-content h1 {
    font-size: clamp(2.75rem, 14vw, 4rem) !important;
  }

  body.case-page.case-baitfever .live-lab-launchpad h2 {
    font-size: clamp(1.85rem, 7.6vw, 2.8rem) !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal !important;
    text-wrap: pretty;
  }
}