/* Wrapper */
.sgkr-wc-wrap { max-width: 720px; }
.sgkr-cal-title { margin: 0 0 12px; }

/* Tylko bieżący miesiąc – ukryj strzałki nawigacji */
.sgkr-wc-calendar .ui-datepicker-prev,
.sgkr-wc-calendar .ui-datepicker-next {
  display: none !important;
}
/* Wyśrodkowanie kalendarza w .sgkr-frontend */
.sgkr-frontend {
  display: flex;
  justify-content: center;   /* wyśrodkowanie poziome */
  padding: 16px;             /* opcjonalnie oddech */
}

/* Szerokość i centrowanie samego wrapa */
.sgkr-frontend .sgkr-wc-wrap {
  width: 100%;
  max-width: 720px;          /* dostosuj do gustu: 640/720/840px */
  margin: 0 auto;            /* fallback gdy .sgkr-frontend nie ma flexa */
  box-sizing: border-box;
}

/* ZAJĘTE GODZINY (slot) */
.sgkr-slot.is-booked {
  background: #ffecec;
  border-color: #f5b5b5;
  color: #a40000;
  cursor: not-allowed;
  position: relative;
}
.sgkr-slot.is-booked::after {
  content: 'zajęte';
  font-size: 11px;
  display: block;
  opacity: .9;
}

/* DZIEŃ W CAŁOŚCI ZAJĘTY (w kalendarzu) */
.sgkr-wc-calendar .sgkr-day-full a,
.sgkr-wc-calendar .sgkr-day-full span {
  background: #ffecec !important;
  border-color: #f5b5b5 !important;
  color: #a40000 !important;
}

/* Tooltip można dodać przez title: 'Brak wolnych godzin' (ustawiamy w JS) */


.sgkr-customer-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
  margin: 12px 0;
}
.sgkr-customer-form .sgkr-field { display:flex; flex-direction:column; }
.sgkr-customer-form label { font-size: 13px; color:#444; margin-bottom:4px; }
.sgkr-customer-form .sgkr-req { color:#d32f2f; }
.sgkr-customer-form input[type="text"],
.sgkr-customer-form input[type="email"]{
  border:1px solid #ddd; border-radius:8px; padding:10px; font-size:14px; background:#fff;
}
@media (max-width:640px){
  .sgkr-customer-form { grid-template-columns: 1fr; }
}

.sgkr-wc-calendar .sgkr-bookable a{
	text-align:center;
}



/* JQUERY UI DATEPICKER — wygląd jak w WC Bookings */
.sgkr-wc-calendar .ui-datepicker { width: 100%; border: 1px solid #e5e5e5; padding: 8px; background: #fff; }
.sgkr-wc-calendar .ui-datepicker-header { position: relative; padding: 8px 36px; text-align: center; border-bottom: 1px solid #eee; }
.sgkr-wc-calendar .ui-datepicker-title { font-weight: 600; }
.sgkr-wc-calendar .ui-datepicker-prev,
.sgkr-wc-calendar .ui-datepicker-next {
  position: absolute; top: 6px; width: 28px; height: 28px; line-height: 28px; text-align: center;
  border: 1px solid #e5e5e5; border-radius: 6px; cursor: pointer; background: #f9f9f9;
}
.sgkr-wc-calendar .ui-datepicker-prev:hover,
.sgkr-wc-calendar .ui-datepicker-next:hover { background: #f2f2f2; }
.sgkr-wc-calendar .ui-datepicker-prev { left: 6px; }
.sgkr-wc-calendar .ui-datepicker-next { right: 6px; }

.sgkr-wc-calendar table.ui-datepicker-calendar { width: 100%; border-collapse: collapse; margin: 6px 0 0; }
.sgkr-wc-calendar thead th { text-align: center; font-size: 12px; color: #666; padding: 6px 0; }
.sgkr-wc-calendar tbody td { width: 14.285%; padding: 2px; text-align: center; }

.sgkr-wc-calendar tbody td a,
.sgkr-wc-calendar tbody td span {
  display: block; padding: 8px 0; border: 1px solid transparent;
  font-weight: 600; color: #222; text-decoration: none;
}

/* Niedostępne (niezaznaczone dni tygodnia) */
.sgkr-wc-calendar .ui-datepicker-unselectable span,
.sgkr-wc-calendar .sgkr-unbookable a,
.sgkr-wc-calendar .sgkr-unbookable span {
  color: #bbb !important; background: #fafafa !important; border-color: #f0f0f0 !important; cursor: not-allowed;
}

/* Dostępne */
.sgkr-wc-calendar .sgkr-bookable a { background: #ffffff; border-color: #eaeaea; }
.sgkr-wc-calendar .sgkr-bookable a:hover { background: #f6faff; border-color: #cfe4ff; }

/* Dzisiaj */
.sgkr-wc-calendar .ui-datepicker-today a { background:green; border-color:green; }

/* Wybrany dzień (wc bookings style) */
.sgkr-wc-calendar .ui-datepicker-calendar .ui-state-active { background:#262626 !important; border-color:#262626 important; color:white !important; }

/* Panel godzin i przycisk */
.sgkr-slots-panel { border:1px solid #e5e5e5; border-radius:8px; padding:12px; background:#fff; margin:12px 0; }
.sgkr-slots-header { display:flex; gap:8px; align-items:center; margin-bottom:10px; }
.sgkr-slots-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(120px,1fr)); gap:8px; }
.sgkr-slot { background:#262626; padding:8px; text-align:center; cursor:pointer; }
.sgkr-slot.is-active { outline:2px solid #10b981; background:#effaf5; }
.sgkr-reserve-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sgkr-picked { display:flex; gap:6px; align-items:center; color:#333; }
.sgkr-btn-reserve { padding:10px 14px; border:none; border-radius:8px; background:#111; color:#fff; font-weight:600; cursor:pointer; }
.sgkr-btn-reserve:disabled { opacity:.5; cursor:not-allowed; }