/*
Theme Name: Know Why
Theme URI: https://knowwhy.lt
Author: Tadas (Saulės auditas / IT2)
Description: Nuosava Know Why block (FSE) tema. Navy #02244A + oranžinė #FF3A00. Greita, SEO/GDPR-draugiška, lietuviška. Šriftai self-hosted (Fraunces + Inter).
Version: 0.3.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: knowwhy
*/

:root {
  --brand-navy: #02244A;
  --brand-orange: #FF3A00;
  --kw-navy-50:  #EAF0F7;
  --kw-navy-100: #D2DEEC;
  --kw-navy-600: #0A3A6B;
  --kw-navy-900: #011A38;
  --kw-orange-50:  #FFF1ED;
  --kw-orange-600: #E03200; /* akcentinis tekstas ant balto = AA */
  --kw-shadow: 0 10px 30px rgba(2,36,74,.07);
  --kw-shadow-sm: 0 6px 16px rgba(2,36,74,.06);
}

/* Akcentinis tekstas ant balto — niekada ne #FF3A00 (per silpna), o orange-600 */
.kw-accent-text { color: var(--kw-orange-600); }

/* ── Eyebrow „pill" ───────────────────────────────── */
/* .kw-eyebrow = blokas (sulygiuojamas kaip antraštė); .kw-pill = pati piliulė (span viduje) */
.kw-eyebrow { display:block; margin-bottom:1rem; }
.kw-pill {
  display:inline-flex; align-items:center;
  background: var(--kw-orange-50); color: var(--kw-orange-600);
  padding:.4rem .85rem; border-radius:999px;
  font-family: var(--wp--preset--font-family--sans, Inter, sans-serif);
  font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; font-weight:600;
}

/* ── Ikonos konteineris ───────────────────────────── */
.kw-icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:54px; height:54px; border-radius:14px; flex:0 0 auto;
  color:#fff; background:linear-gradient(135deg, var(--brand-orange), var(--kw-orange-600));
  box-shadow:0 6px 16px rgba(255,58,0,.22); margin-bottom:1.1rem;
}
.kw-icon svg { width:27px; height:27px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* ── Žmonių avatarai (Apie mus) ───────────────────── */
.kw-avatar--icon, .wp-block-image.kw-avatar img { width:92px; height:92px; border-radius:50%; }
.kw-avatar--icon {
  display:inline-flex; align-items:center; justify-content:center; margin-bottom:1.1rem;
  color:#fff; background:linear-gradient(135deg, var(--brand-orange), var(--kw-orange-600));
  box-shadow:0 6px 16px rgba(255,58,0,.22);
}
.kw-avatar--icon svg { width:42px; height:42px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.wp-block-image.kw-avatar { margin:0 0 1.1rem; }
.wp-block-image.kw-avatar img { object-fit:cover; display:block; box-shadow:0 6px 16px rgba(2,36,74,.12); }

/* ── Numeruotas badge ─────────────────────────────── */
.kw-badge {
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:50%;
  color:#fff; font-weight:700; font-size:1.1rem;
  background:linear-gradient(135deg, var(--brand-orange), var(--kw-orange-600));
  box-shadow:0 6px 16px rgba(255,58,0,.22); margin-bottom:1rem;
}

/* ── Kortelės ─────────────────────────────────────── */
.kw-card {
  background:#fff; border:1px solid var(--kw-navy-50); border-radius:16px;
  box-shadow:var(--kw-shadow); padding:2rem; height:100%;
}
.kw-card.kw-card--accent { border-top:3px solid var(--brand-orange); }
.kw-card h3 { margin-top:.25rem; }

/* Vienodas kortelių aukštis grid'e */
.kw-cards .wp-block-column { display:flex; }
.kw-cards .wp-block-column > .wp-block-group,
.kw-cards .wp-block-column > .kw-card { width:100%; }

/* Platesni info blokai (kaip referense) — perrašo constrained contentSize */
.wp-block-columns.kw-cards,
.wp-block-columns.kw-wide { max-width:1180px; margin-left:auto; margin-right:auto; }

/* „Sužinoti daugiau →" — lengvesnis svoris nei hero CTA (galima naudoti is-style-outline) */

/* ── Ikonų sąrašai (block styles core/list) ───────── */
ul.is-style-kw-check, ul.is-style-kw-risk { list-style:none; margin-left:0; padding-left:0; }
.is-style-kw-check li, .is-style-kw-risk li { position:relative; padding-left:1.9rem; margin-bottom:.6rem; }
.is-style-kw-check li::before {
  content:""; position:absolute; left:0; top:.12em; width:1.2rem; height:1.2rem;
  border-radius:50%; background:var(--kw-orange-50);
}
.is-style-kw-check li::after {
  content:""; position:absolute; left:.34rem; top:.42em; width:.42rem; height:.22rem;
  border-left:2px solid var(--brand-orange); border-bottom:2px solid var(--brand-orange);
  transform:rotate(-45deg);
}
.is-style-kw-risk li::before {
  content:""; position:absolute; left:.18rem; top:.55em; width:.55rem; height:.55rem;
  border-radius:50%; background:var(--brand-orange);
}

/* ── Sekcijų fonai / ritmas (navy+orange, ne gintaras) ── */
.kw-tint { background: var(--kw-navy-50); }
.kw-wash { background: linear-gradient(180deg, #FFFFFF 0%, #EAF0F7 100%); }
.kw-orange-wash { background: radial-gradient(120% 110% at 0% 0%, #FFF1ED 0%, #FFFFFF 58%); }

/* ── Fokusas / a11y ───────────────────────────────── */
:where(a):focus-visible,
:where(button, .wp-block-button__link):focus-visible {
  outline:3px solid var(--brand-orange); outline-offset:2px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* ── Fluent Forms (suderinta su saito stiliumi) ───── */
.fluentform .ff-el-input--content input[type="text"],
.fluentform .ff-el-input--content input[type="email"],
.fluentform .ff-el-input--content select,
.fluentform .ff-el-input--content textarea {
  border:1px solid var(--kw-navy-100); border-radius:10px; background:#fff;
  padding:.7rem .9rem; font-family:var(--wp--preset--font-family--sans, Inter, sans-serif);
}
.fluentform .ff-el-input--content input:focus,
.fluentform .ff-el-input--content select:focus,
.fluentform .ff-el-input--content textarea:focus {
  border-color:var(--brand-orange); outline:none; box-shadow:0 0 0 3px rgba(255,58,0,.12);
}
.fluentform .ff-btn-submit {
  background:#E03200 !important; border:none !important; border-radius:999px !important;
  padding:.85rem 2.2rem !important; font-weight:600 !important; color:#fff !important;
}
.fluentform .ff-btn-submit:hover { background:#B82900 !important; }
.fluentform .ff-el-form-check label { font-size:.95rem; color:var(--brand-navy); }

/* ── Mobile ───────────────────────────────────────── */
@media (max-width:781px) {
  .kw-card { padding:1.5rem; }
  .kw-icon { width:48px; height:48px; }
}
@media (max-width:600px) {
  .wp-block-cover .wp-block-buttons { width:100%; }
  .wp-block-cover .wp-block-buttons .wp-block-button { width:100%; }
  .wp-block-cover .wp-block-button__link { display:block; text-align:center; }
}