/* ===========================
   ÜLDISED MUUTUJAD
   =========================== */
:root { --kt-accent: var(--e-global-color-accent, #ff6600); }

/* ===========================
   VORMI KONTEINER
   =========================== */
.koolitaja-test-form{
  max-width:720px !important;
  margin:32px auto !important;
  padding:26px !important;
  background:#fff !important;
  border:1px solid #e9ecf3 !important;
  border-radius:14px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
  font-family:"Helvetica Neue", Arial, sans-serif !important;
  color:#2b2b2b !important;
}
.koolitaja-test-form h2{
  margin:0 0 10px !important;
  font-size:1.55rem !important;
  color:#1d1d1d !important;
}

/* ===========================
   KÜSIMUSE BLOKK (<p class="kt-q">)
   =========================== */
.koolitaja-test-form p.kt-q{
  margin:14px 0 !important;
  padding:12px 14px !important;         /* ühtlane vasak serv */
  border:1px solid transparent !important;
  border-radius:10px !important;
  line-height:1.45 !important;
}
.koolitaja-test-form p.kt-q:nth-of-type(even){
  background:#f5f7fb !important;
  border-color:#eef1f6 !important;
}
.koolitaja-test-form p.kt-q strong{ font-weight:600 !important; }

/* ===========================
   VASTUSE READ (AINULT küsimustes)
   =========================== */
.koolitaja-test-form p.kt-q label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:6px 0 !important;
  padding:6px 8px !important;
  border-radius:8px !important;
  font-weight:400 !important;
  cursor:pointer !important;
  line-height:1.35 !important;
  transition: background .15s ease, box-shadow .15s ease !important;
}
.koolitaja-test-form p.kt-q label:hover{ background:#f1f5fb !important; }
/* eemaldab HTML <br> järelvahed */
.koolitaja-test-form p.kt-q label + br{ display:none !important; }

/* Radio-nupud suuremaks ja aktsentvärviga */
.koolitaja-test-form input[type=radio]{
  width:20px !important; height:20px !important; flex:0 0 20px !important;
  accent-color: var(--kt-accent) !important;
  margin:0 !important;
}
.koolitaja-test-form input[type=radio]:focus-visible{
  outline:2px solid var(--kt-accent) !important;
  outline-offset:2px !important; border-radius:50% !important;
}

/* ===========================
   SISUVÄLJAD (tekst, e-post, tel, textarea)
   =========================== */
.koolitaja-test-form input[type="text"],
.koolitaja-test-form input[type="email"],
.koolitaja-test-form input[type="tel"],
.koolitaja-test-form textarea{
  width:100% !important;
  border:1px solid #e4e7ee !important;   /* ühtne hall raam ALGUSES */
  border-radius:8px !important;
  padding:10px 12px !important;
  font:inherit !important;
  box-sizing:border-box !important;
  resize:vertical !important;
}

/* E-post punaseks AINULT siis, kui JS lisab .invalid
   või kui kasutaja on midagi tippinud ja see on vigane */
.koolitaja-test-form input[type="email"].invalid,
.koolitaja-test-form input[type="email"]:not(:placeholder-shown):invalid{
  border-color:#d33 !important;
  box-shadow:0 0 0 2px rgba(221,51,51,.10) !important;
}

/* Abitekst e-posti all */
.koolitaja-test-form .help{
  display:block !important;
  font-size:.9rem !important;
  color:#6b7280 !important;
  margin-top:6px !important;
}

/* ===========================
   NÕUSOLEKU SEKTSIOON (eraldi stiil)
   =========================== */
.koolitaja-test-form p.consent{
  margin:12px 0 !important;
  padding:12px 14px !important;
  background:#f5f7fb !important;
  border:1px solid #eef1f6 !important;
  border-radius:10px !important;
  text-align:left !important;            /* väldi justify’t */
}
.koolitaja-test-form p.consent label{
  display:grid !important;
  grid-template-columns:22px 1fr !important; /* checkbox | tekst */
  column-gap:10px !important;
  align-items:start !important;
  padding:0 !important;
  background:transparent !important;
  cursor:default !important;
  text-align:left !important;
  line-height:1.4 !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
}
.koolitaja-test-form p.consent label:hover{ background:transparent !important; }
.koolitaja-test-form p.consent input[type="checkbox"]{
  width:18px !important; height:18px !important;
  margin:2px 0 0 0 !important;
  accent-color: var(--kt-accent) !important;
}
.koolitaja-test-form p.consent a{
  display:inline !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

/* Veatõst nõusolekul */
.koolitaja-test-form p.consent.invalid{
  background:#fff5f5 !important;
  border-color:#f0b3b3 !important;
}

/* ===========================
   NUPP
   =========================== */
.koolitaja-test-submit{
  display:inline-block !important;
  background:var(--kt-accent) !important;
  color:#fff !important;
  font-size:1rem !important;
  padding:12px 20px !important;
  border:none !important;
  border-radius:10px !important;
  cursor:pointer !important;
  transition: transform .02s ease, filter .15s ease !important;
}
.koolitaja-test-submit:hover{ filter:brightness(.95) !important; }
.koolitaja-test-submit:active{ transform: translateY(1px) !important; }

/* ===========================
   TULEMUSE BLOKK + PILDID
   =========================== */
.koolitaja-test-result{
  max-width:920px !important;
  margin:28px auto !important;
  padding:20px !important;
  background:#f9fafc !important;
  border:2px solid var(--kt-accent) !important;
  border-radius:14px !important;
}
.koolitaja-test-result-grid{
  display:grid !important;
  grid-template-columns:220px 1fr !important;
  gap:18px !important;
  align-items:center !important;
}
.koolitaja-test-result-media img{
  display:block !important;
  width:100% !important; height:auto !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #e9ecf3 !important;
}
.koolitaja-test-result h2{
  margin:0 0 8px !important;
  color:var(--kt-accent) !important;
  font-size:1.45rem !important;
}
.koolitaja-test-result p{ margin:8px 0 !important; line-height:1.55 !important; }

/* CTA-nupud tulemuses */
.koolitaja-test-result .kt-cta{ margin-top:10px !important; }
.koolitaja-test-result .koolitaja-test-btn,
.koolitaja-test-form   .koolitaja-test-btn{
  display:inline-block !important;
  background: var(--kt-accent) !important;
  color:#fff !important;
  text-decoration:none !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  margin-right:10px !important;
  border:2px solid var(--kt-accent) !important;
  transition: transform .02s ease, filter .15s ease !important;
}
.koolitaja-test-result .koolitaja-test-btn:hover{ filter:brightness(.95) !important; }
.koolitaja-test-result .koolitaja-test-btn:active{ transform: translateY(1px) !important; }
.koolitaja-test-result .koolitaja-test-btn-outline,
.koolitaja-test-form   .koolitaja-test-btn-outline{
  display:inline-block !important;
  background:transparent !important;
  color: var(--kt-accent) !important;
  text-decoration:none !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  border:2px solid var(--kt-accent) !important;
}
.koolitaja-test-result .koolitaja-test-btn-outline:hover{
  background: rgba(255,102,0,.06) !important;
}

/* ===========================
   SERVERIPOOOLNE VEATEADE
   =========================== */
.koolitaja-test-error{
  max-width:720px !important;
  margin:20px auto !important;
  padding:12px 14px !important;
  background:#fff6f6 !important;
  border:1px solid #f3c2c2 !important;
  color:#a40000 !important;
  border-radius:10px !important;
  font-weight:600 !important;
}

/* ===========================
   VIGADE ESILETÕSTMINE (JS lisab .invalid)
   =========================== */
.koolitaja-test-form p.kt-q.invalid,
.koolitaja-test-form p.kt-q.invalid:nth-of-type(even){
  background:#fff5f5 !important;
  border-color:#f0b3b3 !important;
}

/* ===========================
   KONTAKTIVORM TULEMUSE ALL
   =========================== */
.kt-contact-wrap{ max-width:720px !important; margin:18px auto !important; }
.kt-contact-wrap h3{ margin:6px 0 10px !important; font-size:1.25rem !important; }
.koolitaja-test-form.kt-contact{ padding:18px !important; }
.koolitaja-test-form.kt-contact .kt-row{ margin:10px 0 !important; }
.koolitaja-test-form.kt-contact .kt-row label span{
  display:block !important; font-weight:600 !important; margin-bottom:6px !important;
}
.koolitaja-test-form.kt-contact input[type="text"],
.koolitaja-test-form.kt-contact input[type="email"],
.koolitaja-test-form.kt-contact input[type="tel"],
.koolitaja-test-form.kt-contact textarea{
  width:100% !important; border:1px solid #e4e7ee !important; border-radius:8px !important; padding:10px 12px !important;
}

/* ===========================
   ELEMENTOR/EDUMA KONTEINER
   =========================== */
.elementor-widget-shortcode .koolitaja-test-form,
.elementor-widget-html .koolitaja-test-form{ width:100% !important; }

/* ===========================
   VÄIKSEMAD EKRAANID
   =========================== */
@media (max-width:700px){
  .koolitaja-test-result-grid{ grid-template-columns:1fr !important; }
}

/* Nõusolekunupu turvalised vaikeseaded */
.koolitaja-test-form p.consent{ text-align:left !important; }
.koolitaja-test-form p.consent label{ min-width:0 !important; }
.koolitaja-test-form p.consent label > *:last-child{ min-width:0 !important; }
.koolitaja-test-form p.consent a{
  display:inline !important; white-space:normal !important;
  word-break:normal !important; overflow-wrap:break-word !important;
}

/* Placeholder nähtav vaikimisi, kuid kaob fookuses */
.koolitaja-test-form input::placeholder,
.koolitaja-test-form textarea::placeholder{
  transition: opacity .15s ease, color .15s ease;
}

.koolitaja-test-form input:focus::placeholder,
.koolitaja-test-form textarea:focus::placeholder{
  opacity: 0;                /* või: color: transparent; */
}

/* --- RADIO-NUPUD: suurem, täpp keskele --- */
.koolitaja-test-form input[type=radio]{
  appearance:auto !important;
  -webkit-appearance:auto !important;
  -moz-appearance:auto !important;
  transform: scale(1.15) !important;
  transform-origin: center !important;
  accent-color: var(--kt-accent) !important;
  margin: 0 .25rem 0 0 !important;
  vertical-align: middle !important;
}

/* --- VIGADE ESILETÕSTMINE (vastamata küsimus) --- */
.koolitaja-test-form p.kt-q.invalid{
  background:#fff5f5 !important;
  border-color:#f0b3b3 !important;
  box-shadow: inset 0 0 0 1px rgba(240,179,179,.8) !important; /* nähtavam serv */
}
/* kui teema annab labelile tausta, nulli see veaploki sees */
.koolitaja-test-form p.kt-q.invalid label{
  background: transparent !important;
}