/*
Theme Name: Tasakaalustaja
Theme URI: https://tasakaalustaja.com
Author: Karin Tiit
Description: Tasakaalustaja.com ootenimekirja leht. Üheleheline teema Brevo liitumisvormiga.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tasakaalustaja
*/

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #f9fbf6;
  color: #1d2a16;
  font-family: Lato, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: #2f6b23; text-decoration: none; transition: color .2s; }
a:hover { color: #1d2a16; }

h1, h2, h3, p, li { text-wrap: pretty; }

img { max-width: 100%; }

input { font-family: inherit; }

/* --- Liitumisvorm, hele sektsioon --- */

.tasak-input:focus { border-color: #2f6b23; }
.tasak-btn { transition: background .2s; }
.tasak-btn:hover { background: #1d2a16; }

/* --- Liitumisvorm, tume sektsioon --- */

.tasak-input--dark:focus { border-color: #a8d58a; }
.tasak-btn--dark:hover { background: #a8d58a; }

/* --- Nähtav klaviatuurifookus --- */

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #2f6b23;
  outline-offset: 3px;
}

.tasak-form--dark a:focus-visible,
.tasak-form--dark button:focus-visible,
.tasak-form--dark input:focus-visible {
  outline-color: #a8d58a;
}

/* --- Vormi olek saatmise ajal --- */

.tasak-form.is-saatmisel button { opacity: .6; cursor: default; }

.tasak-note--viga { color: #a8462c; }
.tasak-form--dark ~ .tasak-note--viga,
.tasak-note--dark.tasak-note--viga { color: #e8a48f; }

/* --- Ekraanilugejale --- */

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

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}