/* MTCC Booking bar — same colour rules as the booking form:
   Settings → Colours, else the website palette (Astra), else the MTCC logo colours. */
.mtcc-bar {
	--bk-blue: var(--mtcc-bk-primary, var(--ast-global-color-0, #0E6FB0));
	--bk-red: var(--mtcc-bk-accent, var(--ast-global-color-1, #E4111A));
	--bk-navy: var(--mtcc-bk-dark, var(--ast-global-color-2, #1E2226));
	--bk-text: var(--mtcc-bk-text, var(--ast-global-color-3, #3D3D3F));
	--bk-btn: var(--bk-blue);
	--bk-btn-text: #fff;
	--bk-btn-hover: var(--bk-red);
	--bk-btn-hover-text: #fff;
	--bk-tab: var(--bk-blue);
	--bk-tab-text: #fff;
	--bk-tab-hover: var(--bk-red);
	--bk-tab-hover-text: #fff;
	--bk-line: rgba(17, 32, 42, .12);
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
	.mtcc-bar { --bk-line: color-mix(in srgb, var(--bk-navy) 12%, transparent); }
}
.mtcc-bar {
	position: relative; z-index: 5; width: 100%; color: var(--bk-text); font-family: inherit; font-size: 15px; line-height: 1.5;
}
.mtcc-bar *, .mtcc-bar *::before, .mtcc-bar *::after { box-sizing: border-box; }
.mtcc-bar [hidden] { display: none !important; }
.mtcc-bar--lift { margin-top: calc(-1 * var(--bar-lift, 0px)) !important; }

/* Rooms | Conference switch */
.mtcc-bar__switch { display: inline-flex; gap: 4px; padding: 5px; margin: 0 0 10px; border-radius: 999px; background: #fff; box-shadow: 0 10px 30px -18px rgba(17, 32, 42, .45); }
.mtcc-bar__tab {
	all: unset; cursor: pointer; padding: 9px 20px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
	background: transparent !important; color: var(--bk-text) !important; transition: background-color .2s, color .2s;
}
.mtcc-bar__tab[aria-selected="true"] { background: var(--bk-tab) !important; color: var(--bk-tab-text) !important; }
.mtcc-bar__tab:not([aria-selected="true"]):hover { background: var(--bk-tab-hover) !important; color: var(--bk-tab-hover-text) !important; }
.mtcc-bar__tab:focus-visible { outline: 2px solid var(--bk-blue); outline-offset: 2px; }

/* The bar */
.mtcc-bar__form {
	display: flex; align-items: stretch; gap: 0; margin: 0; padding: 14px; background: #fff; border-radius: 22px;
	box-shadow: 0 30px 60px -30px rgba(17, 32, 42, .45), 0 2px 6px rgba(17, 32, 42, .06);
}
.mtcc-bar__field {
	flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; margin: 0; padding: 16px 28px;
	border-right: 1px solid var(--bk-line); cursor: pointer;
}
.mtcc-bar__field--sm { flex: .6 1 0; }
.mtcc-bar__field > span { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--bk-text); opacity: .8; line-height: 1.3; }
.mtcc-bar__field input, .mtcc-bar__field select {
	width: 100%; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 2px 0 !important; border: 0 !important; border-radius: 0 !important;
	background: transparent !important; box-shadow: none !important; outline: none; font: inherit; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--bk-navy) !important; cursor: pointer;
}
.mtcc-bar__field select { appearance: auto; }
.mtcc-bar__field:focus-within { background: rgba(17, 32, 42, .03); border-radius: 14px; }
.mtcc-bar__btn {
	flex: 0 0 auto; align-self: center; margin-left: 14px; min-height: 62px; padding: 0 40px; border: 0; border-radius: 999px; cursor: pointer;
	background: var(--bk-btn) !important; color: var(--bk-btn-text) !important; font: inherit; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
	transition: background-color .25s, color .25s, transform .25s, box-shadow .25s;
}
.mtcc-bar__btn:hover, .mtcc-bar__btn:focus-visible { background: var(--bk-btn-hover) !important; color: var(--bk-btn-hover-text) !important; transform: translateY(-1px); box-shadow: 0 12px 24px -12px rgba(17, 32, 42, .5); }

.mtcc-bar__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 26px; margin: 14px 0 0; font-size: 14px; }
.mtcc-bar__links a { color: var(--bk-blue); font-weight: 600; text-decoration: none; }
.mtcc-bar__links a:hover { color: var(--bk-red); }

/* Tablet: two fields per row, full-width button */
@media (max-width: 1024px) {
	.mtcc-bar__form { flex-wrap: wrap; padding: 10px; }
	.mtcc-bar__field, .mtcc-bar__field--sm { flex: 1 1 45%; border-right: 0; border-bottom: 1px solid var(--bk-line); padding: 14px 18px; }
	.mtcc-bar__btn { flex: 1 1 100%; margin: 10px 0 0; min-height: 56px; }
}
/* Phone: one field per row, compact and even spacing */
@media (max-width: 600px) {
	.mtcc-bar__form { padding: 8px 8px 10px; border-radius: 18px; }
	.mtcc-bar__field, .mtcc-bar__field--sm { flex: 1 1 100%; padding: 12px 14px; gap: 4px; }
	.mtcc-bar__field:last-of-type { border-bottom: 0; }
	.mtcc-bar__btn { margin-top: 6px; min-height: 52px; }
	.mtcc-bar__switch { display: flex; }
	.mtcc-bar__tab { flex: 1; text-align: center; }
	.mtcc-bar__links { margin-top: 10px; }
}

/* Old pinned phone button (removed in 1.4.2) stays hidden if a cached page still has it */
.mtcc-bar-sticky { display: none !important; }