/**
 * Amelia Booking — jasny motyw Kołomańska.
 * Białe tło, czarne obramowania i cyfry, złoty akcent.
 */

/* ─── Tokeny ─────────────────────────────────────────────── */
:root {
	--mk-light:       #ffffff;
	--mk-light-2:     #f8f4f0;
	--mk-light-3:     #f0ebe4;
	--mk-line:        rgba(9, 9, 9, 0.08);
	--mk-line-med:    rgba(9, 9, 9, 0.15);
	--mk-line-dark:   rgba(9, 9, 9, 0.22);
	--mk-gold:        #C19170;
	--mk-gold-hover:  #a87a58;
	--mk-gold-dim:    rgba(193, 145, 112, 0.12);
	/* Akcent marki dla stanów aktywnych (wybrany dzień/godzina, przyciski).
	   Złoto zostaje na detalach (kwoty, dzień dzisiejszy). */
	--mk-bordo:       #6D2A3C;
	--mk-bordo-op80:  rgba(122, 62, 78, 0.8);
	--mk-bordo-op60:  rgba(122, 62, 78, 0.6);
	--mk-bordo-op30:  rgba(122, 62, 78, 0.3);
	--mk-bordo-op20:  rgba(122, 62, 78, 0.2);
	--mk-bordo-op10:  rgba(122, 62, 78, 0.1);
	/* Pasek boczny kroków */
	--mk-sidebar:     #C19170;
	--mk-text:        #C19170;
	--mk-text-muted:  #6b6058;
	--mk-text-dim:    rgba(9, 9, 9, 0.3);
	--mk-radius:      8px;
	--mk-radius-sm:   4px;
	--mk-radius-lg:   16px;
}

/* ─── El Plus vars override ───────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) {
	--el-color-primary:          var(--mk-gold) !important;
	--el-color-primary-light-3:  #d4a882 !important;
	--el-color-primary-light-5:  #dbbfa0 !important;
	--el-color-primary-light-7:  #e8d5c2 !important;
	--el-color-primary-light-8:  #f2e8de !important;
	--el-color-primary-light-9:  #f8f3ee !important;
	--el-color-primary-dark-2:   var(--mk-gold-hover) !important;
	--el-fill-color-blank:       var(--mk-light) !important;
	--el-bg-color:               var(--mk-light) !important;
	--el-bg-color-overlay:       var(--mk-light-2) !important;
	--el-text-color-primary:     var(--mk-text) !important;
	--el-text-color-regular:     var(--mk-text) !important;
	--el-text-color-secondary:   var(--mk-text-muted) !important;
	--el-text-color-placeholder: var(--mk-text-dim) !important;
	--el-border-color:           var(--mk-line-med) !important;
	--el-border-color-light:     var(--mk-line) !important;
	--el-border-radius-base:     var(--mk-radius) !important;
	--el-border-radius-small:    var(--mk-radius-sm) !important;
	--el-border-radius-round:    999px !important;
}

/* ─── PANEL KALENDARZA ────────────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-picker-panel {
	background:    var(--mk-light) !important;
	border:        1px solid var(--mk-line-med) !important;
	border-radius: var(--mk-radius-lg) !important;
	box-shadow:    0 8px 40px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06) !important;
	color:         var(--mk-text) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-picker-panel__body-wrapper,
:is([id^="amelia-app"], #wpamelia) .el-picker-panel__body {
	background: transparent !important;
}

/* ─── NAGŁÓWEK: miesiąc / rok / strzałki ─────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-date-picker__header {
	border-bottom: 1px solid var(--mk-line) !important;
	padding:       12px 16px !important;
	display:       flex !important;
	align-items:   center !important;
	gap:           8px !important;
}

:is([id^="amelia-app"], #wpamelia) .el-date-picker__header-label {
	color:          var(--mk-text) !important;
	font-size:      13px !important;
	font-weight:    600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

:is([id^="amelia-app"], #wpamelia) .el-date-picker__header-label:hover {
	color: var(--mk-gold) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-picker-panel__icon-btn {
	color:      var(--mk-text-muted) !important;
	font-size:  16px !important;
	transition: color 0.18s !important;
}

:is([id^="amelia-app"], #wpamelia) .el-picker-panel__icon-btn:hover {
	color: var(--mk-text) !important;
}

/* ─── NAGŁÓWKI DNI: pon, wt, śr… ────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-date-table th {
	color:          var(--mk-text-muted) !important;
	font-size:      10px !important;
	font-weight:    700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	border-bottom:  1px solid var(--mk-line) !important;
	padding:        10px 0 !important;
}

/* ─── KOMÓRKI DNI ─────────────────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-date-table td {
	padding: 2px !important;
}

:is([id^="amelia-app"], #wpamelia) .el-date-table-cell {
	border-radius: var(--mk-radius-sm) !important;
	padding:       0 !important;
}

:is([id^="amelia-app"], #wpamelia) .el-date-table-cell__text {
	border-radius:  var(--mk-radius-sm) !important;
	width:          36px !important;
	height:         36px !important;
	line-height:    36px !important;
	font-size:      13px !important;
	font-weight:    500 !important;
	color:          var(--mk-text-dim) !important;
	border:         1px solid var(--mk-line) !important;
	transition:     background 0.15s, color 0.15s, border-color 0.15s !important;
}

/* Dostępne dni */
:is([id^="amelia-app"], #wpamelia) .el-date-table td.available .el-date-table-cell__text {
	color:        var(--mk-text) !important;
	border-color: var(--mk-line-med) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-date-table td.available:hover .el-date-table-cell__text {
	background:   var(--mk-light-3) !important;
	border-color: var(--mk-line-dark) !important;
	color:        var(--mk-text) !important;
}

/* Dzisiaj */
:is([id^="amelia-app"], #wpamelia) .el-date-table td.today .el-date-table-cell__text {
	color:        var(--mk-gold-hover) !important;
	font-weight:  700 !important;
	border-color: var(--mk-gold) !important;
	background:   var(--mk-gold-dim) !important;
}

/* Wybrany dzień */
:is([id^="amelia-app"], #wpamelia) .el-date-table td.current:not(.disabled) .el-date-table-cell__text,
:is([id^="amelia-app"], #wpamelia) .el-date-table td.start-date .el-date-table-cell__text,
:is([id^="amelia-app"], #wpamelia) .el-date-table td.end-date .el-date-table-cell__text {
	background:    var(--mk-text) !important;
	color:         #ffffff !important;
	border-color:  var(--mk-text) !important;
	border-radius: var(--mk-radius-sm) !important;
	font-weight:   700 !important;
}

/* Zakres dat */
:is([id^="amelia-app"], #wpamelia) .el-date-table td.in-range .el-date-table-cell__text,
:is([id^="amelia-app"], #wpamelia) .el-date-table td.in-range div {
	background: var(--mk-light-2) !important;
}

/* Dni z poprzedniego / następnego miesiąca */
:is([id^="amelia-app"], #wpamelia) .el-date-table td.prev-month .el-date-table-cell__text,
:is([id^="amelia-app"], #wpamelia) .el-date-table td.next-month .el-date-table-cell__text {
	color:        var(--mk-text-dim) !important;
	border-color: var(--mk-line) !important;
	opacity:      0.5 !important;
}

/* Dni wyłączone */
:is([id^="amelia-app"], #wpamelia) .el-date-table td.disabled .el-date-table-cell__text,
:is([id^="amelia-app"], #wpamelia) .el-date-table td.disabled {
	color:            var(--mk-text-dim) !important;
	background-color: transparent !important;
	border-color:     var(--mk-line) !important;
	cursor:           not-allowed !important;
}

/* ─── SELECT: miesiąc i rok ───────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-input__wrapper {
	background-color: var(--mk-light) !important;
	border-radius:    var(--mk-radius) !important;
	box-shadow:       0 0 0 1px var(--mk-line-med) inset !important;
	transition:       box-shadow 0.18s ease !important;
}

:is([id^="amelia-app"], #wpamelia) .el-input__inner {
	color:       var(--mk-text) !important;
	font-size:   13px !important;
	font-weight: 500 !important;
}

:is([id^="amelia-app"], #wpamelia) .el-input__wrapper:hover {
	box-shadow: 0 0 0 1px var(--mk-text) inset !important;
}

:is([id^="amelia-app"], #wpamelia) .el-input__wrapper.is-focus,
:is([id^="amelia-app"], #wpamelia) .el-textarea__inner:focus {
	box-shadow: 0 0 0 2px var(--mk-text) inset !important;
}

:is([id^="amelia-app"], #wpamelia) .el-select .el-input.is-focus .el-input__wrapper {
	box-shadow: 0 0 0 2px var(--mk-text) inset !important;
}

:is([id^="amelia-app"], #wpamelia) .el-select .el-icon {
	color: var(--mk-text-muted) !important;
}

/* ─── DROPDOWN SELECT LISTA ───────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-select-dropdown,
:is([id^="amelia-app"], #wpamelia) .el-popper {
	background:    var(--mk-light) !important;
	border:        1px solid var(--mk-line-med) !important;
	border-radius: var(--mk-radius) !important;
	box-shadow:    0 8px 24px rgba(0,0,0,0.10) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-select-dropdown__item {
	color: var(--mk-text) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-select-dropdown__item.hover,
:is([id^="amelia-app"], #wpamelia) .el-select-dropdown__item:hover {
	background: var(--mk-light-2) !important;
	color:      var(--mk-text) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-select-dropdown__item.selected {
	color:       var(--mk-gold-hover) !important;
	font-weight: 600 !important;
}

/* ─── PRZYCISKI ───────────────────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-button {
	border-radius:  var(--mk-radius) !important;
	font-weight:    600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	font-size:      12px !important;
	transition:     background 0.18s ease, border-color 0.18s ease !important;
}

:is([id^="amelia-app"], #wpamelia) .el-button--primary,
:is([id^="amelia-app"], #wpamelia) button.el-button--primary {
	background-color: var(--mk-gold) !important;
	border-color:     var(--mk-gold) !important;
	color:            #ffffff !important;
}

:is([id^="amelia-app"], #wpamelia) .el-button--primary:hover,
:is([id^="amelia-app"], #wpamelia) .el-button--primary:focus {
	background-color: var(--mk-gold-hover) !important;
	border-color:     var(--mk-gold-hover) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-button--default {
	background:   var(--mk-light) !important;
	border-color: var(--mk-line-dark) !important;
	color:        var(--mk-text) !important;
}

:is([id^="amelia-app"], #wpamelia) .el-button--default:hover {
	border-color: var(--mk-text) !important;
	color:        var(--mk-text) !important;
}

/* ─── RADIO / CHECKBOX ────────────────────────────────────── */
:is([id^="amelia-app"], #wpamelia) .el-radio__input.is-checked .el-radio__inner,
:is([id^="amelia-app"], #wpamelia) .el-checkbox__input.is-checked .el-checkbox__inner {
	background-color: var(--mk-text) !important;
	border-color:     var(--mk-text) !important;
}

/* ═══════════════════════════════════════════════════════════
   FULLCALENDAR — jasny motyw (siatka kalendarza Amelii)
   ═══════════════════════════════════════════════════════════ */

/* Kontener kalendarza */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard {
	background:    var(--mk-light) !important;
	border-radius: var(--mk-radius-lg) !important;
	border:        1px solid var(--mk-line-med) !important;
	box-shadow:    0 8px 32px rgba(0,0,0,0.08) !important;
	overflow:      hidden !important;
	font-family:   "Inter", sans-serif !important;
}

/* Toolbar: nawigacja i tytuł miesiąca */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-toolbar {
	padding:       14px 20px !important;
	margin-bottom: 0 !important;
	border-bottom: 1px solid var(--mk-line) !important;
	background:    var(--mk-light-2) !important;
	align-items:   center !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-toolbar-title {
	font-family:    "Inter", sans-serif !important;
	font-size:      18px !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color:          var(--mk-text) !important;
}

/* Przyciski prev/next */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-button {
	background:    transparent !important;
	border:        1px solid var(--mk-line-med) !important;
	border-radius: var(--mk-radius-sm) !important;
	color:         var(--mk-text-muted) !important;
	padding:       5px 10px !important;
	font-size:     13px !important;
	box-shadow:    none !important;
	transition:    border-color 0.15s, color 0.15s !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-button:hover {
	border-color: var(--mk-text) !important;
	color:        var(--mk-text) !important;
	background:   var(--mk-light-2) !important;
}

/* Nagłówki kolumn: PON, WT, ŚR... */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-col-header {
	background: var(--mk-light-2) !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-col-header-cell {
	border-right:  1px solid var(--mk-line) !important;
	border-bottom: 1px solid var(--mk-line-med) !important;
	padding:       10px 0 !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-col-header-cell-cushion {
	color:           var(--mk-text-muted) !important;
	font-size:       10px !important;
	font-weight:     700 !important;
	letter-spacing:  0.16em !important;
	text-transform:  uppercase !important;
	text-decoration: none !important;
}

/* Siatka dni */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-daygrid-body {
	background: var(--mk-light) !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.fc-daygrid-day {
	border:  1px solid var(--mk-line-med) !important;
	padding: 0 !important;
}

/* Numer dnia */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-daygrid-day-number {
	color:           var(--mk-text-dim) !important;
	font-size:       12px !important;
	font-weight:     500 !important;
	padding:         6px 8px !important;
	text-decoration: none !important;
	transition:      color 0.15s !important;
}

/* Dostępne dni — numer ciemny */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-available .fc-daygrid-day-number {
	color:       var(--mk-text) !important;
	font-weight: 600 !important;
}

/* Hover na dostępnym dniu */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-available .fc-daygrid-day-frame {
	cursor:     pointer !important;
	transition: background 0.15s !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-available .fc-daygrid-day-frame:hover {
	background: var(--mk-light-3) !important;
}

/* Wybrany dzień — akcent marki */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected .fc-daygrid-day-frame {
	background:   var(--mk-bordo) !important;
	border-color: var(--mk-bordo) !important;
	color:        #ffffff !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected .fc-daygrid-day-number {
	color:       #ffffff !important;
	font-weight: 700 !important;
}

/* Dzień dzisiejszy */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-day-today {
	background: var(--mk-gold-dim) !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
.fc-day-today .fc-daygrid-day-number {
	color:       var(--mk-gold-hover) !important;
	font-weight: 700 !important;
}

/* Dni z innego miesiąca */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard .fc-day-other .fc-daygrid-day-number {
	color:   var(--mk-text-dim) !important;
	opacity: 0.4 !important;
}

/* ─── GŁÓWNY WRAPPER / FORMULARZ ──────────────────────────── */
.amelia-v2-booking #amelia-container.am-fs__wrapper,
.amelia-v2-booking #amelia-container .am-fs__main {
	background:    var(--mk-light) !important;
	border-radius: var(--mk-radius-lg) !important;
	border:        1px solid var(--mk-line-med) !important;
	box-shadow:    0 8px 40px rgba(0,0,0,0.08) !important;
	overflow:      hidden !important;
}

/* Pasek postępu */
.amelia-v2-booking #amelia-container .am-fs__main .am-progress-bar {
	background:    var(--mk-light-2) !important;
	border-bottom: 1px solid var(--mk-line) !important;
}

.amelia-v2-booking #amelia-container .am-fs__main .am-progress-bar .am-passed-step {
	background: var(--mk-text) !important;
	color:      #ffffff !important;
}

/* Sloty godzin */
.amelia-v2-booking #amelia-container .am-advsc__slots-item__inner {
	color:            var(--mk-text) !important;
	border:           1px solid var(--mk-line-med) !important;
	background-color: var(--mk-light) !important;
	border-radius:    var(--mk-radius) !important;
	transition:       background 0.15s, border-color 0.15s !important;
}

.amelia-v2-booking #amelia-container .am-advsc__slots-item:hover .am-advsc__slots-item__inner,
.amelia-v2-booking #amelia-container .am-advsc__slots-item__inner:hover {
	border-color:     var(--mk-bordo) !important;
	background-color: var(--mk-light-2) !important;
}

/* Wybrana godzina.
   UWAGA: klasa `am-advsc__slots-item__selected` siedzi na RODZICU (.am-advsc__slots-item),
   a nie na `__inner` — poprzedni zapis `__inner[class*="selected"]` nigdy nie łapał.
   Tło musi trafić także na `__inner`, bo ma własne białe tło i zakrywa rodzica. */
.amelia-v2-booking #amelia-container .am-advsc__slots-item.am-advsc__slots-item__selected,
.amelia-v2-booking #amelia-container .am-advsc__slots-item.am-advsc__slots-item__selected .am-advsc__slots-item__inner {
	background-color: var(--mk-bordo) !important;
	border-color:     var(--mk-bordo) !important;
	color:            #ffffff !important;
	font-weight:      600 !important;
}

/* Kwoty */
.amelia-v2-booking #amelia-container .am-fs__payments-app-info-total > span:nth-child(2),
.amelia-v2-booking #amelia-container .am-fs__payments-app-info-deposit > span:nth-child(2) {
	color: var(--mk-gold-hover) !important;
}

/* Gradient przewijania */
.amelia-v2-booking #amelia-container .am-fs-sb-atc {
	background-image: linear-gradient(var(--mk-light), transparent 20%) !important;
}

/* ─── MOBILE: widżet nie może rozpychać strony ────────────── */
/* Amelia trzyma szerokości w zmiennych (--am-mw-main: 760px,
   --am-mw-fsm: 520px), a FullCalendar dostaje width w px inline z JS-a.
   Na ekranie ~360px daje to poziomy scroll całej strony i ucięte krawędzie.
   Zbijamy wszystkie kontenery do 100% i zerujemy min-width — bez tego
   flex/grid i tak nie pozwolą im zejść poniżej szerokości treści. */
@media (max-width: 767px) {
	.amelia-v2-booking,
	.amelia-v2-booking #amelia-container,
	.amelia-v2-booking #amelia-container.am-fs__wrapper,
	.amelia-v2-booking #amelia-container .am-fs__main,
	.amelia-v2-booking #amelia-container .am-fs__main-inner,
	.amelia-v2-booking #amelia-container .am-fs__main-content,
	.amelia-v2-booking #amelia-container .am-advsc__wrapper,
	.amelia-v2-booking #amelia-container .am-fs-dt__calendar {
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.amelia-v2-booking #amelia-container {
		--am-mw-main: 100% !important;
	}

	.amelia-v2-booking #amelia-container .am-fs__main {
		--am-mw-fsm: 100% !important;
	}

	/* FullCalendar wylicza szerokość tabel w JS i wstawia ją inline —
	   nadpisujemy, żeby siatka dni zmieściła się w kolumnie. */
	.amelia-v2-booking #amelia-container .fc-scrollgrid,
	.amelia-v2-booking #amelia-container .fc-col-header,
	.amelia-v2-booking #amelia-container .fc-daygrid-body,
	.amelia-v2-booking #amelia-container .fc-scrollgrid-sync-table {
		width: 100% !important;
		min-width: 0 !important;
	}

	/* Ciaśniejsze komórki dni — przy 7 kolumnach na ~340px każdy px się liczy */
	.amelia-v2-booking #amelia-container .am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
		padding: 0 !important;
	}

	/* Nagłówki dni (pon./wt./...) nie mogą rozpychać kolumn */
	.amelia-v2-booking #amelia-container .fc-col-header-cell-cushion {
		padding: 4px 2px !important;
		font-size: 11px !important;
	}
}

/* Siatka bezpieczeństwa: gdyby wtyczka w kolejnej wersji znów wymusiła
   swoją szerokość, widżet ma przewijać się w poziomie SAM, a nie rozpychać
   całą stronę. */
#kalendarz-terminy-widget {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* ─── SCROLLBAR ───────────────────────────────────────────── */
.amelia-v2-booking #amelia-container *::-webkit-scrollbar {
	width:  5px !important;
	height: 5px !important;
}

.amelia-v2-booking #amelia-container *::-webkit-scrollbar-track {
	background: var(--mk-light-2) !important;
}

.amelia-v2-booking #amelia-container *::-webkit-scrollbar-thumb {
	background-color: rgba(9,9,9,0.2) !important;
	border-radius:    999px !important;
}

.amelia-v2-booking #amelia-container *::-webkit-scrollbar-thumb:hover {
	background-color: rgba(9,9,9,0.4) !important;
}

/* ─── Amelia v2 slot vars ─────────────────────────────────── */
.amelia-v2-booking #amelia-container .am-advsc__wrapper {
	--am-c-primary:           var(--mk-bordo) !important;
	--am-c-primary-op90:      var(--mk-bordo-op80) !important;
	--am-c-primary-op80:      var(--mk-bordo-op80) !important;
	--am-c-primary-op60:      var(--mk-bordo-op60) !important;
	--am-c-primary-op30:      var(--mk-bordo-op30) !important;
	--am-c-primary-op20:      var(--mk-bordo-op20) !important;
	--am-c-primary-op10:      var(--mk-bordo-op10) !important;
	--am-c-primary-text:      #ffffff !important;
	--am-c-btn-first:         var(--mk-bordo) !important;
	--am-c-btn-second:        #ffffff !important;
	--am-c-advsc-text:        var(--mk-text) !important;
	--am-c-advsc-cell-bgr:    var(--mk-gold-dim) !important;
	--am-c-advsc-cell-border: var(--mk-line-med) !important;
	--am-rad-advsc-slot:      var(--mk-radius) !important;
	background:               var(--mk-light) !important;
	color:                    var(--mk-text) !important;

	/* Kalendarz: dostępność dni, hover, zaznaczenie, scrollbar */
	--am-c-cal-low:           var(--mk-bordo) !important;
	--am-c-cal-high:          var(--mk-bordo) !important;
	--am-c-cal-init:          var(--mk-bordo) !important;
	--am-c-cal-low-text:      var(--mk-bordo) !important;
	--am-c-cal-high-text:     var(--mk-bordo) !important;
	--am-c-cal-init-text:     var(--mk-bordo) !important;
	--am-c-cal-selected:      var(--mk-bordo) !important;
	--am-c-cal-selected-text: #ffffff !important;
	--am-c-cal-selected-op80: var(--mk-bordo-op80) !important;
	--am-c-cal-low-op10:      var(--mk-bordo-op10) !important;
	--am-c-cal-low-op20:      var(--mk-bordo-op20) !important;
	--am-c-cal-low-op30:      var(--mk-bordo-op30) !important;
	--am-c-cal-low-op60:      var(--mk-bordo-op60) !important;
	--am-c-cal-low-op80:      var(--mk-bordo-op80) !important;
	--am-c-cal-high-op10:     var(--mk-bordo-op10) !important;
	--am-c-cal-high-op20:     var(--mk-bordo-op20) !important;
	--am-c-cal-high-op30:     var(--mk-bordo-op30) !important;
	--am-c-cal-high-op60:     var(--mk-bordo-op60) !important;
	--am-c-cal-high-op80:     var(--mk-bordo-op80) !important;
	--am-c-cal-init-op10:     var(--mk-bordo-op10) !important;
	--am-c-cal-init-op20:     var(--mk-bordo-op20) !important;
	--am-c-cal-init-op30:     var(--mk-bordo-op30) !important;
	--am-c-cal-init-op60:     var(--mk-bordo-op60) !important;
	--am-c-scroll-op30:       var(--mk-bordo-op30) !important;
	--am-c-scroll-op10:       var(--mk-bordo-op10) !important;
}

/* ─── Paleta główna widżetu ───────────────────────────────── */
.amelia-v2-booking #amelia-container.am-fs__wrapper,
.amelia-v2-booking #amelia-container {
	margin:            0 !important;
	--am-c-primary:    var(--mk-bordo) !important;
	--am-c-btn-prim:   var(--mk-bordo) !important;
	--am-c-sb-bgr:     var(--mk-sidebar) !important;
	--am-c-sb-text:    #ffffff !important;
	--am-font-family:  "Inter", sans-serif !important;
}

.amelia-v2-booking #amelia-container .am-fs__main {
	--am-c-scroll-op30: var(--mk-bordo-op30) !important;
	--am-c-scroll-op10: var(--mk-bordo-op10) !important;
}

/* Bazowy przycisk (m.in. strzałki nawigacji miesiąca) — neutralna czerń.
   Przeniesione z custom.css. `--filled` niżej wygrywa specyficznością. */
.amelia-v2-booking #amelia-container .am-button {
	background-color: var(--mk-text) !important;
	color:            #ffffff !important;
	border-color:     var(--mk-text) !important;
}

/* Hover dnia w kalendarzu (także komórek bez klasy `available`).
   Przeniesione z custom.css. */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard
td.am-advsc__dayGridMonth-cell:not(.am-advsc__dayGridMonth-disabled) .fc-daygrid-day-frame:hover {
	background:   var(--mk-bordo-op10) !important;
	border-color: var(--mk-bordo) !important;
}

.amelia-v2-booking #amelia-container .am-button--primary {
	--am-c-btn-first:      var(--mk-bordo) !important;
	--am-c-btn-first-op80: var(--mk-bordo-op80) !important;
	--am-c-btn-first-op30: var(--mk-bordo-op30) !important;
	--am-c-btn-first-op20: var(--mk-bordo-op10) !important;
}

.amelia-v2-booking #amelia-container .am-button.am-button--filled {
	background-color: var(--mk-bordo) !important;
}

/* Przyciski Amelii (Kontynuuj, popupy) — pełna pigułka, spójnie z resztą CTA */
.amelia-v2-booking #amelia-container .am-button--default,
.amelia-v2-booking #amelia-container .am-button--medium,
.amelia-v2-booking #amelia-container .am-button-continue,
.amelia-v2-booking #amelia-container .am-package-popup-continue {
	border-radius: 9999px !important;
}

/* Ukrycie kółek-wskaźników kroków w bocznym pasku */
.amelia-v2-booking #amelia-container .am-fs-sb__step-checker {
	display: none !important;
}

/* Bieżący krok na pasku postępu */
.amelia-v2-booking #amelia-container .am-progress-bar .am-step.am-current-step {
	background-color: var(--mk-bordo) !important;
}

/* Data przy nagłówku slotów */
.amelia-v2-booking #amelia-container .am-advsc__slots-heading {
	color:       #C19170 !important;
	font-weight: 600 !important;
}