/* ============================================================
   Site bar above the Spectrum nav — links the microsite back to the
   parent brand. Loaded after spectrum.css. The nav is position:fixed,
   so the offset variable grows by the bar height.
   ============================================================ */
:root { --air-bar-h: 36px; --offer-h: calc(38px + var(--air-bar-h)); }
.spc-nav__offer { height: 38px; }
.air-bar { height: var(--air-bar-h); background: #f5f2fc; color: #120b22; border-bottom: 1px solid #e3dff2; font-family: "Inter", "Figtree", system-ui, sans-serif; font-size: .8rem; }
.air-bar__inner { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); height: 100%; display: flex; align-items: center; gap: 16px; }
.air-bar__brand { display: inline-flex; align-items: center; gap: 8px; color: #3f0ea6; font-weight: 700; letter-spacing: .01em; white-space: nowrap; }
.air-bar__brand:hover { color: #1e0653; }
.air-bar__mark { color: #3f0ea6; border-radius: 4px; }
.air-bar__note { color: #4d4560; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-bar__link { margin-left: auto; color: #3f0ea6; font-weight: 600; white-space: nowrap; }
.air-bar__link:hover { color: #5b17e8; }
@media (max-width: 767px) { .air-bar__note { display: none; } .air-bar__brand span { display: none; } }
/* WCAG 2.5.8 wants 24px on a pointer target. Both of these were 15-22px,
   and on mobile the brand collapses to a bare 22px icon. The bar is 36px
   tall, so the minimum fits inside it without moving anything. */
.air-bar__brand, .air-bar__link { min-height: 24px; display: inline-flex; align-items: center; }

/* In-text links need more than colour (WCAG 1.4.1). */
.spc-fine a, .spc-legal__body p a:not(.spc-btn) { text-decoration: underline; text-underline-offset: 2px; }

/* ============================================================
   Audit 2026-09-27 — pointer-target minimums in the ported sections.
   This file is the one stylesheet all eleven sections load, so it is the
   right place for a fix that applies across them.

   Size only. No colour, typeface, spacing or brand mark is touched, so each
   carrier's design is unchanged — these are the call and disclosure links
   the audit measured at 16-23px against the 24px WCAG 2.5.8 minimum.
   ============================================================ */
.plancard__call,        /* frontier — "Call (855) …" on each plan card, 21px */
.disclosure__cta,       /* frontier — offer-details link, 23px            */
.tap-target,            /* optimum  — named for the job, was 18px         */
.xfr-fcard__cta,        /* xfinity  — "Call Now" on the feature cards     */
.home_footAddr___FFl_,  /* astound  — footer address link, 16px           */
[class*="home_footBottomLinks"] a, /* astound — bottom legal row, 22px; matched on the
                        stable part of the CSS-module name so a re-export keeps it */
.faq__ask,              /* frontier — "ask us" under the FAQ, 17px        */
.viv-step__link         /* vivint   — step links, 16px                    */
{ min-height: 24px; display: inline-flex; align-items: center; }

/* optimum — the link under the hero, 20px. There is no section body class to
   scope by, but this file only loads on the eleven carrier sections and the
   selector names that element's exact utility pair. */
a.mt-5.inline-flex { min-height: 24px; align-items: center; }

/* Section footers. Each ported design lays its footer out as link columns,
   and in every one of them the links measured 20-22px — the same shortfall
   EZ's own footer had. Padding only; the columns keep their spacing because
   the padding replaces part of the gap rather than adding to it. */
.spc-footer a, .xfr-footer a, .dtv-footer a,
.kin-footer a, .viv-footer a, .adt-footer a,
.site-footer a { padding-block: 2px; min-height: 24px; min-width: 24px; display: inline-flex; align-items: center; }
/* min-width: a one-word label such as Frontier's footer "TV" is 20px wide,
   and with its neighbour 10px away the WCAG spacing exception does not apply. */