/* ══════════════════════════════════════════════
   CALM LAYER — site-wide, loaded last
   Removes the decorative effects that had built up across templates:
   shadows (static and hover), blue/orange glow blobs and gradient text.
   Layout and content are untouched. Delete this file's enqueue in
   functions.php to restore the previous look.
   ══════════════════════════════════════════════ */

/* 1. No shadows anywhere. !important also beats the inline styles and the
      onmouseover handlers that add a shadow on hover. */
*,*::before,*::after{box-shadow:none !important}

/* Focus rings used a box-shadow; keep keyboard focus visible with an outline. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #1045D4;outline-offset:2px}

/* Surfaces that relied on a shadow to stand apart get a hairline border instead. */
.mega-menu{border:1px solid #dfe1e6 !important;border-top:2px solid var(--primary,#1045D4) !important}
.tl-popup-box{border:1px solid #dfe1e6}

/* 2. No glow blobs. Every radial gradient in the theme is a decorative overlay
      (an absolutely positioned div or a ::before), never a section background. */
div[style*="position:absolute"][style*="radial-gradient"]{display:none !important}
.hero-orb1,.hero-orb2{display:none !important}
.cta-section::before,.tl-page-hero::before{display:none !important}
/* Hero veils combined a blue glow with the dark fade that keeps text readable: keep the fade only. */
.awg-hero-veil,.faq-hero .veil,.smap-hero .veil{background:linear-gradient(180deg,rgba(11,15,26,.45),#0B0F1A) !important}

/* 3. No gradient text. One solid blue that reads on both light and dark backgrounds. */
[style*="background-clip:text"],
.hero h1 .grad,.stats-left h2 .grad,.cta-inner h2 .grad,
.stat-box .num,.cta-vc-stat strong,.stat-num{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:#3D7BFF !important;
}