[x-cloak] { display: none !important; }

/* Lightbox */
#lightbox {
  position: fixed; inset: 0; z-index: 100;
  background: rgba(20, 12, 8, 0.92);
  display: flex; align-items: center; justify-content: center;
}
#lightbox img { max-width: 90vw; max-height: 85vh; border-radius: 0.5rem; }
.lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 2.5rem; cursor: pointer; padding: 0 1rem; user-select: none; }
.lightbox-close { position: absolute; top: 1rem; right: 1.5rem; color: #fff; font-size: 2rem; cursor: pointer; }

/* Flatpickr day states for availability calendar */
.flatpickr-day.cac-blocked {
  background: rgba(185,28,28,0.25) !important;
  color: #fca5a5 !important;
  text-decoration: line-through;
}
.flatpickr-day.cac-blocked:hover { background: rgba(185,28,28,0.4) !important; }
.flatpickr-day.cac-free {
  background: rgba(21,87,36,0.5) !important;
  color: #f0fdf4 !important;
}
.flatpickr-day.cac-free:hover { background: rgba(21,87,36,0.7) !important; }

.amenity-card { transition: transform .15s ease, box-shadow .15s ease; }
.amenity-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px -10px rgba(198,95,61,0.35); }

/* Dark form fields (public site only - admin has its own light theme) */
input[type="text"], input[type="email"], input[type="date"], input[type="number"],
input[type="tel"], input[type="url"], textarea, select {
  background-color: #211b17;
  border-color: rgba(255,255,255,0.15);
  color: #e5e7eb;
}
input[type="text"]::placeholder, input[type="email"]::placeholder, textarea::placeholder {
  color: #6b7280;
}

/* Flatpickr dark theme override */
.flatpickr-calendar { background: #211b17; box-shadow: none; }
.flatpickr-months, .flatpickr-weekdays { background: #211b17; }
.flatpickr-month, .flatpickr-weekday { color: #e5e7eb !important; fill: #e5e7eb !important; }
.flatpickr-day { color: #d1d5db; }
.flatpickr-day.flatpickr-disabled { color: #4b5563; }
.flatpickr-day:hover { background: #2b241f; }
.flatpickr-day.selected, .flatpickr-day.inRange {
  background: #c65f3d !important; border-color: #c65f3d !important; color: #fff !important;
}
.flatpickr-current-month input.cur-year, .flatpickr-current-month .flatpickr-monthDropdown-months {
  color: #e5e7eb; background: transparent;
}
.flatpickr-prev-month svg, .flatpickr-next-month svg { fill: #e5e7eb !important; }