/* ============================================
   AMELIA BOOKING — NORDLYS OVERRIDE v2
   Based on actual DOM: uses --am-* CSS variables
   + am-* / fc-* class selectors
   ============================================ */

/* ==========================================
   1. OVERRIDE AMELIA'S CSS VARIABLES
   Najsilniejsza broń — nadpisujemy jej system
   ========================================== */

#amelia-container {
	--am-c-primary: #4dd0ff !important;
	--am-c-success: #00ffa3 !important;
	--am-c-error: #ff5ec4 !important;
	--am-c-warning: #b566ff !important;

	--am-c-main-bgr: rgba(10, 19, 48, 0.5) !important;
	--am-c-main-heading-text: #e8edf5 !important;
	--am-c-main-text: #e8edf5 !important;

	--am-c-sb-bgr: rgba(19, 30, 68, 0.4) !important;
	--am-c-sb-text: #e8edf5 !important;

	--am-c-inp-bgr: rgba(255, 255, 255, 0.03) !important;
	--am-c-inp-border: rgba(180, 200, 255, 0.12) !important;
	--am-c-inp-text: #e8edf5 !important;
	--am-c-inp-placeholder: #6a7691 !important;

	--am-c-drop-bgr: #0a1330 !important;
	--am-c-drop-text: #e8edf5 !important;

	--am-c-btn-prim: #4dd0ff !important;
	--am-c-btn-prim-text: #050a1a !important;
	--am-c-btn-sec: transparent !important;
	--am-c-btn-sec-text: #e8edf5 !important;

	--am-font-family: 'Inter Tight', -apple-system, sans-serif !important;
}

/* ==========================================
   2. WRAPPER + BACKGROUND
   ========================================== */

.am-fs__wrapper {
	background: transparent !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 auto !important;
}

.am-fs__main {
	background: rgba(10, 19, 48, 0.5) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.am-fs__main-inner {
	background: transparent !important;
}

.am-fs-sb {
	background: rgba(19, 30, 68, 0.4) !important;
	border-right: 1px solid rgba(180, 200, 255, 0.08) !important;
}

/* ==========================================
   3. NAGŁÓWEK ("Date & Time")
   ========================================== */

.am-fs__main-heading {
	background: transparent !important;
	border-bottom: 1px solid rgba(180, 200, 255, 0.08) !important;
	color: #e8edf5 !important;
}

.am-fs__main-heading-inner-title {
	font-family: 'Fraunces', serif !important;
	font-weight: 400 !important;
	color: #e8edf5 !important;
	letter-spacing: -0.01em !important;
}

/* ==========================================
   4. SIDEBAR — kroki
   ========================================== */

.am-fs-sb__step {
	background: transparent !important;
	border-radius: 8px !important;
	color: rgba(232, 237, 245, 0.7) !important;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.am-fs-sb__step-heading {
	color: inherit !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-size: 0.9rem !important;
}

.am-fs-sb__step-icon {
	color: rgba(232, 237, 245, 0.5) !important;
}

.am-fs-sb__step-checker svg,
.am-fs-sb__step-checker .am-icon-check {
	color: #00ffa3 !important;
	fill: #00ffa3 !important;
}

.am-fs-sb__menu {
	color: rgba(232, 237, 245, 0.6) !important;
	border-top: 1px solid rgba(180, 200, 255, 0.08) !important;
}

/* ==========================================
   5. KALENDARZ
   ========================================== */

.am-fs__main-content,
.am-fs-dt__calendar {
	background: transparent !important;
}

.am-advsc__header {
	background: transparent !important;
	border: none !important;
}

/* Dropdowny miesiąc/rok */
.am-select .el-select__wrapper,
.el-select__wrapper {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #e8edf5 !important;
}

.el-select__placeholder span,
.el-select__selected-item {
	color: #e8edf5 !important;
}

.el-select__caret,
.el-select__icon,
.am-icon-arrow-down {
	color: rgba(232, 237, 245, 0.6) !important;
}

/* Prev/Next month buttons */
.am-advsc__header .am-button-group .am-button {
	background: transparent !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 8px !important;
	color: rgba(232, 237, 245, 0.8) !important;
}

.am-advsc__header .am-button-group .am-button:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: rgba(180, 200, 255, 0.3) !important;
	color: #e8edf5 !important;
}

/* Nagłówki dni tygodnia */
.fc-col-header-cell,
.am-advsc__dayGridMonth-header-cell {
	background: transparent !important;
	border: none !important;
	padding: 0.5rem 0 !important;
}

.fc-col-header-cell-cushion {
	color: #6a7691 !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	text-decoration: none !important;
}

/* Grid tabel */
.fc-scrollgrid,
.fc-scrollgrid td,
.fc-scrollgrid th {
	border: none !important;
	background: transparent !important;
}

/* Kafle dni */
.fc-daygrid-day,
.am-advsc__dayGridMonth-cell {
	background: rgba(255, 255, 255, 0.02) !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
	cursor: pointer;
}

.fc-daygrid-day-frame {
	padding: 0.4rem !important;
	min-height: 40px;
}

.fc-daygrid-day-number,
.fc-daygrid-day-top a {
	color: #e8edf5 !important;
	font-family: 'Fraunces', serif !important;
	font-size: 0.95rem !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	padding: 0.25rem !important;
}

/* Dni dostępne (role="button") */
.fc-daygrid-day[role="button"] {
	border-color: rgba(0, 255, 163, 0.15) !important;
}

.fc-daygrid-day[role="button"]:hover,
.am-advsc__dayGridMonth-cell[role="button"]:hover {
	background: rgba(0, 255, 163, 0.08) !important;
	border-color: rgba(0, 255, 163, 0.4) !important;
	transform: translateY(-1px);
}

/* Dziś */
.fc-day-today {
	background: rgba(77, 208, 255, 0.1) !important;
	border-color: #4dd0ff !important;
}

.fc-day-today .fc-daygrid-day-number {
	color: #4dd0ff !important;
	font-weight: 500 !important;
}

/* Wyłączone (przeszłość, weekend off) */
.am-advsc__dayGridMonth-disabled,
.fc-day-past,
.fc-day-other {
	background: transparent !important;
	opacity: 0.35 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

.am-advsc__dayGridMonth-disabled .fc-daygrid-day-number,
.fc-day-past .fc-daygrid-day-number,
.fc-day-other .fc-daygrid-day-number {
	color: #6a7691 !important;
}

/* Dzień wybrany */
.fc-day.am-selected,
.am-advsc__dayGridMonth-cell--selected,
.fc-day[aria-selected="true"] {
	background: linear-gradient(
		100deg,
		#00ffa3 0%,
		#4dd0ff 35%,
		#b566ff 70%,
		#ff5ec4 100%
	) !important;
	border-color: transparent !important;
	box-shadow: 0 4px 20px rgba(77, 208, 255, 0.3) !important;
}

.fc-day.am-selected .fc-daygrid-day-number,
.am-advsc__dayGridMonth-cell--selected .fc-daygrid-day-number,
.fc-day[aria-selected="true"] .fc-daygrid-day-number {
	color: #050a1a !important;
	font-weight: 500 !important;
}

/* Pasek dostępności */
.am-advsc__occupancy,
.am-advsc__slot-wrapper {
	background: rgba(0, 255, 163, 0.15) !important;
	border-radius: 4px !important;
}

/* ==========================================
   6. SLOTY GODZIN
   ========================================== */

.am-fs-dt__slots,
.am-fs-dt__slot,
[class*="slot-item"] {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	color: #e8edf5 !important;
	border-radius: 8px !important;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	font-family: 'Inter Tight', sans-serif !important;
	padding: 0.75rem 1rem !important;
}

.am-fs-dt__slot:hover,
[class*="slot-item"]:hover {
	background: rgba(77, 208, 255, 0.08) !important;
	border-color: rgba(77, 208, 255, 0.4) !important;
	transform: translateY(-1px);
}

.am-fs-dt__slot--selected,
.am-fs-dt__slot--active,
[class*="slot-item"][class*="selected"],
[class*="slot-item"][class*="active"] {
	background: linear-gradient(100deg, #00ffa3, #4dd0ff, #b566ff, #ff5ec4) !important;
	color: #050a1a !important;
	border-color: transparent !important;
	font-weight: 500 !important;
	box-shadow: 0 4px 15px rgba(77, 208, 255, 0.25) !important;
}

/* ==========================================
   7. FORMULARZ
   ========================================== */

#amelia-container input:not([type="checkbox"]):not([type="radio"]),
#amelia-container textarea,
#amelia-container .el-input__inner {
	background: rgba(255, 255, 255, 0.03) !important;
	/* border: 1px solid rgba(180, 200, 255, 0.12) !important; */
	color: #e8edf5 !important;
	border-radius: 8px !important;
	font-family: 'Inter Tight', sans-serif !important;
	padding: 0.75rem 1rem !important;
}

#amelia-container input:focus,
#amelia-container textarea:focus {
	border-color: #4dd0ff !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(77, 208, 255, 0.1) !important;
}

#amelia-container input::placeholder {
	color: #6a7691 !important;
}

#amelia-container label {
	color: rgba(232, 237, 245, 0.7) !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-size: 0.85rem !important;
}

/* ==========================================
   8. PRZYCISKI
   ========================================== */

.am-button--primary,
.am-button-continue,
.am-button--filled.am-button--primary {
	background: linear-gradient(
		100deg,
		#00ffa3 0%,
		#4dd0ff 35%,
		#b566ff 70%,
		#ff5ec4 100%
	) !important;
	color: #050a1a !important;
	border: none !important;
	border-radius: 100px !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-weight: 500 !important;
	padding: 0.85rem 1.75rem !important;
	box-shadow: none !important;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.am-button--primary:hover:not(.is-disabled),
.am-button-continue:hover:not(.is-disabled) {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(77, 208, 255, 0.25) !important;
}

.am-button--primary.is-disabled,
.am-button-continue.is-disabled,
.am-button[disabled] {
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	transform: none !important;
}

.am-button__inner {
	color: inherit !important;
}

.am-button--secondary,
.am-button--plain {
	background: transparent !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	color: #e8edf5 !important;
	border-radius: 100px !important;
}

.am-button--secondary:hover,
.am-button--plain:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: rgba(232, 237, 245, 0.4) !important;
}

/* ==========================================
   9. DROPDOWNY (portalowane poza kontenerem)
   ========================================== */

.el-select-dropdown,
.el-popper.is-light {
	background: #0a1330 !important;
	border: 1px solid rgba(180, 200, 255, 0.15) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

.el-select-dropdown__item {
	color: rgba(232, 237, 245, 0.8) !important;
	background: transparent !important;
	font-family: 'Inter Tight', sans-serif !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
	background: rgba(77, 208, 255, 0.08) !important;
	color: #e8edf5 !important;
}

.el-select-dropdown__item.selected {
	background: rgba(77, 208, 255, 0.15) !important;
	color: #4dd0ff !important;
	font-weight: 500 !important;
}

.el-popper__arrow::before {
	background: #0a1330 !important;
	border-color: rgba(180, 200, 255, 0.15) !important;
}

/* ==========================================
   10. SUMMARY / PAYMENTS
   ========================================== */

[class*="summary"] {
	background: rgba(255, 255, 255, 0.02) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 8px !important;
}

.am-amount,
.am-fs-p__total-value {
	background: linear-gradient(100deg, #00ffa3, #4dd0ff, #b566ff, #ff5ec4) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	font-family: 'Fraunces', serif !important;
	font-weight: 400 !important;
}

/* ==========================================
   11. STOPKA
   ========================================== */

.am-fs__main-footer {
	background: transparent !important;
	border-top: 1px solid rgba(180, 200, 255, 0.08) !important;
}

/* ==========================================
   12. TIMEZONE / DURATION
   ========================================== */

.am-advsc__duration,
.am-advsc__time-zone {
	color: rgba(232, 237, 245, 0.6) !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-size: 0.8rem !important;
}

/* ==========================================
   13. MOBILE
   ========================================== */

@media (max-width: 768px) {
	.am-fs__wrapper {
		flex-direction: column !important;
	}

	.am-fs-sb {
		width: 100% !important;
		border-right: none !important;
		border-bottom: 1px solid rgba(180, 200, 255, 0.08) !important;
	}

	.fc-daygrid-day-frame {
		padding: 0.25rem !important;
		min-height: 32px;
	}

	.fc-daygrid-day-number {
		font-size: 0.85rem !important;
	}
}
/* ==========================================
   FIX v2.2 — placeholder text color
   Vue inline'uje style, potrzebna maksymalna specyficzność
   ========================================== */

/* Placeholder w dropdownie — wprost <span> wewnątrz */
#amelia-container .el-select__placeholder > span,
#amelia-container div.el-select__placeholder > span,
#amelia-container .el-select__selection .el-select__placeholder > span {
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
	opacity: 1 !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-weight: 400 !important;
}

/* Placeholder container */
#amelia-container .el-select__placeholder,
#amelia-container div.el-select__placeholder {
	color: #e8edf5 !important;
	opacity: 1 !important;
}

/* Wrapper dropdowna */
#amelia-container .am-select .el-select__wrapper,
#amelia-container .el-select__wrapper {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(180, 200, 255, 0.2) !important;
	min-height: 40px !important;
}

/* Wyłączone dni */
#amelia-container .am-advsc__dayGridMonth-disabled,
#amelia-container .fc-day-past,
#amelia-container .fc-day-other {
	opacity: 0.55 !important;
}

#amelia-container .am-advsc__dayGridMonth-disabled .fc-daygrid-day-number,
#amelia-container .fc-day-past .fc-daygrid-day-number,
#amelia-container .fc-day-other .fc-daygrid-day-number {
	color: #8a94ab !important;
}

/* Dostępne dni */
#amelia-container .fc-daygrid-day[role="button"] {
	background: rgba(0, 255, 163, 0.03) !important;
	border-color: rgba(0, 255, 163, 0.35) !important;
}

#amelia-container .fc-daygrid-day[role="button"] .fc-daygrid-day-number {
	color: #e8edf5 !important;
	font-weight: 500 !important;
}
/* ==========================================
   FIX v2.3 — sloty godzin
   ========================================== */

#amelia-container .am-advsc__slots-item,
#amelia-container .am-advsc__slots-item__inner {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	color: #e8edf5 !important;
	border-radius: 8px !important;
	font-family: 'Inter Tight', sans-serif !important;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

#amelia-container .am-advsc__slots-item {
	padding: 0 !important;
	overflow: hidden;
}

#amelia-container .am-advsc__slots-item__inner {
	padding: 0.75rem 1rem !important;
	border: none !important;
	background: transparent !important;
}

#amelia-container .am-advsc__slots-item:hover {
	background: rgba(77, 208, 255, 0.08) !important;
	border-color: rgba(77, 208, 255, 0.4) !important;
	transform: translateY(-1px);
}

/* Wybrany slot */
#amelia-container .am-advsc__slots-item--selected,
#amelia-container .am-advsc__slots-item.is-selected,
#amelia-container .am-advsc__slots-item--active {
	background: linear-gradient(
		100deg,
		#00ffa3 0%,
		#4dd0ff 35%,
		#b566ff 70%,
		#ff5ec4 100%
	) !important;
	border-color: transparent !important;
	box-shadow: 0 4px 15px rgba(77, 208, 255, 0.25) !important;
}

#amelia-container .am-advsc__slots-item--selected .am-advsc__slots-item__inner,
#amelia-container .am-advsc__slots-item.is-selected .am-advsc__slots-item__inner,
#amelia-container .am-advsc__slots-item--active .am-advsc__slots-item__inner {
	color: #050a1a !important;
	font-weight: 500 !important;
}
/* ==========================================
   FIX v2.4 — pola formularza (Element Plus inputs)
   ========================================== */


/* Wrapper input-a — tło + ramka */
#amelia-container .el-input,
#amelia-container .el-input__wrapper {
	background: rgba(255, 255, 255, 0.03) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	outline: none !important;
	transition: border-color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Element Plus dokłada ramkę przez box-shadow wewnątrz .el-input__wrapper — usuwamy */
#amelia-container .el-input .el-input__wrapper,
#amelia-container .el-input__wrapper.el-tooltip__trigger {
	box-shadow: none !important;
	background: transparent !important;
	border: none !important;
}

/* Sam input */
#amelia-container .el-input__inner,
#amelia-container input.el-input__inner {
	background: transparent !important;
	border: none !important;
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-size: 0.95rem !important;
	padding: 0.75rem 1rem !important;
	box-shadow: none !important;
}

/* Placeholder */
#amelia-container .el-input__inner::placeholder,
#amelia-container input.el-input__inner::placeholder {
	color: #6a7691 !important;
	-webkit-text-fill-color: #6a7691 !important;
	opacity: 1 !important;
}

/* Focus */
#amelia-container .el-input.is-focus .el-input__wrapper,
#amelia-container .el-input__wrapper:focus-within,
#amelia-container .el-input__wrapper.is-focus {
	border-color: #4dd0ff !important;
	box-shadow: 0 0 0 3px rgba(77, 208, 255, 0.1) !important;
}

/* Autofill (Chrome auto-fills forms with yellow bg) */
#amelia-container input:-webkit-autofill,
#amelia-container input:-webkit-autofill:hover,
#amelia-container input:-webkit-autofill:focus {
	-webkit-text-fill-color: #e8edf5 !important;
	-webkit-box-shadow: 0 0 0 1000px rgba(19, 30, 68, 0.8) inset !important;
	transition: background-color 5000s ease-in-out 0s;
}

/* Phone input (vue-tel-input) */
#amelia-container .vue-tel-input {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 8px !important;
}

#amelia-container .vue-tel-input:focus-within {
	border-color: #4dd0ff !important;
	box-shadow: 0 0 0 3px rgba(77, 208, 255, 0.1) !important;
}

#amelia-container .vti__dropdown {
	background: transparent !important;
	border-right: 1px solid rgba(180, 200, 255, 0.12) !important;
}

#amelia-container .vti__input {
	background: transparent !important;
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
	border: none !important;
}
/* ==========================================
   FIX v2.5 — wybrany slot godziny
   Amelia używa __selected (nie --selected)
   ========================================== */

#amelia-container .am-advsc__slots-item.am-advsc__slots-item__selected,
#amelia-container .am-advsc__slots-item__selected {
	background: linear-gradient(
		100deg,
		#00ffa3 0%,
		#4dd0ff 35%,
		#b566ff 70%,
		#ff5ec4 100%
	) !important;
	border-color: transparent !important;
	box-shadow: 0 4px 15px rgba(77, 208, 255, 0.25) !important;
}

#amelia-container .am-advsc__slots-item__selected .am-advsc__slots-item__inner {
	color: #050a1a !important;
	-webkit-text-fill-color: #050a1a !important;
	font-weight: 500 !important;
	background: transparent !important;
}

/* ==========================================
   FIX v2.7 — układ widgetu (sidebar + main)
   ========================================== */

/* Wrapper widgetu — flex, żeby sidebar i main się rozciągały */
#amelia-container.am-fs__wrapper {
	display: flex !important;
	align-items: stretch !important;
}

/* Sidebar — stała szerokość, ale bez sztywnego 240px inline */
#amelia-container .am-fs-sb {
	flex-shrink: 0 !important;
	min-height: 100% !important;
}

/* Main — zajmuje resztę */
#amelia-container .am-fs__main {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Wewnątrz main — reset max-width */
#amelia-container .am-fs__main-inner {
	max-width: 100% !important;
}
/* ==========================================
   FIX v2.8 — pojedyncze obramowanie
   Zdejmujemy wszystkie ramki wewnątrz, zostawiamy tylko wrapper
   ========================================== */

/* Zewnętrzne — tylko tu ramka */
#amelia-container.am-fs__wrapper {
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Wewnętrzne elementy — bez ramek */
#amelia-container .am-fs-sb,
#amelia-container .am-fs__main,
#amelia-container .am-fs__main-inner,
#amelia-container .am-fs__main-heading {
	border: none !important;
	box-shadow: none !important;
}

/* Tylko subtelna separacja sidebara od main przez border */
#amelia-container .am-fs-sb {
	border-right: 1px solid rgba(180, 200, 255, 0.08) !important;
}

/* Zdejmij ramkę z .book-widget-wrapper jeśli tam jest */
.book-widget-wrapper {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}
/* ==========================================
   FIX v2.9 — Service selection dropdown (v2)
   Element Plus + Amelia klasy
   ========================================== */

/* Kontener listy — Element Plus */
.el-select-dropdown__list,
ul.el-select-dropdown__list {
	background: #0a1330 !important;
	border-radius: 8px !important;
	padding: 0 !important;
}

/* Wrapper dropdowna (na tle którego ląduje lista) */
.el-select-dropdown,
.el-popper.is-light,
.el-scrollbar__view {
	background: #0a1330 !important;
	border: 1px solid rgba(180, 200, 255, 0.15) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Pojedynczy wpis (Aurora Night Cruise, Fjord itd.) */
.el-select-dropdown__item.am-select-option,
li.am-select-option {
	background: transparent !important;
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
	border-bottom: 1px solid rgba(180, 200, 255, 0.08) !important;
	padding: 0.85rem 1rem !important;
	font-family: 'Inter Tight', sans-serif !important;
	transition: background 0.2s ease;
}

.el-select-dropdown__item.am-select-option:last-child {
	border-bottom: none !important;
}

/* Hover na wpisie */
.el-select-dropdown__item.am-select-option:hover,
.el-select-dropdown__item.am-select-option.is-hovering,
.el-select-dropdown__item.am-select-option.hover {
	background: rgba(77, 208, 255, 0.08) !important;
	color: #e8edf5 !important;
}

/* Wrapper wewnętrzny (name + price) */
.am-select-service {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 1rem !important;
	background: transparent !important;
}

/* Nazwa wycieczki */
.am-select-service-name {
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
	font-family: 'Inter Tight', sans-serif !important;
	font-weight: 400 !important;
}

/* Cena w liście — gradient zorzy (mocniejszy niż tekst) */
.am-select-service-price {
	background: linear-gradient(100deg, #00ffa3, #4dd0ff, #b566ff, #ff5ec4) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	font-family: 'Fraunces', serif !important;
	font-weight: 400 !important;
	font-size: 0.95rem !important;
}

/* Scrollbar wewnątrz dropdowna */
.el-scrollbar {
	background: transparent !important;
}

.el-scrollbar__bar .el-scrollbar__thumb {
	background: rgba(180, 200, 255, 0.2) !important;
}
/* ==========================================
   FIX v3.0 — usuń wewnętrzną ramkę Element Plus w inputach
   ========================================== */

#amelia-container .el-input__inner {
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
	background: transparent !important;
}

#amelia-container .el-input__inner:focus,
#amelia-container .el-input__inner:hover {
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
}

/* Sam wrapper trzyma ramkę (jedna, nasza) */
#amelia-container .el-input__wrapper {
	box-shadow: none !important;
}
/* ==========================================
   FIX v3.1 — ujednolic tło inputów
   ========================================== */

#amelia-container .el-input,
#amelia-container .el-input__wrapper,
#amelia-container .el-input__inner {
	background: transparent !important;
	background-color: transparent !important;
}

/* Jedno wspólne tło TYLKO na najbardziej zewnętrznym wrapperze */
#amelia-container .el-input {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 8px !important;
}
/* ==========================================
   FIX v3.2 — pole telefonu (vue-tel-input)
   ========================================== */

/* Cały wrapper telefonu */
#amelia-container .vue-tel-input,
#amelia-container [class*="vti"] {
	background: rgba(255, 255, 255, 0.03) !important;
	background-color: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(180, 200, 255, 0.12) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

/* Wnętrze — dropdown flagi + input — transparentne */
#amelia-container .vti__dropdown,
#amelia-container .vti__input,
#amelia-container .vti__selection,
#amelia-container .vti__dropdown-arrow,
#amelia-container .vti__country-code {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #e8edf5 !important;
}

/* Separator między flagą a inputem */
#amelia-container .vti__dropdown {
	border-right: 1px solid rgba(180, 200, 255, 0.1) !important;
}

/* Hover na flagę */
#amelia-container .vti__dropdown:hover {
	background: rgba(255, 255, 255, 0.02) !important;
}

/* Placeholder "Enter phone" */
#amelia-container .vti__input::placeholder {
	color: #6a7691 !important;
	-webkit-text-fill-color: #6a7691 !important;
}

/* Focus */
#amelia-container .vue-tel-input:focus-within {
	border-color: #4dd0ff !important;
	box-shadow: 0 0 0 3px rgba(77, 208, 255, 0.1) !important;
}
/* ==========================================
   FIX v3.3 — wymuszenie transparent na wrapper Element Plus
   ========================================== */

#amelia-container .el-input,
#amelia-container .el-input__wrapper,
#amelia-container .el-input.el-input--large,
#amelia-container .el-input.el-input--default,
#amelia-container .el-input.el-input--small {
	--el-input-bg-color: transparent !important;
	--el-input-border-color: transparent !important;
	--el-input-hover-border-color: transparent !important;
	--el-input-focus-border-color: transparent !important;
	--el-input-text-color: #e8edf5 !important;
	--el-fill-color-blank: transparent !important;
}

/* Wrapper — nasza ramka */
#amelia-container .el-input__wrapper {
	background: rgba(255, 255, 255, 0.03) !important;
	background-color: rgba(255, 255, 255, 0.03) !important;
	box-shadow: 0 0 0 1px rgba(180, 200, 255, 0.12) inset !important;
	border-radius: 8px !important;
	padding: 0 !important;
}

/* Wrapper na focus */
#amelia-container .el-input.is-focus .el-input__wrapper,
#amelia-container .el-input__wrapper:focus-within {
	box-shadow: 0 0 0 1px #4dd0ff inset, 0 0 0 3px rgba(77, 208, 255, 0.1) !important;
}

/* Zewnętrzny .el-input — bez tła i ramki (mamy je na wrapper) */
#amelia-container .el-input {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
}

/* Input sam — pełny transparent */
#amelia-container .el-input__inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0.75rem 1rem !important;
	color: #e8edf5 !important;
}

/* ==========================================
   PAYMENTS SUMMARY — czytelność tekstu
   ========================================== */

/* Nazwa wycieczki + "x 1 person" */
#amelia-container .am-fs__payments-services-sub p {
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
}

#amelia-container .am-fs__payments-services-sub p span {
	color: #aab3c5 !important;
	-webkit-text-fill-color: #aab3c5 !important;
}

/* Etykieta "Services" */
#amelia-container .am-fs__payments-services-info span {
	color: #6a7691 !important;
	-webkit-text-fill-color: #6a7691 !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

/* "Total Amount:" label */
#amelia-container .am-fs__payments-app-info-total > span:first-child {
	color: #e8edf5 !important;
	-webkit-text-fill-color: #e8edf5 !important;
	font-weight: 500 !important;
}

/* "The payment will be done on-site" */
#amelia-container .am-fs__payments-sentence p {
	color: #aab3c5 !important;
	-webkit-text-fill-color: #aab3c5 !important;
}