/* =====================================================================
   enhance.css — additive premium polish (brand red #E63946)
   PURELY ADDITIVE. No layout, structure, or HTML/PHP changes.
   Loaded globally after style.css so it only augments existing styles.
   ===================================================================== */

/* ---- Reusable glow utility (safe to add to any element's class) ---- */
.glow-red{ box-shadow:0 0 22px rgba(230,57,70,.55); }

/* ---- Smooth global micro-transitions ---- */
a, .btn, .card, .metric-card, .result-card, .tst-card{
  transition:color .25s ease, box-shadow .35s ease,
             transform .35s cubic-bezier(.22,1,.36,1), border-color .35s ease;
}

/* ---- Accessible red focus ring ---- */
:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; border-radius:6px; }

/* ---- Primary CTA: brighter red glow on hover (keeps the existing lift) ---- */
.btn-primary:hover{
  box-shadow:0 16px 36px -8px rgba(230,57,70,.65), 0 0 28px rgba(230,57,70,.45);
}
.btn:active{ transform:translateY(-1px) scale(.99); }

/* ---- Hero + final CTA buttons: gentle breathing glow for visibility ---- */
.xhero .btn-primary, .final-cta .btn-primary{ animation:ctaGlow 3.2s ease-in-out infinite; }
.xhero .btn-primary:hover, .final-cta .btn-primary:hover{ animation:none; }
@keyframes ctaGlow{
  0%,100%{ box-shadow:0 14px 30px -10px rgba(230,57,70,.5); }
  50%   { box-shadow:0 14px 34px -8px rgba(230,57,70,.7), 0 0 30px rgba(230,57,70,.5); }
}

/* ---- Cards: soft red-tinted glow on hover (augments existing hover lift) ---- */
.card:hover, .metric-card:hover, .result-card:hover, .tst-card:hover{
  box-shadow:0 24px 60px -24px rgba(0,0,0,.55),
             0 0 0 1px rgba(230,57,70,.18),
             0 0 32px -6px rgba(230,57,70,.28);
}
.workshop:hover{ box-shadow:0 24px 60px -28px rgba(0,0,0,.5), 0 0 0 1px rgba(230,57,70,.12); }

/* ---- Glassmorphism polish ---- */
.glass-card{ backdrop-filter:blur(20px) saturate(1.12); -webkit-backdrop-filter:blur(20px) saturate(1.12); }

/* ---- Pricing card subtle premium ring ---- */
.pricing{ box-shadow:var(--shadow), 0 0 0 1px rgba(230,57,70,.10); }

/* ---- Respect reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .xhero .btn-primary, .final-cta .btn-primary{ animation:none; }
}