/**
 * Booknetic colour overrides.
 *
 * Scope everything to the theme booking shell so plugin admin screens are
 * untouched. Prefer colour, border, and type adjustments over layout changes.
 * Brittle structural selectors are avoided on purpose.
 *
 * Palette:
 *   Midnight navy   #07111f
 *   Warm antique gold #c5a15a
 *   Forest green    #183126
 *   Ivory           #f5f0e6
 *   Muted grey      #687078
 *
 * TODO: Refine against the live panel once services, dates, and payment
 * methods are configured. Re-test after Booknetic updates.
 */

.booking-shell {
	--bk-navy: #07111f;
	--bk-gold: #c5a15a;
	--bk-forest: #183126;
	--bk-ivory: #f5f0e6;
	--bk-muted: #687078;
}

.booking-shell .booknetic_appointment,
.booking-shell #booknetic_theme_1 {
	font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: var(--bk-navy);
	width: 100% !important;
	max-width: 100%;
	min-width: 0 !important;
	margin-left: auto;
	margin-right: auto;
}

.booking-shell .booknetic_appointment_steps,
.booking-shell #booknetic_theme_1 .booknetic_appointment_steps {
	background: var(--bk-navy);
}

.booking-shell .booknetic_btn_primary,
.booking-shell #booknetic_theme_1 .booknetic_btn_primary,
.booking-shell #booknetic_theme_1 .booknetic_selected_time,
.booking-shell #booknetic_theme_1 .booknetic_calendar_selected_day > div {
	background: var(--bk-navy) !important;
	border-color: var(--bk-navy) !important;
	color: #f8f4ec !important;
}

.booking-shell .booknetic_btn_success,
.booking-shell #booknetic_theme_1 .booknetic_btn_success,
.booking-shell #booknetic_theme_1 .booknetic_active_step .booknetic_badge {
	background: var(--bk-forest) !important;
}

.booking-shell #booknetic_theme_1 .booknetic_calendar_days > div > span > i[a] {
	background: var(--bk-gold) !important;
}

.booking-shell #booknetic_theme_1 .booknetic_active_step .booknetic_step_title {
	color: var(--bk-gold) !important;
}

.booking-shell #booknetic_theme_1 .booknetic_selected_step > .booknetic_badge::after {
	background-color: var(--bk-gold);
}

.booking-shell .booknetic_text_primary,
.booking-shell #booknetic_theme_1 .booknetic_service_category,
.booking-shell #booknetic_theme_1 .booknetic_times_title,
.booking-shell #booknetic_theme_1 .booknetic_text_primary {
	color: var(--bk-navy) !important;
}

.booking-shell #booknetic_theme_1 .booknetic_service_card_selected,
.booking-shell #booknetic_theme_1 .booknetic_card_selected,
.booking-shell #booknetic_theme_1 .booknetic_service_extra_card_selected,
.booking-shell #booknetic_theme_1 .booknetic_payment_method_selected {
	border-color: var(--bk-gold) !important;
}

.booking-shell .booknetic_appointment_container_header,
.booking-shell #booknetic_theme_1 .booknetic_appointment_container_header {
	color: var(--bk-navy) !important;
	font-family: var(--font-heading);
}

.booking-shell input,
.booking-shell select,
.booking-shell textarea {
	border-radius: 3px;
}

.booking-shell input:focus-visible,
.booking-shell select:focus-visible,
.booking-shell textarea:focus-visible,
.booking-shell button:focus-visible {
	outline: 2px solid var(--bk-gold);
	outline-offset: 2px;
}