/* DiaGO – bendras stilius statiniams turinio puslapiams (apie, privatumas, slapukai, pirkimo-salygos) */
:root {
  --bg-deep: #0a0604;
  --bg-base: #140b06;
  --bg-card: #1e1209;
  --bg-raised: #1a1008;
  --border: #3b2416;
  --border-hi: #6b3f1e;
  --amber-soft: #e8a866;
  --amber: #d4904c;
  --amber-deep: #a86934;
  --cream: #f5e6d3;
  --cream-dim: #c9b59a;
  --cream-mute: #8a7560;
  --green: #5fd391;
  --danger: #ff5a4e;
  color-scheme: dark;
}
* { box-sizing: border-box; margin: 0; padding: 0; }

/* === GLOBALŪS FORMOS LAUKŲ STILIAI (visiems puslapiams) === */
/* Užtikrina, kad autofill (Chrome/Safari mobile) neperdažytų laukų į baltą su balta teksto spalva */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--cream) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(10, 6, 4, 0.95) inset !important;
          box-shadow: 0 0 0 1000px rgba(10, 6, 4, 0.95) inset !important;
  caret-color: var(--cream) !important;
  border-color: var(--border-hi) !important;
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

/* Placeholder spalvos – kad nebūtų baltas ant tamsaus arba atvirkščiai */
input::placeholder,
textarea::placeholder {
  color: var(--cream-mute) !important;
  opacity: 1;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: var(--cream-mute) !important; opacity: 1; }
input::-moz-placeholder,
textarea::-moz-placeholder { color: var(--cream-mute) !important; opacity: 1; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: var(--cream-mute) !important; opacity: 1; }

/* Mobiliame iOS prie input fokuso automatiškai didina puslapį, jei font-size < 16px.
   Tai sukelia "lygiavimo šokimą" ir teksto perdengimo įspūdį. Užtikrinam min 16px. */
@media (max-width: 600px) {
  input, textarea, select {
    font-size: 16px !important;
  }
  /* Label spalva mobiliame ekrane – aiškiai kontrastinga, kad nesidengtų su input
     turiniu, kai keyboard atsidaręs ir layoutas keičiasi. */
  .form-group label,
  .auth-label {
    color: var(--cream-dim) !important;
    background: transparent !important;
  }
}

/* Visi inputai pagal nutylėjimą turi tinkamą color-scheme, kad mobilūs naršyklės
   nepiešdavo balto fono (light mode default). */
input, textarea, select {
  color-scheme: dark;
  background-clip: padding-box;
}
body {
  font-family: 'Inter', system-ui, sans-serif;
  background: var(--bg-deep);
  color: var(--cream);
  min-height: 100vh;
  line-height: 1.7;
}
body::before {
  content: ''; position: fixed; inset: 0; pointer-events: none; opacity: 0.4; z-index: 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(212,144,76,0.10), transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(168,105,52,0.08), transparent 40%);
}
.header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(10px);
  background: rgba(10,6,4,0.85);
  border-bottom: 1px solid var(--border);
}
.header-inner {
  max-width: 1100px; margin: 0 auto;
  padding: 14px 22px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px;
}
.logo-img { height: 44px; }
.back-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--cream-dim);
  text-decoration: none;
  font-size: 14px; font-weight: 500;
  transition: border-color .15s, color .15s;
}
.back-btn:hover { border-color: var(--border-hi); color: var(--cream); }
.back-btn [data-lucide] { width: 16px; height: 16px; }
main {
  position: relative; z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  padding: 32px 22px 64px;
}
h1 {
  font-size: 32px; font-weight: 800;
  color: var(--amber-soft);
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}
.lead {
  color: var(--cream-dim);
  font-size: 16px;
  margin-bottom: 32px;
}
.last-updated {
  color: var(--cream-mute);
  font-size: 13px;
  font-style: italic;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
h2 {
  font-size: 20px; font-weight: 700;
  color: var(--amber-soft);
  margin: 32px 0 12px;
  letter-spacing: -0.3px;
}
h3 {
  font-size: 16px; font-weight: 700;
  color: var(--cream);
  margin: 18px 0 8px;
}
p { margin-bottom: 14px; color: var(--cream-dim); font-size: 15px; }
p strong { color: var(--cream); }
a { color: var(--amber-soft); }
a:hover { color: var(--amber); }
ul, ol { margin: 0 0 14px 22px; }
ul li, ol li { color: var(--cream-dim); font-size: 15px; margin-bottom: 8px; }
.card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 20px 22px;
  margin: 22px 0;
}
.card h2, .card h3 { margin-top: 0; }
.card.warn {
  background: rgba(240,164,55,0.06);
  border-color: rgba(240,164,55,0.3);
}
.card.warn h2, .card.warn h3 { color: #f0a437; }
.tbl {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
  font-size: 14px;
}
.tbl th, .tbl td {
  text-align: left;
  padding: 10px 12px;
  border: 1px solid var(--border);
  color: var(--cream-dim);
  vertical-align: top;
}
.tbl th {
  background: rgba(212,144,76,0.08);
  color: var(--amber-soft);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.contact-line {
  background: rgba(212,144,76,0.06);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 16px 0;
}
.contact-line p { margin-bottom: 6px; }
.contact-line p:last-child { margin-bottom: 0; }