/* Lista čekanja — frontend */

.aex-wl-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 4px;
	padding: 12px 14px;
	text-align: center;
	background: #f3f6fb;
	border: 1px dashed #b9c9e0;
	border-radius: 10px;
	font-size: 14px;
	color: #2a3542;
}
.aex-wl-cta__text { opacity: .85; }
.aex-wl-cta__btn {
	margin-left: 6px;
	padding: 8px 16px;
	background: #1a73e8;
	color: #fff;
	border: 0;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
}
.aex-wl-cta__btn:hover { background: #1666cc; }

.aex-wl-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: rgba(15, 23, 32, .55);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.aex-wl-box {
	position: relative;
	width: 100%;
	max-width: 440px;
	max-height: 92vh;
	overflow: auto;
	background: #fff;
	border-radius: 14px;
	padding: 22px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
	font-size: 14px;
	color: #1d2530;
}
.aex-wl-x {
	position: absolute;
	top: 10px; right: 12px;
	width: 30px; height: 30px;
	border: 0; background: transparent;
	font-size: 22px; line-height: 1;
	color: #8a94a3; cursor: pointer;
}
.aex-wl-title { margin: 0 0 4px; font-size: 19px; }
.aex-wl-sub { margin: 0 0 16px; color: #5a6472; font-size: 13px; line-height: 1.5; }

.aex-wl-field { margin-bottom: 12px; }
.aex-wl-field > label {
	display: block; margin-bottom: 5px;
	font-weight: 600; font-size: 13px; color: #3a4553;
}
.aex-wl-field input[type="text"],
.aex-wl-field input[type="email"],
.aex-wl-field input[type="time"] {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid #ccd4de;
	border-radius: 8px;
	font-size: 14px;
	box-sizing: border-box;
}
.aex-wl-row { display: flex; gap: 12px; }
.aex-wl-row .aex-wl-field { flex: 1; }

.aex-wl-days { display: flex; flex-wrap: wrap; gap: 6px; }
.aex-wl-day {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 6px 10px;
	border: 1px solid #ccd4de; border-radius: 20px;
	font-size: 13px; cursor: pointer; user-select: none;
}

.aex-wl-check {
	display: flex; align-items: flex-start; gap: 8px;
	font-size: 13px; color: #3a4553; margin-bottom: 12px; line-height: 1.4;
}

.aex-wl-hp { position: absolute; left: -9999px; width: 1px; height: 1px; }

.aex-wl-submit {
	width: 100%;
	padding: 12px;
	background: #1a73e8; color: #fff;
	border: 0; border-radius: 9px;
	font-size: 15px; font-weight: 700; cursor: pointer;
}
.aex-wl-submit:hover { background: #1666cc; }
.aex-wl-submit:disabled { opacity: .6; cursor: default; }

.aex-wl-msg { min-height: 18px; margin: 8px 0; font-size: 13px; }
.aex-wl-msg.is-ok { color: #1a7f37; }
.aex-wl-msg.is-err { color: #cc1818; }

/* „Prvi slobodan termin" — uputa na koraku odabira zaposlenika */
.aex-fa-hint {
	margin-top: 25px;
	padding: 7px;
	background: #f3f6fb;
	border: 1px dashed #b9c9e0;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.5;
	color: #2a3542;
}
.aex-fa-hint strong { color: #1a2c37; }
.aex-fa-hint em { font-style: normal; font-weight: 600; color: #1a73e8; }

/* Polje „kod preporuke" u obrascu s podacima */
.aex-ref-field { margin: 10px 0 14px; }
.aex-ref-label {
	display: block; margin-bottom: 5px;
	font-weight: 600; font-size: 13px; color: #3a4553;
}
.aex-ref-label span { font-weight: 400; color: #808a90; }
.aex-ref-input {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid #ccd4de;
	border-radius: 8px;
	font-size: 14px;
	box-sizing: border-box;
	text-transform: uppercase;
}