/* ============================================================
   PREMIUM GLOW PASS (svc96)
   1. Work-type card: amber glow travels ALL the way around the
      card border in a circle (rotating conic halo), replacing the
      top-only shine.
   2. Icon tile: glow sits all around the emblem, not just top-lit.
   3. Calc links (60-sec estimate / EV load calc / etc): converted
      from solid amber pills to translucent "ghost" glow-through
      buttons that match the hero trust chips.
   ============================================================ */

/* ---- 1. ROTATING GLOW RING AROUND THE WHOLE CARD ---- */
.work-type-card{
  position:relative !important;
  isolation:isolate;
  overflow:visible !important;
}
/* the travelling amber halo, sitting just outside the border, going all the way around */
.work-type-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  border-radius:inherit !important;
  padding:1.5px !important;
  background:conic-gradient(
      from var(--rdn-glow-angle,0deg),
      rgba(245,165,36,0) 0deg,
      rgba(245,165,36,0) 200deg,
      rgba(247,178,60,.55) 275deg,
      rgba(255,201,100,.95) 320deg,
      rgba(247,178,60,.55) 355deg,
      rgba(245,165,36,0) 360deg) !important;
  /* mask so only the 1.5px ring shows, hollow centre */
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  opacity:.55;
  z-index:0 !important;
  pointer-events:none !important;
  animation:rdnGlowSpin 6s linear infinite;
}
.work-type-card:hover::before{
  opacity:1;
  animation-duration:3.4s;
}
/* keep card content above the ring */
.work-type-card > *{position:relative;z-index:1;}

@property --rdn-glow-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
@keyframes rdnGlowSpin{
  to{ --rdn-glow-angle:360deg; }
}
/* fallback for browsers without @property: fade pulse instead of spin */
@supports not (background:conic-gradient(from 0deg,#000,#000)){
  .work-type-card::before{
    background:radial-gradient(circle at 50% 0,rgba(245,165,36,.5),rgba(245,165,36,0) 70%) !important;
    animation:rdnGlowPulse 3s ease-in-out infinite;
  }
  @keyframes rdnGlowPulse{0%,100%{opacity:.35}50%{opacity:.75}}
}

/* ---- 2. ICON TILE: GLOW ALL AROUND (not just top-lit) ---- */
.work-type-card svg:first-of-type{
  width:46px !important;
  height:46px !important;
  padding:14px !important;
  border-radius:var(--radius-lg) !important;
  background:radial-gradient(circle at 50% 42%,#ffc964 0%,#f5a524 62%,#e0940f 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,201,100,.35),
    0 0 18px -2px rgba(245,165,36,.55),
    0 8px 20px -8px rgba(245,165,36,.6),
    inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.work-type-card:hover svg:first-of-type{
  box-shadow:
    0 0 0 1px rgba(255,201,100,.5),
    0 0 26px 0 rgba(245,165,36,.7),
    0 10px 24px -8px rgba(245,165,36,.7),
    inset 0 0 0 1px rgba(255,255,255,.24) !important;
}

/* ---- 3. CALC LINKS -> GHOST GLOW-THROUGH BUTTONS (match hero trust chips) ---- */
.work-type-cell__calclink{
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(245,165,36,.30) !important;
  color:#ffc76b !important;
  -webkit-backdrop-filter:blur(4px) !important;
  backdrop-filter:blur(4px) !important;
  box-shadow:
    0 0 0 1px rgba(245,165,36,0.08),
    inset 0 0 18px -6px rgba(245,165,36,.45),
    0 4px 14px -8px rgba(245,165,36,.35) !important;
  text-shadow:0 0 12px rgba(245,165,36,.35);
}
.work-type-cell__calclink svg,
.work-type-cell__calclink .calclink__phone{
  color:#ffc76b !important;
  stroke:#ffc76b !important;
  background:transparent !important;
}
.work-type-cell__calclink:hover{
  transform:translateY(-2px) !important;
  background:rgba(245,165,36,0.14) !important;
  border-color:rgba(245,165,36,.6) !important;
  color:#ffd98a !important;
  box-shadow:
    0 0 0 1px rgba(245,165,36,.25),
    inset 0 0 22px -4px rgba(245,165,36,.6),
    0 8px 22px -8px rgba(245,165,36,.5) !important;
}
.work-type-cell__calclink:hover svg,
.work-type-cell__calclink:hover .calclink__phone{
  color:#ffd98a !important;
  stroke:#ffd98a !important;
  background:transparent !important;
}