/* ============================================================
   SCRIPTUM — „Naktis ir auksas" tema (dizaino eksperimentas)
   Užkraunama PO style.css ir perrašo „Smėlio ryto" kryptį:
   mėlynas fonas ir meniu juosta, auksiniai akcentai bei logotipas,
   šviesi turinio dalis, be knygos imitacijos.
   Grįžti prie senojo dizaino: pašalinti šią nuorodą iš index.html
   (arba `git checkout main~1` — bazinė versija užfiksuota gite).
   ============================================================ */
:root {
  --bg: #17203A;
  --card: #FFFFFF;
  --ink: #252C3F;
  --ink-2: #364059;
  --ink-3: #5A6480;
  --mut: #7A85A1;
  --mut-2: #9AA4BC;
  --line: #DFE4EF;
  --line-soft: #EAEEF6;
  --wash: #F0F3FA;
  --ak: #C9A24B;
  --ak-deep: #A6812E;
  --ak-light: #DCC27C;
  --ak-soft: #F5EDD5;
  --ak-softer: #FAF6E8;
  --shadow: 0 10px 30px -12px rgba(8, 14, 32, .5);
  --shadow-sm: 0 4px 14px -6px rgba(8, 14, 32, .35);
}
body { background: radial-gradient(1200px 720px at 50% -140px, #2B3860, #121A31) fixed; }

/* ── knygos imitacija išjungta: plokščias korpusas ── */
.shell { background: transparent; border: 0; gap: 26px; }
.shell::before, .shell::after { display: none; }
.mainwrap {
  border-left: 0; background: #F4F6FB;
  border-radius: 24px; box-shadow: 0 24px 60px -24px rgba(4, 9, 24, .6);
  overflow: hidden;
}
.page-flip { transform-origin: center; }
.page-flip.flip { animation: fadeUp .4s ease both; }
.page-flip.flip::before { display: none; }
.page-foot { display: none; }          /* ranka rašyta knygos pėdutė */

/* ── meniu juosta: naktis + auksas ── */
.sidebar {
  background: #131C36; border: 1px solid #242F55; border-radius: 24px;
  box-shadow: 0 24px 60px -24px rgba(4, 9, 24, .6);
}
.side-tag { color: #C9A24B; }
.side-contents { display: none; }   /* „Turinys" užrašas — knygos likutis */
.nav-item { color: #AEB7D2; }
.nav-item:hover { background: rgba(201, 162, 75, .09); }
.nav-item.on { background: rgba(201, 162, 75, .17); color: #E6CB86; }
.nav-item.on .rn { color: #C9A24B; }
.nav-item .rn { color: #55618A; }
.lang-row { border-color: #2C3859; }
.lang-btn { color: #8D97B7; }
.lang-btn.on { background: #C9A24B; color: #131C36; }
.sidebar .lang-sel { background: #1B2440; border-color: #2C3859; color: #AEB7D2; }
.mobilebar .lang-sel { background: transparent; border-color: #33406B; color: #AEB7D2; }
.logout-btn { color: #8D97B7; }

/* ── turinio antraštės ant šviesaus fono ── */
.page-title { color: var(--ink); }
.avatar-mini { background: rgba(201, 162, 75, .2); color: var(--ak-deep); }
.panel.accent { background: var(--card); }
.chapter-kick { color: var(--mut-2); }
/* atributų blokai („lentelės") — auksiniai ant balto skydelio */
.attr { background: var(--ak-softer); border: 1px solid var(--ak-soft); }
.attr-k { color: var(--ak-deep); }
.note { background: var(--ak-softer); border-color: var(--ak-soft); color: #8A6A2C; }

/* ── autentifikacija: švari kortelė vietoje knygos viršelio ── */
.auth-wrap { background: radial-gradient(1200px 720px at 50% -140px, #2B3860, rgba(43, 56, 96, 0)), #121A31; }
.bk-l1, .bk-l2 { display: none; }
.bk-cover {
  background: #FFFFFF; border: 1px solid #E3E8F2; border-radius: 24px;
  box-shadow: 0 34px 80px -24px rgba(3, 8, 22, .7);
}
.bk-cover::before { display: none; }
.bk-tagline { color: #C9A24B; }
.bk-div .ln { background: #E7EBF4; }
.bk-div .st { color: #D9C68F; }
.bk-foot { color: #B9C1D6; }
.auth-motto { color: #C4CDE4; }
.auth-tabs { background: #EFF2F9; }
.fl-sym { color: #33406B; }

/* ── onboarding ant nakties fono — plokšti žingsniai ── */
.ob-stage { animation: fadeUp .5s ease both; }
.ob-intro .t { color: #EFE6CE; }
.ob-line { color: #B9C2DC; }
.ob-line.accent { color: #E0C275; }
.ob-skip { color: #8D97B7; }
.ob-skip:hover { color: #E6CB86; }
.ob-dot { background: #33406B; }
.ob-dot.on { background: #C9A24B; }
.ob-wrap .btn.ghost { border-color: #39466F; color: #C3CBE2; }
.ob-wrap .btn.ghost:hover { background: rgba(201, 162, 75, .12); border-color: #C9A24B; color: #E6CB86; }
.ob-welcome {
  background: var(--card); border-radius: 26px; box-shadow: var(--shadow);
  padding: 50px 42px; text-align: center; max-width: 600px; margin: 0 auto;
}
.ob-welcome .ob-cv-brand { font-size: 13px; font-weight: 800; letter-spacing: .34em; color: var(--mut); }
.ob-welcome .ob-cv-name { font-size: 56px; color: var(--ink); line-height: 1.12; margin-top: 18px; }
.ob-welcome .ob-cv-meta { font-size: 15px; color: var(--ink-3); margin-top: 10px; }
.ob-welcome .ob-cv-foot { font-size: 11px; font-weight: 800; letter-spacing: .3em; color: var(--mut-2); margin-top: 30px; }
.ob-fspread {
  display: grid; grid-template-columns: 1fr 1fr; width: 100%;
  background: var(--card); border-radius: 26px; box-shadow: var(--shadow); overflow: hidden;
}
.ob-fpage { padding: 36px 42px 26px; min-height: 480px; display: flex; flex-direction: column; min-width: 0; }
.ob-fpage + .ob-fpage { border-left: 1px solid var(--line-soft); }
@media (max-width: 760px) {
  .ob-fspread { grid-template-columns: 1fr; }
  .ob-fpage { min-height: 0; padding: 26px 22px 16px; }
  .ob-fpage + .ob-fpage { border-left: 0; border-top: 1px solid var(--line-soft); }
  .ob-welcome { padding: 36px 24px; }
  .ob-welcome .ob-cv-name { font-size: 42px; }
}

/* ── mobilus ── */
@media (max-width: 1020px) {
  .shell { gap: 0; width: 100%; }
  .mainwrap { border-radius: 0; box-shadow: none; }
}
@media (max-width: 860px) {
  .shell { background: transparent; }
  .mobilebar { background: rgba(19, 28, 54, .94); border-bottom-color: #242F55; }
  .mobilebar .lang-btn { background: transparent; border-color: #33406B; color: #AEB7D2; }
  .mobilebar .lang-btn.on { background: #C9A24B; color: #131C36; border-color: #C9A24B; }
  .bottom-nav { background: rgba(19, 28, 54, .96); border-top-color: #242F55; }
  .bottom-nav button { color: #8D97B7; }
  .bottom-nav button.on { color: #E6CB86; }
}