/* PoceniSelitev.si – Stili */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; }
img { max-width: 100%; }

/* Vnosna polja */
.ps-input {
  display: block; width: 100%; border: 1px solid #d1d5db;
  border-radius: 10px; padding: 11px 16px; font-size: 1rem;
  font-family: inherit; background: #fff; color: #111827;
  transition: border-color .15s, box-shadow .15s;
}
.ps-input:focus { outline: none; border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(29,78,216,.15); }

/* Scroll animacije */
.ps-reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.ps-reveal.visible { opacity: 1; transform: none; }

/* Kartice */
.ps-card { transition: transform .3s, box-shadow .3s; }
.ps-card:hover { transform: translateY(-5px); box-shadow: 0 24px 48px rgba(0,0,0,.13); }

/* FAQ accordion */
.ps-faq-q:hover .ps-faq-text { color: #1d4ed8; }
.ps-chevron { transition: transform .25s; }
.ps-chevron.open { transform: rotate(180deg); }

/* Tab gumbi */
.ps-tab { background: transparent; border: none; cursor: pointer; font-family: inherit; color: #4b5563; transition: all .2s; }
.ps-tab:hover { color: #1d4ed8; }
.ps-tab.active { background: #1d4ed8; color: #fff; border-radius: 10px; }

/* Gradientni hero */
.ps-hero-bg { background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%); }

/* Snippet blok */
.ps-snippet { border-left: 4px solid #1d4ed8; background: #eff6ff; }

/* Floating badge */
.ps-badge { box-shadow: 0 8px 32px rgba(0,0,0,.15); }

/* Sekcija "Kako deluje" */
.ps-step-num { width: 48px; height: 48px; border-radius: 50%; background: #1d4ed8; color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; }

/* Gumbi */
.ps-btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: #1d4ed8; color: #fff; font-weight: 700; border-radius: 999px; padding: 0 32px;
  height: 56px; font-size: 1.05rem; transition: background .2s, transform .2s, box-shadow .2s;
  border: none; cursor: pointer; font-family: inherit; }
.ps-btn-primary:hover { background: #1e40af; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(29,78,216,.35); }
.ps-btn-outline { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: transparent; color: #fff; font-weight: 700; border-radius: 999px; padding: 0 32px;
  height: 56px; font-size: 1.05rem; border: 2px solid rgba(255,255,255,.4); transition: all .2s; }
.ps-btn-outline:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.7); }
.ps-btn-white { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: #fff; color: #1d4ed8; font-weight: 700; border-radius: 999px; padding: 0 32px;
  height: 52px; font-size: 1rem; transition: all .2s; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.ps-btn-white:hover { background: #eff6ff; transform: translateY(-2px); }

/* Landing page hero */
.ps-lp-hero { background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%); }

/* Responsive */
@media (max-width: 640px) {
  .ps-btn-primary, .ps-btn-outline { width: 100%; }
  .ps-hero-btns { flex-direction: column; width: 100%; }
}