/* Digitalna Zimnica — simple.css: obične stranice (page-simple.php), /hvala (page-hvala.php),
   prijava u Smočnicu (page-dashboard-login.php) i Prva Staklenka dokument (page-staklenka.php). Izgled prema v5-redizajnu. */

/* ── zaglavlje običnih stranica: logo u plutajućoj traci (bez navigacije) ── */
.shead{position:sticky;top:12px;z-index:110;padding:12px 16px 0}
.shead-in{max-width:1180px;margin:0 auto;display:flex;align-items:center}
.shead-in a{display:inline-flex;align-items:center;gap:10px;padding:8px 20px 8px 8px;border-radius:999px;color:var(--d1);text-decoration:none;
  background:rgba(255,252,246,.78);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 34px rgba(18,48,42,.1)}

/* ── dokument (pravne stranice, podrška, Prva Staklenka) ── */
.doc{max-width:var(--page);width:calc(100% - 32px);margin:20px auto 0;
  padding:clamp(32px,5vw,64px) max(24px,calc((min(100vw,var(--page)) - var(--sec)) / 2));
  background:var(--card);border:1px solid var(--card-line);border-radius:var(--r5);box-shadow:0 20px 60px rgba(18,48,42,.06)}
@media(max-width:760px){.doc{width:calc(100% - 24px);margin:12px auto 0;padding:30px 20px;border-radius:28px}}
.doc h1{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:.25em}
.doc .upd{color:var(--muted);font-size:.9rem;margin-bottom:30px}
.doc h2{font-size:clamp(1.35rem,2.6vw,1.7rem);margin:36px 0 .5em;color:var(--d1)}
.doc h3{margin-top:24px;color:var(--d1)}
.doc p,.doc li{color:var(--nav-ink)}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin-bottom:7px}
.doc table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:.95rem}
.doc th,.doc td{border:1px solid var(--card-line);padding:10px 12px;text-align:left;vertical-align:top}
.doc th{background:var(--bg)}
.doc blockquote{margin:16px 0;background:var(--g-s);border-left:4px solid var(--g);border-radius:14px;padding:14px 18px}
.doc blockquote p{margin:0;color:var(--g-ink);font-weight:700}
.doc-tools{text-align:right;margin:0 0 10px}
.doc.md h1{font-size:clamp(1.7rem,3vw,2.2rem);margin:44px 0 12px}
.doc.md h2{margin-top:30px}
.todo{background:var(--w-s);border:1px solid var(--w-line);border-left:4px solid var(--w);border-radius:14px;padding:16px 18px;margin:14px 0;font-size:.96rem}
.todo b{color:var(--w)}
.legal-warn{background:var(--honey-s);border:1px solid var(--honey-line);border-radius:22px;padding:24px;margin-bottom:26px}
.legal-warn h3{color:var(--honey-ink);margin-bottom:.4em}
.legal-warn p:last-child{margin:0}
.faqs{display:grid;gap:10px;margin-top:20px}
.qq{background:var(--bg);border:1px solid var(--card-line);border-radius:18px;overflow:hidden}
.qq[open]{border-color:var(--honey-line)}
.qq summary{list-style:none;cursor:pointer;padding:16px 64px 16px 20px;font-weight:800;position:relative;color:var(--d1)}
.qq summary::-webkit-details-marker{display:none}
.qq summary:after{background-color:var(--card)}
.qq div{padding:0 20px 18px;color:var(--nav-ink)}
.contact{background:var(--g-s);border:1px solid var(--g-line);border-radius:22px;padding:26px;margin-top:28px}
.contact h3{color:var(--g-ink);margin-bottom:.4em}
.contact p:last-child{margin:0}

/* ── /hvala ── */
.hero{margin-top:20px;text-align:center;padding:clamp(48px,6vw,84px) 0}
.hero h1{margin:20px auto 16px;max-width:16ch;font-size:clamp(2.2rem,5vw,4rem)}
.hero .lead{max-width:56ch;margin:0 auto}
.tick{width:84px;height:84px;margin:0 auto;border-radius:28px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:var(--g);box-shadow:0 0 0 8px rgba(76,140,91,.2),0 18px 40px rgba(0,0,0,.25)}
.tick .i{stroke-width:2.6}
.dl{max-width:520px;margin:32px auto 0;padding:26px;border-radius:26px;text-align:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 60px rgba(0,0,0,.25)}
.dl small{display:block;margin-top:14px;font-size:.86rem;color:var(--on-dark-2);line-height:1.5}
.next{display:grid;gap:14px;margin-top:30px;counter-reset:n}
.nstep{position:relative;padding:24px 24px 24px 84px;border-radius:24px;background:var(--card);border:1px solid var(--card-line);box-shadow:var(--sh3)}
.nstep:before{counter-increment:n;content:counter(n);position:absolute;left:24px;top:22px;width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;background:var(--honey);color:var(--d1);font-family:var(--font-serif);font-weight:700;font-size:1.2rem}
.nstep h3{margin-bottom:.3em;font-size:1.1rem;color:var(--d1)}
.nstep p{margin:0;color:var(--ink3)}
.note{margin-top:22px;background:var(--honey-s);border:1px solid var(--honey-line);border-radius:24px;padding:26px}
.note h3{color:var(--honey-ink)}
.note p{color:#5A4130}
.note p:last-child{margin:0}
.note a{color:var(--honey-ink)}

/* ── prijava u Smočnicu ── */
.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:
  radial-gradient(700px circle at 85% 0%,rgba(242,178,76,.28),transparent 62%),
  radial-gradient(760px circle at 0% 100%,rgba(76,140,91,.45),transparent 62%),var(--d1)}
.login-box{background:var(--card);border-radius:32px;padding:44px 36px;max-width:460px;width:100%;
  box-shadow:0 40px 80px rgba(0,0,0,.35);text-align:center}
.login-box .brand-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:18px}
.login-box h1{font-size:clamp(1.9rem,4vw,2.4rem);margin-bottom:.35em}
.login-box p{color:var(--ink3);font-size:.98rem}
.login-box input{width:100%;min-height:56px;padding:0 20px;border:1.5px solid var(--card-line);border-radius:999px;background:#fff;
  font-family:inherit;font-size:1rem;margin-top:6px;color:var(--ink)}
.login-box input:focus-visible{outline:3px solid var(--honey);outline-offset:1px;border-color:var(--honey)}
.login-box .btn{width:100%;margin-top:14px}
.login-box .small{margin-top:22px;font-size:.86rem;color:var(--muted)}
.login-box .small a{color:var(--d2);font-weight:700}
.msg-ok{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--g-s);border:1px solid var(--g-line);color:var(--g-ink);border-radius:16px;padding:14px 16px;font-weight:700;margin:10px 0}
.msg-ok .i{flex:none;margin-top:2px}
.msg-err{background:var(--w-s);border:1px solid var(--w-line);color:var(--w-ink);border-radius:16px;padding:12px 16px;font-weight:700;margin:10px 0}
.login-box details{margin-top:20px;text-align:left}
.login-box summary{cursor:pointer;font-size:.82rem;color:var(--muted);text-align:center}
@media(max-width:480px){.login-box{padding:34px 22px}}

@media print{
  .shead,footer,.no-print,.copy-btn{display:none!important}
  body{background:#fff}
  .doc{border:none;box-shadow:none;margin:0;padding:0;max-width:none;width:auto}
  .prompt-box{background:#f4f4f4!important}
  .prompt-top{background:#eee!important}
  .prompt-box pre{color:#111!important;max-height:none!important;overflow:visible!important}
}