/* Alternativa C registrační stránky Akademie — kvíz, zkušenosti, brožury, program */
.academy-alt-page .alt-section-head { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.academy-alt-page .alt-section-head .eyebrow { justify-content: center; }
.academy-alt-page .alt-section-head h2 { margin: 10px 0 14px; }
.academy-alt-page .alt-section-head p { color: var(--ink-soft); font-size: 17px; line-height: 1.6; }

/* ---- Kvíz ---- */
.alt-quiz { background: linear-gradient(180deg, var(--cream-50), var(--cream-100)); }
.alt-chip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)); gap: 14px; }
.alt-chip {
  position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 14px;
  min-height: 92px; padding: 14px 44px 14px 14px; text-align: left; cursor: pointer;
  color: var(--plum-950); background: #fff; border: 1.5px solid var(--cream-200); border-radius: 18px;
  font-family: var(--sans); transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}
.alt-chip:hover { border-color: var(--gold-500); transform: translateY(-2px); box-shadow: 0 14px 30px -22px rgba(66, 16, 47, 0.4); }
.alt-chip:focus-visible { outline: 3px solid var(--gold-500); outline-offset: 2px; }
.alt-chip[aria-pressed="true"] { background: var(--plum-900); border-color: var(--plum-900); color: var(--cream-50); }
.alt-chip-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--cream-100); color: var(--gold-500); }
.alt-chip[aria-pressed="true"] .alt-chip-icon { background: rgba(255, 250, 243, 0.14); color: var(--gold-300); }
.alt-chip-icon img { width: 30px; height: 30px; object-fit: contain; }
.alt-chip[aria-pressed="true"] .alt-chip-icon img { filter: brightness(1.15); }
.alt-chip-icon-svg svg { width: 30px; height: 30px; }
.alt-chip-text { display: grid; gap: 3px; }
.alt-chip-text strong { font-size: 16px; font-weight: 700; line-height: 1.2; }
.alt-chip-text small { font-size: 14px; line-height: 1.35; color: var(--ink-soft); }
.alt-chip[aria-pressed="true"] .alt-chip-text small { color: rgba(255, 250, 243, 0.78); }
.alt-chip-check { position: absolute; top: 14px; right: 14px; width: 22px; height: 22px; border: 2px solid var(--cream-200); border-radius: 50%; }
.alt-chip[aria-pressed="true"] .alt-chip-check { border-color: var(--gold-300); background: var(--gold-300); }
.alt-chip[aria-pressed="true"] .alt-chip-check::after { content: ""; position: absolute; inset: 0; margin: auto; width: 6px; height: 11px; border: solid var(--plum-950); border-width: 0 2.5px 2.5px 0; transform: translateY(-1px) rotate(45deg); }

.alt-quiz-result { margin-top: 28px; padding: 28px clamp(20px, 3vw, 40px); background: #fff; border: 1.5px solid var(--gold-300); border-radius: 22px; display: grid; gap: 18px; }
.alt-quiz-result-head strong { display: block; font-family: var(--serif); font-size: 30px; font-weight: 600; line-height: 1.1; color: var(--plum-900); }
.alt-quiz-result-head p { margin: 6px 0 0; color: var(--ink-soft); font-size: 16px; }
.alt-quiz-lessons { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.alt-quiz-lessons:empty { display: none; }
.alt-quiz-lessons li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 16px; background: var(--cream-100); border-radius: 14px; font-size: 15px; }
.alt-quiz-lessons li a { color: var(--plum-800); font-weight: 700; text-decoration: underline; }
.alt-quiz-lessons li b { font-family: var(--serif); font-size: 24px; color: var(--plum-700); }
.alt-quiz-lessons li small { display: block; color: var(--ink-soft); }
.alt-quiz-cta { justify-self: start; }
.alt-quiz-follow-up { max-width: 640px; margin: 26px auto 0; text-align: center; color: var(--ink-soft); font-size: 15px; }

/* ---- Zkušenosti ---- */
.alt-experience { background: var(--rose-100); }
.alt-quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.alt-quote { margin: 0; padding: 26px 26px 22px; display: flex; flex-direction: column; gap: 12px; background: #fff; border-radius: 22px; box-shadow: 0 18px 40px -34px rgba(66, 16, 47, 0.45); }
.alt-stars { color: var(--gold-500); letter-spacing: 2px; font-size: 16px; }
.alt-quote-hook { margin: 0; font-family: var(--serif); font-size: 24px; font-weight: 600; line-height: 1.2; color: var(--plum-950); }
.alt-quote-text { margin: 0; flex: 1; font-size: 15.5px; line-height: 1.6; color: var(--ink); }
.alt-quote footer { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding-top: 14px; border-top: 1px solid var(--cream-200); }
.alt-avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--plum-800); color: var(--cream-50); font-family: var(--serif); font-size: 22px; font-weight: 600; }
.alt-quote footer .testimonial-name { display: block; font-weight: 700; font-size: 15px; color: var(--plum-950); }
.alt-quote footer small { display: block; font-size: 13px; color: var(--ink-soft); }
.alt-tag { font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--plum-800); background: var(--cream-100); padding: 6px 10px; border-radius: 999px; white-space: nowrap; }
.alt-disclaimer { margin-top: 30px; font-size: 13.5px; color: var(--ink-soft); }

/* ---- Brožury (3D z reálných obálek) ---- */
.alt-books { position: relative; min-height: 460px; perspective: 1400px; }
.alt-book { position: absolute; width: 46%; aspect-ratio: 600 / 851; border-radius: 3px 10px 10px 3px; box-shadow: 18px 26px 48px rgba(10, 2, 8, 0.5); transform-style: preserve-3d; }
.alt-book img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.alt-book-spine { position: absolute; top: 0; bottom: 0; left: 0; width: 14px; border-radius: 3px 0 0 3px; background: linear-gradient(90deg, rgba(0,0,0,0.42), rgba(255,255,255,0.12) 55%, rgba(0,0,0,0.18)); }
.alt-book::after { content: ""; position: absolute; top: 3px; bottom: 3px; right: -9px; width: 9px; background: repeating-linear-gradient(180deg, #f6f0e6 0 2px, #d9cfc0 2px 3px); border-radius: 0 2px 2px 0; transform: translateZ(-1px); }
.alt-book-back { left: 4%; top: 6%; transform: rotateY(22deg) rotateZ(-4deg); }
.alt-book-front { left: 40%; top: 14%; transform: rotateY(-18deg) rotateZ(3deg); }
.alt-badge { position: absolute; right: 4%; bottom: 4%; width: 118px; aspect-ratio: 1; display: grid; align-content: center; justify-items: center; border-radius: 50%; background: var(--cream-50); color: var(--plum-950); box-shadow: 0 14px 30px rgba(10,2,8,0.35); transform: rotate(-7deg); }
.alt-badge strong { font-family: var(--serif); font-size: 34px; font-weight: 600; line-height: 0.9; }
.alt-badge span { font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }

/* ---- Program ---- */
.alt-program { background: var(--cream-50); }
.alt-program-head { max-width: none; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 40px; align-items: end; text-align: left; margin-bottom: 30px; }
.alt-program-head .eyebrow { justify-content: flex-start; }
.alt-program-head h2 em { font-style: italic; color: var(--plum-700); }
.alt-lesson-list { border-top: 1px solid var(--cream-200); }
.alt-lesson { display: grid; grid-template-columns: 120px 64px minmax(0, 1fr) 190px; gap: 22px; align-items: start; padding: 28px 0; border-bottom: 1px solid var(--cream-200); }
.alt-lesson-date { display: grid; gap: 4px; }
.alt-lesson-date span { font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); }
.alt-lesson-date time { font-family: var(--serif); font-size: 24px; font-weight: 600; color: var(--coral-500); }
.alt-lesson-number { font-family: var(--serif); font-size: 52px; line-height: 1; color: var(--rose-100); font-weight: 500; }
.alt-lesson-body h3 { margin: 2px 0 8px; font-family: var(--serif); font-size: 30px; font-weight: 600; line-height: 1.1; color: var(--plum-950); }
.alt-lesson-body p { margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: var(--ink); }
.alt-hosts { display: grid; gap: 8px; justify-items: start; }
.alt-host-avatars { display: flex; }
.alt-host-avatars img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: top; border: 2px solid #fff; box-shadow: 0 4px 12px rgba(66,16,47,0.2); margin-left: -10px; background: var(--cream-200); }
.alt-host-avatars img:first-child { margin-left: 0; }
.alt-host-names { font-size: 14px; font-weight: 700; color: var(--plum-800); line-height: 1.35; }
.alt-program-cta { margin-top: 34px; text-align: center; }

@media (max-width: 980px) {
  .alt-quote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-lesson { grid-template-columns: 100px minmax(0, 1fr); }
  .alt-lesson-number { display: none; }
  .alt-hosts { grid-column: 2; }
  .alt-program-head { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 700px) {
  .alt-chip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .alt-chip { grid-template-columns: 1fr; justify-items: center; text-align: center; min-height: 0; padding: 18px 12px 14px; gap: 10px; }
  .alt-chip-check { top: 10px; right: 10px; width: 18px; height: 18px; }
  .alt-chip-text strong { font-size: 15px; }
  .alt-chip-text small { font-size: 13.5px; }
  .alt-quiz-cta { justify-self: stretch; text-align: center; }
  .alt-quote-grid { grid-template-columns: 1fr; }
  .alt-quote footer { grid-template-columns: 44px minmax(0, 1fr); }
  .alt-tag { grid-column: 2; justify-self: start; }
  .alt-books { min-height: 0; aspect-ratio: 1.15; width: min(460px, 100%); margin-inline: auto; }
  .alt-lesson { grid-template-columns: 1fr; gap: 12px; padding: 22px 0; }
  .alt-lesson-date { grid-template-columns: auto auto; align-items: baseline; gap: 10px; }
  .alt-hosts { grid-column: 1; }
  .alt-lesson-body h3 { font-size: 26px; }
}

/* Nadpisy alternativních sekcí a skip-link */
.academy-alt-page .alt-section-head h2,
.academy-alt-page .alt-program-head h2 { font-family: var(--serif); font-size: clamp(34px, 4.2vw, 54px); font-weight: 600; line-height: 1.05; letter-spacing: -0.01em; color: var(--plum-950); }
.academy-alt-page .alt-program-head h2 { font-size: clamp(36px, 4.6vw, 60px); }
.academy-alt-page .alt-program-head > p { font-size: 17px; line-height: 1.6; color: var(--ink-soft); }
.academy-alt-page .skip-link:focus:not(:focus-visible) { transform: translateY(-160%); }
.academy-alt-page .alt-program-head, .academy-alt-page .alt-program-head > div { text-align: left; }
.academy-alt-page .alt-program-head .eyebrow { justify-content: flex-start; }
.academy-alt-page .academy-free-crown-img { background: none; -webkit-mask: none; mask: none; object-fit: contain; }

/* ---- Animace (navazují na původní kvíz: activate + wave + score update) ---- */
.academy-alt-page .alt-chip { position: relative; }
.academy-alt-page .alt-chip.is-activating { animation: alt-chip-activate 560ms cubic-bezier(0.16, 1, 0.3, 1) both; }
.academy-alt-page .alt-chip.is-activating::before {
  content: ""; position: absolute; inset: -5px; z-index: -1; border: 2px solid var(--plum-700); border-radius: inherit; pointer-events: none;
  animation: alt-chip-wave 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.academy-alt-page .alt-chip[aria-pressed="true"] .alt-chip-check::after { animation: alt-check-draw 260ms cubic-bezier(0.16, 1, 0.3, 1) both; }
.academy-alt-page .alt-chip-icon { transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1); }
.academy-alt-page .alt-chip:hover .alt-chip-icon { transform: scale(1.08); }
.academy-alt-page .alt-chip:active { transform: scale(0.98); }
@keyframes alt-chip-activate { 0% { transform: scale(0.94); } 52% { transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes alt-chip-wave { 0% { opacity: 0.7; transform: scale(0.9); } 100% { opacity: 0; transform: scale(1.18); } }
@keyframes alt-check-draw { 0% { transform: translateY(-1px) rotate(45deg) scale(0); } 100% { transform: translateY(-1px) rotate(45deg) scale(1); } }

/* postupné odhalení karet kvízu */
.academy-alt-page .js .alt-chip-grid .alt-chip, .js .academy-alt-page .alt-chip-grid .alt-chip { opacity: 0; transform: translateY(14px); transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1), transform 520ms cubic-bezier(0.22, 1, 0.36, 1), border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip { opacity: 1; transform: translateY(0); }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(2) { transition-delay: 50ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(3) { transition-delay: 100ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(4) { transition-delay: 150ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(5) { transition-delay: 200ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(6) { transition-delay: 250ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(7) { transition-delay: 300ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(8) { transition-delay: 350ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(9) { transition-delay: 400ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(10) { transition-delay: 450ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(11) { transition-delay: 500ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(12) { transition-delay: 550ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:nth-child(13) { transition-delay: 600ms; }
.js .academy-alt-page .alt-chip-grid.is-visible .alt-chip:hover { transform: translateY(-2px); }

/* výsledek kvízu */
.academy-alt-page .alt-quiz-result-head.is-updating strong { animation: alt-score-update 620ms cubic-bezier(0.16, 1, 0.3, 1) both; display: inline-block; }
@keyframes alt-score-update { 0%, 100% { transform: scale(1); } 52% { transform: scale(1.08); } }
.academy-alt-page .alt-quiz-lessons li { animation: alt-lesson-in 420ms cubic-bezier(0.16, 1, 0.3, 1) both; }
.academy-alt-page .alt-quiz-lessons li:nth-child(2) { animation-delay: 70ms; }
.academy-alt-page .alt-quiz-lessons li:nth-child(3) { animation-delay: 140ms; }
.academy-alt-page .alt-quiz-lessons li:nth-child(n + 4) { animation-delay: 210ms; }
@keyframes alt-lesson-in { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
.academy-alt-page .alt-quiz-result { transition: border-color 300ms ease, box-shadow 300ms ease; }
.academy-alt-page .alt-quiz-result.has-selection { border-color: var(--gold-500); box-shadow: 0 22px 44px -36px rgba(66, 16, 47, 0.45); }

/* zkušenosti a program: postupné odhalení */
.js .academy-alt-page .alt-quote-grid .alt-quote:nth-child(2) { transition-delay: 90ms; }
.js .academy-alt-page .alt-quote-grid .alt-quote:nth-child(3) { transition-delay: 180ms; }
.js .academy-alt-page .alt-quote-grid .alt-quote:nth-child(4) { transition-delay: 90ms; }
.js .academy-alt-page .alt-quote-grid .alt-quote:nth-child(5) { transition-delay: 180ms; }
.js .academy-alt-page .alt-quote-grid .alt-quote:nth-child(6) { transition-delay: 270ms; }
.academy-alt-page .alt-quote { transition: opacity 700ms cubic-bezier(.22, 1, .36, 1), transform 700ms cubic-bezier(.22, 1, .36, 1), box-shadow 240ms ease; }
.academy-alt-page .alt-quote:hover { box-shadow: 0 24px 48px -30px rgba(66, 16, 47, 0.5); }
.js .academy-alt-page .alt-lesson .alt-host-avatars img { opacity: 0; transform: translateX(8px); transition: opacity 480ms cubic-bezier(.22, 1, .36, 1), transform 480ms cubic-bezier(.22, 1, .36, 1); }
.js .academy-alt-page .alt-lesson.is-visible .alt-host-avatars img { opacity: 1; transform: translateX(0); }
.js .academy-alt-page .alt-lesson.is-visible .alt-host-avatars img:nth-child(2) { transition-delay: 90ms; }
.js .academy-alt-page .alt-lesson.is-visible .alt-host-avatars img:nth-child(3) { transition-delay: 180ms; }
.js .academy-alt-page .alt-lesson.is-visible .alt-host-avatars img:nth-child(4) { transition-delay: 270ms; }
.js .academy-alt-page .alt-lesson.is-visible .alt-host-avatars img:nth-child(5) { transition-delay: 360ms; }
.academy-alt-page .alt-lesson:target .alt-lesson-body h3 { animation: alt-lesson-target 1.2s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes alt-lesson-target { 0% { color: var(--coral-500); } 100% { color: var(--plum-950); } }

/* brožury: jemné vznášení a reakce na najetí */
.academy-alt-page .alt-book-back { animation: alt-book-float 9s ease-in-out infinite; }
.academy-alt-page .alt-book-front { animation: alt-book-float 9s ease-in-out 1.4s infinite; }
.academy-alt-page .alt-badge { animation: orbit-float 7s ease-in-out 0.6s infinite; }
@keyframes alt-book-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.academy-alt-page .alt-books:hover .alt-book-front { transform: rotateY(-12deg) rotateZ(2deg); }
.academy-alt-page .alt-books:hover .alt-book-back { transform: rotateY(16deg) rotateZ(-3deg); }
.academy-alt-page .alt-book { transition: transform 600ms cubic-bezier(.22, 1, .36, 1); }

/* tlačítka: zpětná vazba stisku */
.academy-alt-page .primary-button, .academy-alt-page .secondary-button, .academy-alt-page .header-cta { transition: transform 160ms cubic-bezier(.22, 1, .36, 1), box-shadow 200ms ease, background 200ms ease; }
.academy-alt-page .primary-button:hover, .academy-alt-page .secondary-button:hover { transform: translateY(-2px); }
.academy-alt-page .primary-button:active, .academy-alt-page .secondary-button:active { transform: translateY(0) scale(0.98); }

@media (prefers-reduced-motion: reduce) {
  .academy-alt-page .alt-chip, .academy-alt-page .alt-chip::before, .academy-alt-page .alt-quiz-result-head strong, .academy-alt-page .alt-quiz-lessons li,
  .academy-alt-page .alt-book, .academy-alt-page .alt-badge, .academy-alt-page .alt-lesson-body h3, .academy-alt-page .alt-chip-check::after { animation: none !important; transition: none !important; }
  .js .academy-alt-page .alt-chip-grid .alt-chip, .js .academy-alt-page .alt-lesson .alt-host-avatars img { opacity: 1; transform: none; }
  .academy-alt-page .alt-quote, .academy-alt-page .primary-button, .academy-alt-page .secondary-button { transition: none; }
}