/* Suschi seznamka — doplňkové styly nad Tailwind */

:root {
  --grad-hero: linear-gradient(135deg, #FFD6E8 0%, #E7DBFF 45%, #C8F4E0 100%);
  --grad-brand: linear-gradient(120deg, #FF8FB1 0%, #B794F6 100%);
}

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

/* Přechodové pozadí hero / dekorace */
.bg-hero { background: var(--grad-hero); }
.bg-brand { background: var(--grad-brand); }
.text-brand {
  background: var(--grad-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Jemné plovoucí blob dekorace */
.blob {
  position: absolute;
  filter: blur(48px);
  opacity: .55;
  border-radius: 9999px;
  z-index: 0;
  animation: float 14s ease-in-out infinite;
}
@keyframes float {
  0%,100% { transform: translateY(0) scale(1); }
  50%     { transform: translateY(-24px) scale(1.06); }
}

/* Fade-in pro přepínání view a slidů */
.fade-in { animation: fadeIn .45s cubic-bezier(.22,.61,.36,1) both; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.slide-in { animation: slideIn .4s cubic-bezier(.22,.61,.36,1) both; }
@keyframes slideIn {
  from { opacity: 0; transform: translateX(28px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Chip / výběr zájmů */
.chip {
  transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
  user-select: none;
}
.chip:hover { transform: translateY(-2px); }
.chip.selected {
  background: var(--grad-brand);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 8px 20px -8px rgba(183,148,246,.6);
}

/* Karty s jemným hoverem */
.hover-lift { transition: transform .2s ease, box-shadow .25s ease; }
.hover-lift:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -16px rgba(58,46,57,.25); }

/* Progress bar wizardu */
.wizard-track { background: rgba(183,148,246,.18); }
.wizard-fill { background: var(--grad-brand); transition: width .4s cubic-bezier(.22,.61,.36,1); }

/* Scrollbar jemný */
.thin-scroll::-webkit-scrollbar { width: 8px; }
.thin-scroll::-webkit-scrollbar-thumb { background: #FFD6E8; border-radius: 999px; }

/* Toast */
.toast-item {
  animation: toastIn .3s ease both;
}
@keyframes toastIn {
  from { opacity: 0; transform: translateY(12px) scale(.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Bublina zpráv */
.msg-me   { background: var(--grad-brand); color:#fff; border-bottom-right-radius: 6px; }
.msg-them { background:#fff; color:#3A2E39; border:1px solid #FFE4D2; border-bottom-left-radius: 6px; }

/* Skryté číselné šipky nejsou potřeba, ale zajistíme čitelnost */
input[type="number"]::-webkit-inner-spin-button { opacity: .4; }