/* Mīlēt Izglītoti — nodarbības "Pedagogu sadarbība ar vecākiem" lapa (DESIGN.md web palete).
   Pašpietiekams stils: lielāks teksts (auditorija 50+), lielas pogas, sticky CTA mobilajā. */
@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://miletizglitoti.lv/wp-content/themes/astra/assets/fonts/Gilroy-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://miletizglitoti.lv/wp-content/themes/astra/assets/fonts/Gilroy-Bold.woff2') format('woff2'); }

:root {
  --lav: #d5d2ff; --lav-light: #efedff; --plum: #553962; --plum-dark: #46304f;
  --plum-muted: #a98ebb; --accent: #fef7b1; --rose: #d4748a;
  --text: #2b2b2b; --text-soft: #4a4a4a; --white: #ffffff; --line: #e3e0f5;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Open Sans', sans-serif; color: var(--text); background: var(--white);
  font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased;
}
@media (min-width: 720px) { body { font-size: 19px; } }
h1, h2, h3 { font-family: 'Gilroy', 'Open Sans', sans-serif; line-height: 1.22; color: var(--text); }
img { max-width: 100%; height: auto; display: block; }

.wrap { max-width: 700px; margin: 0 auto; padding: 0 20px; }
section { padding: 52px 0; }
.mark { background: linear-gradient(transparent 55%, var(--accent) 55%); padding: 0 2px; }
h2 { font-size: clamp(25px, 5.5vw, 33px); margin-bottom: 12px; }
.sub { color: var(--text-soft); margin-bottom: 28px; max-width: 34em; }
.center { text-align: center; }

/* ===== Pogas ===== */
.btn {
  display: inline-block; text-align: center; text-decoration: none; border-radius: 14px;
  padding: 18px 26px; font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 19px;
  cursor: pointer; border: 2px solid var(--plum); transition: transform 0.15s ease-out, background-color 0.15s ease-out;
  min-height: 56px;
}
.btn:active { transform: scale(0.98); }
.btn-primary { background: var(--plum); color: var(--white); }
.btn-primary:hover { background: var(--plum-dark); }
.btn-secondary { background: var(--white); color: var(--plum); }
.btn-secondary:hover { background: var(--lav-light); }
.btn-block { display: block; }
@media (prefers-reduced-motion: reduce) { .btn, .btn:active { transition: none; transform: none; } html { scroll-behavior: auto; } }

/* ===== Ierobežoto vietu ziņa ===== */
.seats-pill {
  display: inline-block; background: var(--accent); color: var(--plum-dark);
  border-radius: 999px; padding: 8px 18px; font-size: 15px; line-height: 1.45;
  margin-bottom: 18px;
}
.seats-pill b { font-family: 'Gilroy', sans-serif; }
.final-cta .seats-pill { margin: 0 0 18px; }
.form-section .seats-pill { margin: -14px 0 24px; }
.klat-join-note { margin-top: 12px; font-size: 0.85em; color: var(--text-soft); }
.klat-join-note a { color: var(--plum); }

.cta-stack { display: grid; gap: 12px; max-width: 460px; }
.cta-note { font-size: 0.88em; color: var(--text-soft); margin-top: 10px; }
.cta-mid { margin-top: 30px; text-align: center; }
.cta-mid .btn { min-width: min(100%, 380px); }
.cta-mid .cta-note { margin-top: 8px; }

/* ===== Sticky CTA (mobilais) ===== */
.sticky-cta {
  display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  background: var(--white); border-top: 1px solid var(--line);
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  box-shadow: 0 -4px 18px rgba(85, 57, 98, 0.12);
}
.sticky-cta .btn { width: 100%; padding: 15px 20px; font-size: 18px; }
@media (max-width: 719px) {
  .sticky-cta.visible { display: block; }
  body.has-sticky { padding-bottom: 84px; }
}

/* ===== Hero ===== */
.hero { background: var(--lav); padding: 46px 0 54px; }
.eyebrow {
  display: inline-block; background: var(--white); border-radius: 999px; padding: 8px 18px;
  font-size: 13.5px; font-weight: 700; color: var(--plum); letter-spacing: 0.08em;
  text-transform: uppercase; margin-bottom: 20px;
}
.hero h1 { font-size: clamp(30px, 6.5vw, 44px); font-weight: 700; margin-bottom: 16px; max-width: 17em; }
.hero .lead { font-size: 1.02em; margin-bottom: 14px; max-width: 32em; }
.hero .lead-extra { font-size: 0.92em; color: var(--text-soft); max-width: 34em; }

.info-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 26px 0; max-width: 560px; }
@media (min-width: 720px) { .info-cards { grid-template-columns: repeat(4, 1fr); max-width: none; } }
.info-card {
  background: var(--white); border-radius: 14px; padding: 14px 12px; text-align: center;
  font-size: 15px; font-weight: 600; line-height: 1.4; display: grid; justify-items: center; gap: 6px;
}
.info-card svg { display: block; }

/* ===== Vērtības josla ===== */
.value-bar { background: var(--white); padding: 40px 0 10px; }
.value-cards { display: grid; gap: 12px; }
@media (min-width: 720px) { .value-cards { grid-template-columns: repeat(3, 1fr); } }
.value-card { background: var(--lav-light); border-radius: 18px; padding: 24px 20px; text-align: center; }
.value-card .big { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 24px; color: var(--plum); margin-bottom: 4px; }
.value-card p { font-size: 0.86em; color: var(--text-soft); }

/* ===== Saraksti ===== */
.check-list { list-style: none; display: grid; gap: 12px; }
.check-list li {
  background: var(--lav-light); border-radius: 14px; padding: 16px 18px;
  display: flex; gap: 12px; align-items: flex-start; font-size: 0.95em;
}
.check-list li svg { flex: none; margin-top: 5px; }
.check-list.on-white li { background: var(--white); }

.highlight-note {
  margin-top: 26px; background: var(--white); border-left: 5px solid var(--plum-muted);
  border-radius: 0 14px 14px 0; padding: 18px 20px;
  font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 1.08em;
}

/* ===== 3 soļu sistēma ===== */
.steps { display: grid; gap: 14px; }
@media (min-width: 720px) { .steps { grid-template-columns: repeat(3, 1fr); } .steps-wrap { max-width: 1020px; } }
.step-card { background: var(--white); border: 2px solid var(--line); border-radius: 18px; padding: 22px 20px; }
.step-card .num {
  display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: var(--lav); color: var(--plum); font-family: 'Gilroy', sans-serif; font-weight: 700;
  font-size: 19px; margin-bottom: 10px;
}
.step-card h3 { font-size: 1.05em; margin-bottom: 10px; }
.step-card ul { list-style: none; display: grid; gap: 8px; }
.step-card li { font-size: 0.82em; color: var(--text-soft); padding-left: 16px; position: relative; line-height: 1.5; }
.step-card li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 7px; height: 7px; border-radius: 50%; background: var(--plum-muted); }

/* ===== Ko apgūsi ===== */
.gain-cards { display: grid; gap: 12px; }
@media (min-width: 720px) { .gain-cards { grid-template-columns: 1fr 1fr; } }
.gain-card { background: var(--white); border-radius: 18px; padding: 22px 20px; }
.gain-card h3 { font-size: 1em; margin-bottom: 6px; display: flex; gap: 10px; align-items: center; }
.gain-card h3 svg { flex: none; }
.gain-card p { font-size: 0.88em; color: var(--text-soft); }

/* ===== Izcēluma bloks (paceļ balsi) ===== */
.calm-block { background: var(--plum); color: var(--white); }
.calm-block h2, .calm-block h3 { color: var(--white); }
.calm-block .sub { color: #e9e2ef; }
.calm-block .check-list li { background: rgba(255, 255, 255, 0.1); color: var(--white); }
.calm-quote {
  margin-top: 28px; background: rgba(255, 255, 255, 0.12); border-left: 5px solid var(--accent);
  border-radius: 0 14px 14px 0; padding: 20px 22px; font-style: italic; font-size: 1.02em; line-height: 1.6;
}
.calm-after { margin-top: 16px; font-weight: 700; font-family: 'Gilroy', sans-serif; }

/* ===== Grāmatas bloks ===== */
.book-flex { display: grid; gap: 26px; align-items: center; }
@media (min-width: 720px) { .book-flex { grid-template-columns: 240px 1fr; } }
.book-flex img { max-width: 240px; margin: 0 auto; filter: drop-shadow(0 8px 20px rgba(85, 57, 98, 0.18)); }
.book-flex p + p { margin-top: 12px; }
.book-flex .book-text p { font-size: 0.95em; }

/* ===== Kam paredzēta ===== */
.audience-cards { display: grid; gap: 12px; }
@media (min-width: 500px) { .audience-cards { grid-template-columns: 1fr 1fr; } }
.audience-card {
  background: var(--lav-light); border-radius: 16px; padding: 18px 18px;
  display: flex; gap: 12px; align-items: flex-start; font-weight: 600; font-size: 0.95em;
}
.audience-card svg { flex: none; margin-top: 4px; }
.audience-note { margin-top: 20px; font-size: 0.9em; color: var(--text-soft); max-width: 36em; }

/* ===== Apliecība ===== */
.cert-section { background: var(--lav-light); }
.cert-card {
  background: var(--white); border: 2px solid var(--plum-muted); border-radius: 20px;
  padding: 30px 24px; display: grid; gap: 18px; justify-items: start;
}
@media (min-width: 720px) { .cert-card { grid-template-columns: auto 1fr; align-items: start; padding: 34px 32px; } }
.cert-card h3 { font-size: 1.25em; margin-bottom: 10px; }
.cert-card p { font-size: 0.95em; }
.cert-card p + p { margin-top: 10px; }
.cert-facts { margin-top: 14px; display: grid; gap: 8px; list-style: none; }
.cert-facts li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.9em; }
.cert-facts li svg { flex: none; margin-top: 5px; }

/* ===== Par lektori ===== */
.author-flex { display: grid; gap: 26px; align-items: start; }
@media (min-width: 720px) { .author-flex { grid-template-columns: 280px 1fr; } }
.author-flex img { border-radius: 20px; width: 100%; max-width: 340px; margin: 0 auto; }
.author-text p + p { margin-top: 12px; }
.author-text .name { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 1.15em; }
.author-text .role { color: var(--text-soft); font-size: 0.92em; margin-top: 2px; }
.author-text p { font-size: 0.95em; }

/* ===== Cena ===== */
.price-cards { display: grid; gap: 14px; }
@media (min-width: 620px) { .price-cards { grid-template-columns: 1.15fr 1fr; align-items: stretch; } }
.price-card { background: var(--white); border-radius: 20px; padding: 28px 24px; border: 2px solid var(--line); display: flex; flex-direction: column; }
.price-card.main { border-color: var(--plum); box-shadow: 0 6px 24px rgba(85, 57, 98, 0.10); }
.price-card .amount { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 42px; color: var(--plum); line-height: 1.1; }
.price-card.klat .amount { font-size: 30px; padding: 6px 0 4px; }
.price-card .who { font-weight: 700; margin: 2px 0 14px; font-size: 0.95em; }
.price-card ul { list-style: none; display: grid; gap: 8px; margin-bottom: 20px; }
.price-card li { display: flex; gap: 9px; align-items: flex-start; font-size: 0.88em; }
.price-card li svg { flex: none; margin-top: 5px; }
.price-card p { font-size: 0.88em; color: var(--text-soft); margin-bottom: 20px; }
.price-card .btn { margin-top: auto; }
.klat-upsell {
  margin-top: 18px; background: var(--lav-light); border-radius: 14px; padding: 16px 18px;
  font-size: 0.86em; color: var(--text-soft); max-width: 560px;
}
.klat-upsell a { color: var(--plum); font-weight: 600; }

/* ===== FAQ ===== */
.faq details { background: var(--lav-light); border-radius: 14px; padding: 16px 20px; margin-bottom: 10px; }
.faq summary { font-weight: 700; cursor: pointer; font-family: 'Gilroy', sans-serif; font-size: 0.98em; min-height: 32px; }
.faq p { margin-top: 10px; font-size: 0.9em; color: var(--text-soft); }
.faq p a, .cta-note a { color: var(--plum); }

/* ===== Fināla CTA ===== */
.final-cta { background: var(--lav); text-align: center; }
.final-cta h2 { max-width: 20em; margin-left: auto; margin-right: auto; }
.final-cta .when { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 1.1em; margin: 18px 0 4px; }
.final-cta .what { color: var(--text-soft); margin-bottom: 24px; font-size: 0.95em; }
.final-cta .btn { min-width: min(100%, 400px); }
.final-cta .cta-note { margin-top: 12px; }

/* ===== Forma ===== */
.form-section { background: var(--lav-light); }
form { background: var(--white); border-radius: 20px; padding: 28px 22px; }
@media (min-width: 720px) { form { padding: 34px 30px; } }
fieldset { border: 0; margin-bottom: 24px; }
legend, label.top { display: block; font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 0.92em; margin-bottom: 8px; }
.radio-row { display: grid; gap: 12px; }
.radio-card {
  display: flex; gap: 14px; align-items: flex-start; border: 2px solid var(--line);
  border-radius: 16px; padding: 18px 16px; cursor: pointer; min-height: 64px;
}
.radio-card:has(input:checked) { border-color: var(--plum); background: var(--lav-light); }
.radio-card input { margin-top: 4px; accent-color: var(--plum); width: 22px; height: 22px; flex: none; }
.radio-card b { font-family: 'Gilroy', sans-serif; font-size: 0.98em; }
.radio-card small { display: block; color: var(--text-soft); font-size: 0.8em; margin-top: 2px; }
.field { margin-bottom: 18px; }
.field input, .field textarea {
  width: 100%; border: 2px solid var(--line); border-radius: 12px; padding: 14px 16px;
  font: inherit; font-size: 17px; color: var(--text); background: var(--white);
}
.field input:focus, .field textarea:focus, .radio-card input:focus-visible, .check input:focus-visible {
  outline: 3px solid var(--plum-muted); outline-offset: 1px; border-color: var(--plum-muted);
}
.check { display: flex; gap: 12px; align-items: flex-start; font-size: 0.85em; margin-bottom: 18px; cursor: pointer; padding: 6px 0; }
.check input { margin-top: 3px; accent-color: var(--plum); width: 22px; height: 22px; flex: none; }
.submit { width: 100%; border: 0; font-size: 19px; }
.err { color: #a83a56; font-size: 0.9em; margin-top: 12px; display: none; font-weight: 600; }

/* ===== Paldies / apmaksa ===== */
.success { display: none; background: var(--white); border-radius: 20px; padding: 30px 24px; }
.success h3 { font-size: 1.3em; margin-bottom: 12px; }
.success p + p { margin-top: 10px; }
.pay-title { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 1.05em; margin: 22px 0 10px; }
.pay-box {
  background: var(--lav-light); border: 2px solid var(--plum-muted); border-radius: 16px;
  padding: 20px 20px; font-size: 0.95em;
}
.pay-box div + div { margin-top: 8px; }
.pay-box b { color: var(--plum); }
.pay-amount { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: 1.35em; }
.after-note { margin-top: 16px; font-size: 0.85em; color: var(--text-soft); }
.after-note a { color: var(--plum); }
.cross-sell { margin-top: 22px; background: var(--lav-light); border-radius: 14px; padding: 16px 18px; font-size: 0.86em; }
.cross-sell a { color: var(--plum); font-weight: 600; }
.form-section .cross-sell { background: var(--white); }

/* ===== Pieteikšanās kartes (bez anketas) ===== */
.signup-cards { display: grid; gap: 16px; }
@media (min-width: 720px) { .signup-cards { grid-template-columns: 1fr 1fr; align-items: start; } }
.signup-card { background: var(--white); border-radius: 20px; padding: 26px 22px; }
.signup-card h3 { font-size: 1.15em; margin-bottom: 10px; }
.signup-card p { font-size: 0.92em; color: var(--text-soft); margin-bottom: 16px; }
.signup-card .btn { margin-bottom: 4px; }
.signup-card .after-note { margin-bottom: 0; }
.signup-card .after-note a { color: var(--plum); }

footer { padding: 34px 0 50px; font-size: 14px; color: #595959; text-align: center; background: var(--white); }
footer a { color: var(--plum); }