/*
 * v0.6.0 — owner feedback: "the brass plaque effects are cheesy and look naff" and "elements need breathing space / padding between them".
 * Loaded LAST. 1) No faux metal anywhere: no gradient/radial brass, screws, rivets, engraved plaques, bevels. Brass survives only as a flat
 * accent colour. Sequence numbers become flat door-green discs (white on green bands). 2) A spacing system for text ↔ buttons and button rows.
 */

/* ── 1 · flat numbers ── */
.asu-el :is(.asu-fd-num, .asu-steps__n, .asu-stepsl__n, .asu-syl__n, .asu-t-tl__n, .asu-u-n, .asu-process__n, .asu-ladder__n, .asu-x-step__n, .asu-t-ff__step legend b),
.asu-el .asu-tl__dot::before, .asu-el .asu-w-steps li::before, .asu-steps-n li::before {
  background: var(--fd-door) !important; color: #fff !important; box-shadow: none !important; text-shadow: none !important; border: 0 !important;
}
.asu-el .asu-tl__dot { background: transparent !important; box-shadow: none !important; }
.asu-el .asu-fd-num, .asu-el.asu-steps .asu-steps__n, .asu-el .asu-x-step__n { width: 52px; height: 52px; font-size: 1.5rem; }
/* on door-green or ink blocks, invert */
.asu-el:is(.asu-hero, .asu-cta, .asu-finalcta, .asu-t-band, .asu-t-hero, .asu-t-pp, .asu-w-dtf, .asu-x-pc--green, .asu-x-pc--ink, .asu-fd-hero, .asu-fd-ring, .asu-ladder) :is(.asu-fd-num, .asu-t-tl__n, .asu-u-n, .asu-x-step__n, .asu-ladder__n),
.asu-lp-band--dark :is(.asu-fd-num, .asu-t-tl__n, .asu-u-n, .asu-x-step__n),
.asu-el.asu-w-dtf .asu-w-steps li::before { background: #fff !important; color: var(--fd-door) !important; }
/* connectors: a quiet hairline, not a dashed brass trail */
.asu-fd-steps::before, .asu-el.asu-steps ol::before, .asu-el.asu-process::before { background: var(--fd-line) !important; height: 2px; top: 26px !important; left: 26px !important; }
.asu-el.asu-steps ol::before { right: 26px !important; }
.asu-el.asu-timeline .asu-tl__dot::after { background: var(--fd-line) !important; }
.asu-el.asu-vtl::before, .asu-el.asu-ladder li:not(:last-child)::before, .asu-el.asu-stepsl li:not(:last-child)::before { background: var(--fd-line) !important; }
/* small dots */
.asu-el .asu-sticky__dot, .asu-el.asu-tstrip i { background: var(--fd-brass) !important; box-shadow: none !important; }

/* ── 1 · no plaques, no kick-plate rivets ── */
.asu-fd-kick, .asu-el.asu-hero::after { height: 6px !important; background: var(--fd-brass) !important; }
.asu-fd-kick::before { display: none !important; }
.asu-el.asu-note { background: var(--fd-door) !important; color: #fff !important; text-shadow: none !important; box-shadow: none !important; border-radius: 3px; border-left: 3px solid var(--fd-brass); padding: 7px 14px !important; }
.asu-el.asu-note::before, .asu-el.asu-note::after { display: none !important; }
.asu-el :is(.asu-t-guar__badge, .asu-u-badge, .asu-hero__badge) { background-image: none !important; }

/* ── 2 · breathing space ── */
/* button rows */
.asu-el :is([class*="__btns"], [class*="__ctas"], [class*="__actions"], [class*="__buttons"], .asu-buttons) { display: flex; flex-wrap: wrap; gap: 14px !important; }
.asu-el :is([class*="__btns"], [class*="__ctas"], [class*="__actions"]) { margin-top: 24px; }
/* text then a button, button then text */
:is(.asu-el, .asu-lp) :is(p, ul, ol, dl, table, .asu-lp-tablewrap) + :is(.asu-btn, .asu-lp-btn, .asu-fd-call, p:has(> .asu-btn:only-child), p:has(> .asu-lp-btn:first-child)) { margin-top: 24px; }
:is(.asu-el, .asu-lp) :is(.asu-btn, .asu-lp-btn, .asu-fd-call) + :is(p, ul, ol, dl) { margin-top: 20px; }
:is(.asu-el, .asu-lp) :is(.asu-btn, .asu-lp-btn) + :is(.asu-btn, .asu-lp-btn) { margin-left: 12px; }
@media (max-width: 600px) { :is(.asu-el, .asu-lp) :is(.asu-btn, .asu-lp-btn) + :is(.asu-btn, .asu-lp-btn) { margin-left: 0; margin-top: 12px; } }
/* hero rhythm */
.asu-fd-hero__lead { margin-bottom: 28px !important; }
.asu-fd-hero__more { margin-top: 26px !important; }
.asu-fd-hero .asu-fd-call + * { margin-top: 26px; }
.asu-fd-sign { margin-top: 22px; }
/* cards and lists: a little more air */
.asu-fd-door__body { padding: 18px 12px 12px; }
.asu-fd-steps { gap: 32px; }
.asu-fd-glance > div { padding: 18px 0; }
.asu-lp h2 + p, .asu-el h2 + p { margin-top: .2em; }
.asu-lp :is(h2, h3) { margin-bottom: .55em; }