/* Kaira Store static UI demo — small additions on top of main.css (copied unchanged from app/static/css). */

/* The generic input rule in main.css comes later with equal specificity and resets the icon padding. */
.input-icon input[type] { padding-left: 38px; }

/* The sticky header (z-index 40) traps the mobile drawer below the backdrop (z-index 55), so the
   backdrop would swallow taps on menu links. Lift the header above the backdrop while the menu is open. */
body.nav-open .site-header { z-index: 56; }

/* counter(list-item) does not increment on inline-flex list items, so number the steps explicitly. */
.steps { counter-reset: step; }
.steps li { counter-increment: step; }
.steps li::before { content: counter(step); }
.steps .is-done::before { content: "✓"; }

/* `.disclosure a` recolours links; keep buttons inside the demo disclosure legible. */
.disclosure .btn { color: var(--btn-fg); }

/* Credits reuse the legal-page layout inside a section; give the heading room. */
.legal > .section-title { margin-bottom: 16px; }