/* EDII shared shell — nav, footer, WhatsApp float, a11y helpers.
   Design tokens match index/pricing/payments (2026 design system). */
:root {
    --edii-ink: #0B1B2E;
    --edii-board: #1E56C8;
    --edii-leaf: #7FB1FF;
    --edii-gold: #D9A733;
    --edii-t-chalk: #EAF0F9;
    --edii-t-dim: #9DAFC9;
    --edii-line-d: rgba(234, 240, 249, .10);
    --edii-disp: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
    --edii-body: "Figtree", system-ui, -apple-system, sans-serif;
    --edii-mono: "Spline Sans Mono", ui-monospace, Menlo, monospace;
}

.edii-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* ---------- Fixed brand nav (72px; old shell heroes already pad for it) ---------- */
.edii-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: rgba(11, 27, 46, .92);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--edii-line-d);
}
.edii-nav .edii-wrap {
    max-width: 1200px; margin: 0 auto; padding: 0 32px;
    display: flex; align-items: center; gap: 24px; height: 72px;
}
.edii-brand { display: flex; align-items: center; gap: 11px; text-decoration: none; }
.edii-brand img { width: 36px; height: 36px; border-radius: 9px; display: block; }
.edii-brand b { font-family: var(--edii-disp); font-weight: 800; font-size: 1.45rem; color: var(--edii-t-chalk); }
.edii-links { display: flex; gap: 22px; margin-left: auto; align-items: center; }
.edii-links a { color: var(--edii-t-dim); font-weight: 500; font-size: .95rem; text-decoration: none; font-family: var(--edii-body); }
.edii-links a:hover, .edii-links a.on { color: var(--edii-t-chalk); }
.edii-btn {
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--edii-board); color: #fff !important; font-weight: 600; font-size: .92rem;
    padding: 10px 18px; border-radius: 12px; text-decoration: none;
    box-shadow: 0 8px 24px rgba(30, 86, 200, .30);
    transition: transform .15s ease, background .15s ease;
    font-family: var(--edii-body);
}
.edii-btn:hover { background: #2A66E0; transform: translateY(-1px); color: #fff; }
.edii-nav :focus-visible { outline: 2px solid var(--edii-leaf); outline-offset: 3px; border-radius: 4px; }

/* ---------- Compact footer ---------- */
.edii-foot {
    background: var(--edii-ink); color: var(--edii-t-dim);
    padding: 30px 0; font-size: .9rem; font-family: var(--edii-body);
}
.edii-foot .edii-wrap {
    max-width: 1200px; margin: 0 auto; padding: 0 32px;
    display: flex; gap: 18px; flex-wrap: wrap; align-items: center;
}
.edii-foot a { color: inherit; text-decoration: none; display: inline-block; padding: 4px 0; }
.edii-foot a:hover { color: var(--edii-t-chalk); }
.edii-foot .copy { margin-right: auto; }
.edii-foot :focus-visible { outline: 2px solid var(--edii-leaf); outline-offset: 3px; border-radius: 4px; }

/* ---------- Floating WhatsApp ---------- */
.edii-wa {
    position: fixed; right: 20px; bottom: 20px; z-index: 990;
    display: flex; align-items: center; gap: 9px;
    background: #0E7360; color: #fff !important; font-weight: 600; font-size: .92rem;
    padding: 12px 18px; border-radius: 100px; text-decoration: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
    transition: transform .15s ease; font-family: var(--edii-body);
}
.edii-wa:hover { transform: translateY(-2px); color: #fff; }
.edii-wa svg { width: 20px; height: 20px; fill: currentColor; }

@media (max-width: 900px) {
    .edii-links a:not(.edii-btn):not(.keep-m) { display: none; }
    .edii-nav .edii-wrap, .edii-foot .edii-wrap { padding: 0 20px; }
}
@media print { .edii-wa, .edii-nav { display: none; } }