/**
 * Little Spa Birthday — Booking Activities Plugin Styling
 * Integracja wizualna kalendarza rezerwacji, slotów godzinowych i formularzy
 */

/* Kontener główny rezerwacji */
.bookacti-booking-system {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-xl) !important;
  padding: 36px !important;
  box-shadow: var(--shadow-md) !important;
  font-family: var(--wp--preset--font-family--sans, 'Plus Jakarta Sans', sans-serif) !important;
}

/* Nagłówek i przełączniki kalendarza */
.bookacti-calendar-header,
.bookacti-navigation {
  margin-bottom: 24px !important;
}

.bookacti-calendar .fc-toolbar-title {
  font-family: var(--font-serif, 'Playfair Display', serif) !important;
  color: var(--accent-dark) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

/* Przyciski nawigacji kalendarza (Poprzedni / Następny / Dziś) */
.bookacti-calendar .fc-button-primary {
  background-color: var(--accent-dark) !important;
  border-color: var(--accent-dark) !important;
  border-radius: var(--radius-pill) !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  transition: all 0.2s ease !important;
}

.bookacti-calendar .fc-button-primary:hover,
.bookacti-calendar .fc-button-primary:focus {
  background-color: var(--accent-coral) !important;
  border-color: var(--accent-coral) !important;
  box-shadow: 0 4px 12px rgba(223, 138, 126, 0.4) !important;
}

/* Nagłówki dni tygodnia */
.bookacti-calendar .fc-col-header-cell {
  background-color: var(--bg-secondary) !important;
  color: var(--accent-dark) !important;
  padding: 12px 0 !important;
  font-weight: 700 !important;
  border-color: var(--border-subtle) !important;
}

/* Komórki siatki kalendarza */
.bookacti-calendar .fc-daygrid-day,
.bookacti-calendar .fc-timegrid-slot {
  border-color: var(--border-subtle) !important;
}

.bookacti-calendar .fc-day-today {
  background-color: var(--coral-soft) !important;
}

/* Wydarzenia / Dostępne sloty urodzinowe Spa */
.bookacti-event,
.bookacti-calendar .fc-event {
  background-color: var(--accent-coral) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: var(--radius-sm) !important;
  color: #FFFFFF !important;
  padding: 6px 10px !important;
  font-weight: 600 !important;
  box-shadow: 0 3px 8px rgba(223, 138, 126, 0.35) !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.bookacti-event:hover,
.bookacti-calendar .fc-event:hover {
  background-color: var(--coral-hover) !important;
  transform: scale(1.02);
}

/* Sloty wybrane (Active / Selected) */
.bookacti-event-selected,
.bookacti-calendar .fc-event.bookacti-selected {
  background-color: var(--accent-dark) !important;
  border-color: var(--accent-dark) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(74, 59, 57, 0.4) !important;
}

/* Przycisk rezerwacji i podsumowania */
.bookacti-submit-button,
.bookacti-booking-system button[type="submit"],
.bookacti-form-action-button {
  background-color: var(--accent-coral) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: var(--radius-pill) !important;
  padding: 14px 34px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px rgba(223, 138, 126, 0.45) !important;
  transition: all 0.25s ease !important;
}

.bookacti-submit-button:hover,
.bookacti-booking-system button[type="submit"]:hover {
  background-color: var(--coral-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(223, 138, 126, 0.6) !important;
}

/* Okno modalne / Dialog Booking Activities */
.bookacti-dialog,
.ui-dialog.bookacti-dialog-container {
  background: #FFFFFF !important;
  border-radius: var(--radius-xl) !important;
  border: 1px solid var(--border-subtle) !important;
  box-shadow: 0 24px 60px rgba(66, 52, 50, 0.2) !important;
  padding: 24px !important;
}

.bookacti-dialog .ui-dialog-titlebar {
  background: transparent !important;
  border: none !important;
  font-family: var(--font-serif, 'Playfair Display', serif) !important;
  font-size: 1.35rem !important;
  color: var(--text-primary) !important;
}

/* Pola wyboru i formularze rezerwacji */
.bookacti-form input[type="text"],
.bookacti-form input[type="email"],
.bookacti-form input[type="tel"],
.bookacti-form select,
.bookacti-form textarea {
  border: 1.5px solid var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  padding: 12px 16px !important;
  color: var(--text-primary) !important;
  background-color: #FFFFFF !important;
}

.bookacti-form input:focus,
.bookacti-form select:focus,
.bookacti-form textarea:focus {
  border-color: var(--accent-coral) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(223, 138, 126, 0.2) !important;
}