.font-display { font-family: Georgia, 'Times New Roman', serif; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-hover {
  transition: transform .18s ease, box-shadow .18s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -8px rgba(190, 18, 60, 0.25);
}

.admin-sidebar a.active {
  background-color: #fff1f2;
  color: #9f1239;
  font-weight: 600;
  border-right: 3px solid #be123c;
}

/* ===================== Animasi Bunga Berjatuhan ===================== */
.petals-container {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 60;
}

.petal {
  position: absolute;
  top: -10%;
  display: inline-block;
  will-change: transform;
  animation-name: petal-fall, petal-sway;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-direction: normal, alternate;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

@keyframes petal-fall {
  0%   { transform: translateY(-10vh) rotate(0deg); }
  100% { transform: translateY(110vh) rotate(360deg); }
}

@keyframes petal-sway {
  0%   { margin-left: -30px; }
  100% { margin-left: 30px; }
}

@media (max-width: 640px) {
  .petal { transform: scale(0.85); }
}

/* Hormati preferensi pengguna yang mematikan animasi */
@media (prefers-reduced-motion: reduce) {
  .petals-container { display: none; }
}