/* === LOSOVAČKA STYLY === */

/* okno s receptem */
.yc-window {
  overflow: hidden;
  border-radius: 14px;
  background: #3C0183;
}

/* název receptu */
.yc-out-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -1px;
  margin: 8px 0;
  text-align: left;
}

/* řádek s kcal / cena / doba */
.yc-out-row {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 12px;
  opacity: 0.85;
  text-align: left;
}

/* tlačítko */
.yc-shuffle {
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 999px;
  letter-spacing: -1px;
  border: 0;
  color: #fff;
  background: linear-gradient(45deg,#3C0183,#9D20BA);
  box-shadow: 0 3px 6px rgba(53,56,237,0.3);
  cursor: pointer;
  transition: all .25s ease;
}

.yc-shuffle:hover {
  background: linear-gradient(45deg,#EE00EF,#9D20BA);
  box-shadow: 0 5px 12px rgba(53,56,237,0.5);
}

.yc-mini .yc-reel {
  list-style: none;
  margin: 0;
  padding: 0;
}


/* obrázek ve slotu */
.yc-reel-img,
.yc-out-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

/* fade efekty */
.fade-in { animation: fadeIn .3s ease; }
.fade-out { animation: fadeOut .3s ease; }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
@keyframes fadeOut { from{opacity:1;} to{opacity:0;} }

/* === Responsivní úpravy === */
@media (max-width: 768px) {
  .yc-out-title {
    font-size: 14px;
    text-align: center;
  }
  .yc-out-row {
    font-size: 12px;
    text-align: center;
  }
}