/* J5 Resorts Calendar Custom Styles */

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Hide scrollbar for tabs */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Venue Chip Styling */
.venue-chip {
  background-color: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}
.venue-chip:hover {
  background-color: #1e293b;
  color: #f8fafc;
}
.venue-chip.active {
  background-color: #d97706;
  border-color: #f59e0b;
  color: #090d16;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25);
}

/* Calendar Day Box */
.cal-day {
  transition: all 0.15s ease-in-out;
  min-height: 110px;
}
.cal-day:hover {
  background-color: #1e293b !important;
}
.cal-day.today {
  box-shadow: inset 0 0 0 2px #f59e0b;
}

/* Calendar Event Pills */
.cal-event-pill {
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.cal-event-pill:hover {
  transform: translateY(-1px);
  filter: brightness(1.15);
}

/* Prep Day Striped Pattern */
.prep-badge {
  background-image: repeating-linear-gradient(
    45deg,
    rgba(245, 158, 11, 0.12),
    rgba(245, 158, 11, 0.12) 6px,
    rgba(245, 158, 11, 0.22) 6px,
    rgba(245, 158, 11, 0.22) 12px
  );
  border: 1px dashed rgba(245, 158, 11, 0.5) !important;
}

/* Modal Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes zoomIn {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.animate-fade-in {
  animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.animate-zoom-in {
  animation: zoomIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Print Styles */
@media print {
  header, footer, section:first-of-type, .no-print {
    display: none !important;
  }
  body {
    background: white !important;
    color: black !important;
  }
  .cal-day {
    border: 1px solid #ccc !important;
    color: black !important;
    background: white !important;
  }
}