/* Little Adventure Bus Reservations — brand styles (inherit theme fonts) */
.lab-book, .lab-ref, .lab-panel {
	--lab-orange: #EE581A;
	--lab-yellow: #F4D03E;
	--lab-cream: #EAE7D5;
	--lab-ink: #1B1A18;
	--lab-text: #292929;
	--lab-line: rgba(27, 26, 24, .18);
	--lab-red: #B3261E;
	--lab-green: #1E7A4C;
	color: var(--lab-text);
	font-size: 17px;
	line-height: 1.5;
}
.lab-book *, .lab-ref *, .lab-panel * { box-sizing: border-box; }

/* ---------- form ---------- */
.lab-form { display: grid; gap: 22px; }
.lab-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.lab-full { grid-column: 1 / -1; }
.lab-field label, .lab-label { display: block; font-weight: 700; margin-bottom: 6px; color: var(--lab-ink); }
.lab-field input[type=text], .lab-field input[type=tel], .lab-field input[type=email],
.lab-field input[type=number], .lab-field select, .lab-field textarea, .lab-panel-login input {
	width: 100%; padding: 13px 16px; border: 2px solid var(--lab-line); border-radius: 14px;
	background: #fff; color: var(--lab-ink); font: inherit; min-height: 50px;
}
.lab-field input:focus, .lab-field select:focus, .lab-field textarea:focus, .lab-panel-login input:focus {
	outline: 3px solid var(--lab-yellow); border-color: var(--lab-orange);
}
.lab-err { color: var(--lab-red); font-size: 14px; margin: 6px 0 0; min-height: 0; }
.lab-err:empty { display: none; }
.lab-alert { background: #fdecea; border: 2px solid var(--lab-red); color: var(--lab-red); padding: 14px 16px; border-radius: 14px; font-weight: 600; }
.lab-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lab-check { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; }
.lab-check input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--lab-orange); flex: none; }
.lab-note { font-size: 14px; margin: 0; opacity: .85; }

.lab-submit, .lab-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	background: var(--lab-orange); color: var(--lab-cream); border: 0; border-radius: 100px;
	padding: 16px 34px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none;
}
.lab-submit:hover, .lab-btn:hover { filter: brightness(1.07); }
.lab-submit[disabled] { opacity: .6; cursor: wait; }
.lab-btn-ghost { background: transparent; color: var(--lab-ink); border: 2px solid var(--lab-ink); padding: 12px 22px; }

/* ---------- calendar ---------- */
.lab-cal { background: #fff; border: 2px solid var(--lab-line); border-radius: 18px; padding: 16px; max-width: 460px; }
.lab-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.lab-cal-title { font-size: 19px; color: var(--lab-ink); }
.lab-cal-nav { width: 42px; height: 42px; border-radius: 50%; border: 2px solid var(--lab-line); background: var(--lab-cream); font-size: 24px; line-height: 1; cursor: pointer; color: var(--lab-ink); }
.lab-cal-nav[disabled] { opacity: .3; cursor: not-allowed; }
.lab-cal-week, .lab-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.lab-cal-week span { text-align: center; font-size: 13px; font-weight: 700; opacity: .6; padding: 4px 0; }
.lab-day { aspect-ratio: 1; border-radius: 12px; border: 2px solid transparent; background: #fff; font: inherit; font-weight: 700; color: var(--lab-ink); cursor: pointer; padding: 0; }
.lab-day:not(.is-off):hover { background: var(--lab-yellow); }
.lab-day.is-off { color: rgba(27, 26, 24, .3); background: transparent; cursor: not-allowed; }
.lab-day.is-taken { text-decoration: line-through; background: repeating-linear-gradient(45deg, #f3f0e4, #f3f0e4 6px, #e9e5d2 6px, #e9e5d2 12px); }
.lab-day.is-picked { background: var(--lab-orange); color: #fff; border-color: var(--lab-ink); }
.lab-day-empty { pointer-events: none; }
.lab-cal-loading { grid-column: 1 / -1; text-align: center; padding: 28px 8px; margin: 0; }
.lab-cal-legend { font-size: 13px; margin: 12px 0 0; display: flex; gap: 16px; align-items: center; }
.lab-dot { display: inline-block; width: 12px; height: 12px; border-radius: 4px; margin-right: 4px; vertical-align: -1px; }
.lab-dot-open { background: #fff; border: 2px solid var(--lab-ink); }
.lab-dot-taken { background: #e9e5d2; border: 2px solid #c9c4ab; }
.lab-picked { font-weight: 700; color: var(--lab-orange); margin: 10px 0 0; }

/* ---------- thank-you ---------- */
.lab-ref { background: #fff; border: 2px dashed var(--lab-ink); border-radius: 24px; padding: 28px; max-width: 640px; margin: 0 auto; text-align: center; }
.lab-ref-kicker { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; font-weight: 700; margin: 0; }
.lab-ref-code { font-size: clamp(30px, 8vw, 46px); font-weight: 800; letter-spacing: .06em; color: var(--lab-orange); margin: 6px 0; word-break: break-all; }
.lab-ref-meta { margin: 0 0 14px; font-weight: 700; }
.lab-ref-steps { text-align: left; margin: 0 auto 14px; padding-left: 22px; max-width: 520px; }
.lab-ref-steps li { margin-bottom: 8px; }
.lab-ref-small { font-size: 14px; opacity: .85; margin: 0; }

/* ---------- owner panel ---------- */
.lab-panel { max-width: 860px; margin: 0 auto; }
.lab-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.lab-panel-title { margin: 0 0 12px; }
.lab-panel-sub { margin: 28px 0 10px; }
.lab-panel-sub span { opacity: .6; font-weight: 400; }
.lab-panel-login { display: grid; gap: 12px; max-width: 360px; }
.lab-panel-login label { font-weight: 700; }
.lab-flash { padding: 12px 16px; border-radius: 12px; font-weight: 600; margin: 0 0 16px; }
.lab-flash-ok { background: #e6f4ec; color: var(--lab-green); border: 2px solid var(--lab-green); }
.lab-flash-err { background: #fdecea; color: var(--lab-red); border: 2px solid var(--lab-red); }
.lab-empty { opacity: .7; }
.lab-card { background: #fff; border: 2px solid var(--lab-line); border-radius: 18px; padding: 18px; margin-bottom: 14px; }
.lab-card-pending { border-color: var(--lab-yellow); border-width: 3px; }
.lab-card-confirmed { border-color: var(--lab-green); }
.lab-card header { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.lab-card-date { font-size: 19px; color: var(--lab-ink); }
.lab-card-ref { margin: 6px 0 10px; }
.lab-card-ref strong { letter-spacing: .05em; color: var(--lab-orange); font-size: 18px; }
.lab-pill { padding: 4px 12px; border-radius: 100px; font-size: 13px; font-weight: 700; background: #eee; }
.lab-pill-pending { background: var(--lab-yellow); color: var(--lab-ink); }
.lab-pill-confirmed { background: var(--lab-green); color: #fff; }
.lab-pill-expired, .lab-pill-cancelled { background: #ddd; color: #555; }
.lab-card dl { display: grid; grid-template-columns: 110px 1fr; gap: 4px 12px; margin: 0 0 12px; }
.lab-card dt { font-weight: 700; opacity: .7; }
.lab-card dd { margin: 0; word-break: break-word; }
.lab-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.lab-actions form { margin: 0; }
.lab-closed summary { cursor: pointer; font-weight: 700; margin: 24px 0 12px; }

@media (max-width: 640px) {
	.lab-grid { grid-template-columns: 1fr; }
	.lab-card dl { grid-template-columns: 90px 1fr; }
	.lab-submit { width: 100%; }
	.lab-actions .lab-submit, .lab-actions .lab-btn { width: auto; }
}

/* =====================================================================
   Theme-proofing: the site's global button/label styles (Elementor kit)
   would otherwise turn calendar days into big orange pills.
   ===================================================================== */
.lab-book button, .lab-panel button, .lab-ref button {
	font-family: inherit; text-transform: none; letter-spacing: normal; text-shadow: none;
}

/* The form sits on the orange block of the /book page */
.lab-book .lab-field label, .lab-book .lab-label { color: var(--lab-cream); }
.lab-book .lab-check, .lab-book .lab-note { color: var(--lab-cream); }
.lab-book .lab-picked { color: var(--lab-yellow); }
.lab-book .lab-err { display: inline-block; background: #fff; color: var(--lab-red); padding: 4px 10px; border-radius: 8px; font-weight: 600; }
.lab-book .lab-err:empty { display: none; }
.lab-book .lab-alert { background: #fff; }
.lab-book .lab-check input { accent-color: var(--lab-yellow); }

/* Calendar */
.lab-book .lab-cal { width: 100%; max-width: 440px; color: var(--lab-ink); }
.lab-book .lab-cal-week, .lab-book .lab-cal-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.lab-book .lab-cal button.lab-day {
	display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important;
	aspect-ratio: 1 / 1 !important; padding: 0 !important; margin: 0 !important;
	border: 2px solid transparent !important; border-radius: 12px !important;
	background: #fff !important; color: var(--lab-ink) !important;
	font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important;
	box-shadow: none !important; transform: none !important; cursor: pointer !important;
}
.lab-book .lab-cal button.lab-day:hover:not(:disabled),
.lab-book .lab-cal button.lab-day:focus-visible:not(:disabled) { background: var(--lab-yellow) !important; color: var(--lab-ink) !important; }
.lab-book .lab-cal button.lab-day:disabled { background: transparent !important; color: rgba(27, 26, 24, .3) !important; cursor: not-allowed !important; }
.lab-book .lab-cal button.lab-day.is-taken:disabled {
	background: repeating-linear-gradient(45deg, #f3f0e4, #f3f0e4 6px, #e9e5d2 6px, #e9e5d2 12px) !important;
	text-decoration: line-through;
}
.lab-book .lab-cal button.lab-day.is-picked,
.lab-book .lab-cal button.lab-day.is-picked:hover { background: var(--lab-orange) !important; color: #fff !important; border-color: var(--lab-ink) !important; }
.lab-book .lab-cal button.lab-cal-nav {
	width: 42px !important; height: 42px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important;
	border-radius: 50% !important; border: 2px solid var(--lab-line) !important;
	background: var(--lab-cream) !important; color: var(--lab-ink) !important;
	font-size: 24px !important; line-height: 1 !important; box-shadow: none !important;
}
.lab-book .lab-cal button.lab-cal-nav:hover:not(:disabled) { background: var(--lab-yellow) !important; }
.lab-book .lab-cal button.lab-cal-nav:disabled { opacity: .3 !important; cursor: not-allowed !important; }

/* Buttons */
.lab-book button.lab-submit {
	background: var(--lab-yellow) !important; color: var(--lab-ink) !important; border: 0 !important;
	border-radius: 100px !important; padding: 16px 34px !important; font-size: 17px !important; font-weight: 700 !important;
	box-shadow: none !important; width: auto; justify-self: start;
}
.lab-book button.lab-submit:hover:not(:disabled) { filter: brightness(1.05); }
.lab-panel button.lab-submit {
	background: var(--lab-orange) !important; color: var(--lab-cream) !important; border: 0 !important;
	border-radius: 100px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 700 !important; box-shadow: none !important;
}
.lab-panel button.lab-btn-ghost, .lab-panel .lab-btn.lab-btn-ghost {
	background: transparent !important; color: var(--lab-ink) !important; border: 2px solid var(--lab-ink) !important;
	border-radius: 100px !important; padding: 11px 22px !important; font-size: 15px !important; box-shadow: none !important;
}
@media (max-width: 640px) { .lab-book button.lab-submit { width: 100%; } }