/* ============================================================
   DR MAGDALENA - potwierdzenie rezerwacji FluentBooking
   Uzywane: (1) samodzielna strona potwierdzenia (filtr
   booking_confirmation_page_vars), (2) widok inline na /rozmowa/.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --midnight-orchid: #312A44;
  --dusky-lilac: #88708E;
  --iris-mist: #BAB0C8;
  --plum-blossom: #D7C5D8;
  --silver-wisteria: #DAD4DF;
}

/* tlo strony samodzielnej */
body.booking-confirmation-page {
  background: linear-gradient(180deg, rgba(215, 197, 216, 0.35), #ffffff 320px) !important;
  font-family: 'Inter', sans-serif !important;
}

/* karta potwierdzenia - JEDNA ramka (zewnetrzna) */
.fcal_confirmation {
  font-family: 'Inter', sans-serif !important;
  border-radius: 22px !important;
  border: 1.5px solid rgba(186, 176, 200, 0.35) !important;
  box-shadow: 0 14px 44px rgba(49, 42, 68, 0.1) !important;
  background: #ffffff !important;
}
/* strona samodzielna (potwierdzenie / odwolanie): oddech po bokach karty */
.confirmation_page .fcal_confirmation {
  padding: 2.4rem 3rem !important;
}
@media (max-width: 640px) {
  .confirmation_page .fcal_confirmation {
    padding: 1.6rem 1.3rem !important;
  }
}
/* zdejmij wewnetrzne ramki/obrysy (ramka w ramce) */
.fcal_confirmation .fcal_confirm_body,
.fcal_confirmation .fcal_confirm_header,
.confirmation_page .fcal_conf_wrap,
.drm-talk-widget .fcal_booking_confirmed {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* inline na /rozmowa/: karta rysuje ja juz .drm-talk-widget - potwierdzenie bez wlasnej */
.drm-talk-widget .fcal_confirmation {
  border: none !important;
  box-shadow: none !important;
}

/* sekcje na pelna szerokosc (dlugie pytania nie moga sie zwijac w waska kolumne) */
.fcal_confirmation .fcal_confirm_section {
  display: block !important;
  width: 100% !important;
}
.fcal_confirmation .fcal_confirm_section_title,
.fcal_confirmation .fcal_confirm_section_title h4,
.fcal_confirmation .fcal_confirm_section_content {
  width: 100% !important;
  max-width: 100% !important;
}
.fcal_confirmation .fcal_confirm_section_title h4 {
  margin-bottom: 0.35rem !important;
}

/* naglowek */
.fcal_confirmation .fcal_confirm_header h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.8rem !important;
  color: var(--midnight-orchid) !important;
  line-height: 1.2 !important;
}
.fcal_confirmation .fcal_confirm_header p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  color: rgba(49, 42, 68, 0.7) !important;
}
/* zielony check -> fioletowy przez filtr barw */
.fcal_confirmation .fcal_check_holder img {
  filter: hue-rotate(120deg) saturate(0.55) brightness(0.95);
}

/* sekcje: Co / Kiedy / Kto / Gdzie */
.fcal_confirmation .fcal_confirm_section_title h4 {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--dusky-lilac) !important;
  line-height: 1.45 !important;
}
.fcal_confirmation .fcal_confirm_section_content {
  font-size: 0.95rem !important;
  color: rgba(49, 42, 68, 0.85) !important;
  line-height: 1.6 !important;
}
.fcal_confirmation .fcal_confirm_section_content b,
.fcal_confirmation .fcal_confirm_section_content strong {
  color: var(--midnight-orchid) !important;
}

/* plakietka "Prowadzaca" */
.fcal_confirmation .fcal_host_badge {
  background: var(--plum-blossom) !important;
  color: var(--midnight-orchid) !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  padding: 0.2rem 0.6rem !important;
}

/* linki: Anuluj / Zmien termin */
.fcal_confirmation .fcal_booking_manage {
  font-size: 0.9rem !important;
  color: rgba(49, 42, 68, 0.65) !important;
}
.fcal_confirmation .fcal_booking_manage a {
  color: var(--dusky-lilac) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.fcal_confirmation .fcal_booking_manage a:hover {
  color: var(--midnight-orchid) !important;
}

/* dodaj do kalendarza */
.fcal_confirmation .fcal_to_calendars span {
  color: var(--midnight-orchid) !important;
  font-weight: 600 !important;
}
.fcal_confirmation .fcal_cal_items > div {
  border: 1.5px solid rgba(186, 176, 200, 0.45) !important;
  border-radius: 10px !important;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.fcal_confirmation .fcal_cal_items > div:hover {
  border-color: var(--dusky-lilac) !important;
  transform: translateY(-1px);
}

/* formularz anulowania rezerwacji (type=cancel) */
.fcal_confirmation .fcal_cancellation_wrap label {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: var(--midnight-orchid) !important;
}
.fcal_confirmation .fcal_cancellation_wrap label .required {
  color: var(--dusky-lilac) !important;
}
.fcal_confirmation .fcal_cancellation_wrap textarea {
  font-family: 'Inter', sans-serif !important;
  border: 1.5px solid var(--iris-mist) !important;
  border-radius: 12px !important;
  color: var(--midnight-orchid) !important;
}
.fcal_confirmation .fcal_cancellation_wrap textarea:focus {
  border-color: var(--dusky-lilac) !important;
  box-shadow: 0 0 0 1px var(--dusky-lilac) !important;
  outline: none !important;
}
.fcal_confirmation .fcal_cancellation_wrap .fcal_btn {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.fcal_confirmation .fcal_cancellation_wrap .fcal_btn_primary {
  background: var(--midnight-orchid) !important;
  border-color: var(--midnight-orchid) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(49, 42, 68, 0.22) !important;
}
.fcal_confirmation .fcal_cancellation_wrap .fcal_btn_primary:hover {
  background: var(--dusky-lilac) !important;
  border-color: var(--dusky-lilac) !important;
}
.fcal_confirmation .fcal_cancellation_wrap .fcal_btn_secondary {
  background: transparent !important;
  border: 1.5px solid var(--iris-mist) !important;
  color: var(--dusky-lilac) !important;
}
.fcal_confirmation .fcal_cancellation_wrap .fcal_btn_secondary:hover {
  border-color: var(--dusky-lilac) !important;
  color: var(--midnight-orchid) !important;
}

/* przycisk powrotu */
.fcal_back_btn,
.fcal_back_btn a {
  color: var(--dusky-lilac) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}
.fcal_back_btn a:hover { color: var(--midnight-orchid) !important; }