/* ============================================================================
   eBike Spareparts — base layout & resets (tokens.css:n päälle)
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg1);
  font-family: var(--font-text);
  font-size: var(--fs-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, picture, svg, video { max-width: 100%; height: auto; display: block; }

:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* Sticky footer: footer aina pohjaan, sisältö täyttää korkeuden */
.wp-site-blocks { overflow-x: clip; display: flex; flex-direction: column; min-height: 100vh; }
.wp-site-blocks > main, .wp-site-blocks > .eb-shop { flex: 1 0 auto; }
.eb-footer { margin-top: auto; }

/* Skip-link saavutettavuus */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  background: var(--ink-900);
  color: var(--volt-500);
  padding: var(--sp-3) var(--sp-4);
  border-radius: 0 0 var(--r-sm) 0;
  font-family: var(--font-mono);
}
.skip-link:focus { left: 0; }

/* Sticky-header ei katkea template-part-wrapperiin (block-teema-gotcha) */
.wp-site-blocks > .wp-block-template-part { display: contents; }

/* Painikkeiden perusmuoto (volt) — laajennetaan komponenttikohtaisesti F1+ */
.wp-element-button,
.wp-block-button__link {
  font-family: var(--font-text);
  font-weight: 700;
  border-radius: var(--r-sm);
}