/*
Theme Name: AJ Asunnot
Description: AJ Asunnot -sivuston teema. Navi ja footer ovat komponenttikirjastosta
  renderoituja partialeja (partials/), sivun runko tulee the_content():sta ja
  ulkoasu tiedostosta assets/styles.css. Selaimeen ei mene Reactia.
Version: 1.0
Requires at least: 6.0
Tested up to: 7.1
Text Domain: aj-asunnot
*/

/* Teeman oma CSS on assets/styles.css (komponenttikirjaston tuotos).
   Tassa vain sivupinnan asetus, jonka kirjasto jattaa tarkoituksella
   kuluttajan vastuulle (ks. aj-asunnot-ds/.design-sync/NOTES.md). */
html, body { margin: 0; background: var(--bg, #fff); }
/* Leipatekstifontti myos luokattomalle tekstille (esim. .screen-reader-text ja
   WordPressin oma tuotos): ilman tata ne putoavat selaimen oletusserifiin. */
body { min-height: 100vh; font-family: var(--font-body, sans-serif); }
img { max-width: 100%; }

.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.screen-reader-text:focus {
  position: static; width: auto; height: auto;
  margin: 0; padding: 8px 12px; clip-path: none;
}

/* Footerin aalto on sivun pohjavari, joka tyontyy footeriin. Etusivu paattyy
   tummaan kuvapaneeliin, jolloin valkoinen aalto jattaisi vaalean sauman
   paneelin ja footerin valiin; siella aalto piirretaan tummana. */
body.home .ajd-footer .ajd-wave--top path { fill: var(--brand-900); }