/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Description: Etusivu + arkisto + single. Neliökuva, kompakti kortti, 4-sarakkeen gridi. Oma arviointikomponentti (KT Rating) palluroilla.
 Version: 6.1
*/

/* Perusfontti */
body{
  font-family: system-ui, -apple-system, "Segoe UI", Inter, Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:#111;
}

/* Design-tokeneita */
:root{
  --radius-card:12px;
  --radius-inner:10px;
  --gap:18px;
  --pad-card:14px;
  --pad-content:10px 12px;

  --border:#e5e7eb;
  --bg:#ffffff;
  --bg-soft:#f2f4f7;

  --muted:#64748B;

  /* arvioiden sävyt kortteihin */
  --good:#12448b;   /* sininen */
  --bad:#6f201d;    /* punainen */
  --dot-off:#E3E6EA;
}

/* --- Kieliteko CTA-kevennys (etusivu) --- */
.kt-ctas {
  display: grid;
  gap: 16px;
}

.kt-cta {
  display: block;
  padding: 50px 20px;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
  border: 1px solid rgba(17, 24, 39, 0.06); /* kevyt reunaviiva */
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  color: #0f172a; /* teksti tummanharmaa */
  background: #f8fafc; /* peruskevyt tausta */
}

/* Väriteemat – kevyet pastellit, hyvä kontrasti linkkitekstille */
.kt-cta.is-blue  { background: #eff6ff; border-color: #dbeafe; }  /* Tailwind-tyylinen blue-50/100 */
.kt-cta.is-ink   { background: #f3f4f6; border-color: #e5e7eb; }  /* harmaa “ink” */
.kt-cta.is-green { background: #ecfdf5; border-color: #d1fae5; }  /* mintunvihreä */

/* Otsikko/teksti */
.kt-cta h3 { margin: 0 0 6px; font-weight: 700; font-size: 1.1rem; }
.kt-cta p  { margin: 0; line-height: 1.45; color: #334155; }

/* Hover/focus: pieni nosto, ei tummenneta liikaa */
.kt-cta:hover, .kt-cta:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(2, 6, 23, .06);
}

/* Pienet lisäsävyt hoveriin (erottuvuus säilyy kevyenä) */
.kt-cta.is-blue:hover  { background: #eaf2ff; }
.kt-cta.is-ink:hover   { background: #eef0f3; }
.kt-cta.is-green:hover { background: #e6fbf2; }

.site-info { display: none !important; }

/* --- Kieliteko-arkisto: mobiilireunat yhtenäisiksi ------------------------ */
:root { --page-padding: clamp(16px, 4vw, 24px); }

@media (max-width: 900px) {
  /* Sisäreunat otsikkopalkkiin, suodatinpalstaan, kortteihin ja sivutukseen */
  body.post-type-archive-kieliteko .kt-archbar,
  body.post-type-archive-kieliteko .kt-archive__filters,
  body.post-type-archive-kieliteko .kt-archive__content,
  body.post-type-archive-kieliteko .kt-pagination,
  body.post-type-archive-kieliteko .navigation.pagination {
    padding-left: calc(var(--page-padding) + env(safe-area-inset-left));
    padding-right: var(--page-padding);
  }

  /* Kun 2-palstainen runko pinoutuu, anna rungolle kevyt vaakaväli */
  body.post-type-archive-kieliteko .kt-archive {
    gap: var(--page-padding);
  }

  /* Varmistus, ettei mahdolliset .alignfull-lohkot vuoda reunan yli */
  body.post-type-archive-kieliteko .kt-archive__content > .alignfull,
  body.post-type-archive-kieliteko .kt-archbar > .alignfull {
    margin-left: calc(-1 * var(--page-padding));
    margin-right: calc(-1 * var(--page-padding));
    width: calc(100% + 2 * var(--page-padding));
  }
}

/* Pieni hienosäätö: ikonirivi ei liimaudu reunaan aivan pienillä */
@media (max-width: 520px) {
  body.post-type-archive-kieliteko .kt-archbar__icon {
    margin-left: 0; /* jos aiempi layout lisäsi negatiivimarginaaleja */
  }
}