/* ==========================================================================
   AlphaTech — design tokens
   Mirrors the active Novamira DESIGN.md (slug: alphatech-solutions) so custom
   HTML-widget components (hero emblem, client wall, dials) share the exact
   same values as Elementor's own Global Colors/Fonts.

   Keep in sync with the DESIGN.md tokens — if one changes, change both.
   ========================================================================== */
:root{
  --navy-950:#020814;
  --navy-900:#030f24;
  --navy-800:#061a3c;
  --navy-700:#0a2a5e;
  --blue-700:#0b45b8;
  --blue-600:#1560ef;   /* primary */
  --blue-500:#2f7dff;
  --blue-400:#5b9bff;
  --azure-300:#8fc2ff;
  /* Was a turquoise (#6ee7ff). Pulled into the blue family — the cyan read as
     a second, competing accent rather than part of the brand. */
  --cyan-300:#5b9bff;
  --spark:#7fb2ff;      /* highlight within the blue family */

  --white:#fff;
  --paper:#f6f9ff;
  --paper-2:#eef4ff;
  --line:#e2ebfa;
  --ink:#0a1526;        /* headings */
  --ink-2:#33415c;      /* body */
  --ink-3:#64748b;      /* muted */

  --grad-brand:linear-gradient(120deg,var(--blue-700) 0%,var(--blue-600) 52%,var(--blue-500) 100%);
  --grad-text:linear-gradient(100deg,var(--blue-700) 0%,var(--blue-500) 50%,#7fb2ff 100%);
  --grad-dark:linear-gradient(160deg,var(--navy-950) 0%,var(--navy-900) 45%,var(--navy-800) 100%);

  --glass-bg:rgba(255,255,255,.62);
  --glass-brd:rgba(255,255,255,.75);

  --sh-sm:0 2px 8px rgba(10,40,100,.06);
  --sh-md:0 10px 30px -8px rgba(9,38,94,.16);
  --sh-lg:0 30px 70px -20px rgba(8,35,90,.28);
  --sh-glow:0 12px 34px -8px rgba(21,96,239,.55);

  --wrap:1240px;
  --gutter:clamp(20px,5vw,48px);
  --radius:20px;
  --radius-sm:12px;
  --radius-lg:28px;
  --header-h:82px;

  --ico-lg:56px;
  --ico-md:46px;
  --ico-sm:40px;

  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.65,0,.35,1);
}

html{scroll-padding-top:calc(var(--header-h) + 16px)}

/* WordPress admin bar shifts everything down 32px (46px on mobile). */
body.admin-bar{--header-h:114px}
@media screen and (max-width:782px){
  body.admin-bar{--header-h:128px}
}

/* ---- Flex-nowrap helpers ------------------------------------------------
   Elementor 3.2.5 predates the Container widget, so "no wrapping" on rows
   that must stay on one line (nav, tabs, footer CTA) is enforced with these
   utility classes added to the relevant Section/Column/Widget's CSS Classes
   field, rather than a Container's flex-wrap control. */
.at-nowrap{flex-wrap:nowrap !important}
.at-nowrap-row{display:flex !important;flex-wrap:nowrap !important;align-items:center}
.at-no-break{white-space:nowrap !important}