/* Gymcatch's documented Web Embed theme variables. Load after bootstrap.js. */
:root {
	--gc-highlight-color: #665b45;
	--gc-ok-color: #7db18d;
	--gc-error-color: #d9837d;
	--gc-warning-color: #b9945c;
	--gc-foreground-color: #f2f0eb;
	--gc-foreground-secondary-color: #bcb9b2;
	--gc-disabled-color: #a19e98;
	--gc-background-color: #111110;
	--gc-background-highlight-color: #29261f;
	--gc-font-family: Arial, Helvetica, sans-serif;
	--gc-header-font-family: Arial, Helvetica, sans-serif;
	--gc-font-size: clamp(16px, .65vw, 20px);
	--gc-border-radius: 2px;
	--gc-border-color: #45433e;
	--gc-button-border-radius: 2px;
	--gc-button-disabled-background-color: #383834;
	--gc-button-disabled-border-color: #57554f;
	--gc-control-border-radius: 2px;
	--gc-alert-color: #f2f0eb;
	--gc-alert-code-color: #f2f0eb;
	--gc-alert-background-color: #493b26;
	--gc-alert-border-radius: 2px;
	--gc-confirmation-border-radius: 2px;
	--gc-confirmation-color: #f2f0eb;
	--gc-confirmation-background-color: #354c3a;
	--gc-modal-border-radius: 2px;
	--gc-modal-border-color: #45433e;
	--gc-modal-background-color: #181817;
	--gc-modal-overlay-background-color: rgb(0 0 0 / 75%);
	--gc-message-card-border-color: #45433e;
	--gc-table-header-background-color: #24231f;
	--gc-table-header-color: #f2f0eb;
	--gc-tooltip-icon-color: #bcb9b2;
	--gc-tooltip-border-color: #45433e;
	--gc-calendar-control-range-background-color: #353025;
	--gc-activity-indicator-background-color: rgb(0 0 0 / 70%);
	--gc-event-list-date-color: #f2f0eb;
	--gc-event-list-date-background-color: #24231f;
}

/* The embedded app hard-codes white on the selected menu item. */
.gymcatch-app gc-ui-menu .menu li.active a {
	background-color: #24231f;
	color: #d6c29e;
}

/* Follow uses the primary button with dark text, so give that one action a legible champagne fill. */
.gymcatch-app .button.primary.toggle-following-btn {
	background-color: #bca77f;
	color: #111110;
	border-color: #bca77f;
}

/* Give event details a labelled return action without the app's arrow icon. */
.gymcatch-app .gc-embedded-navigation-link a[href="#/events"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #f2f0eb;
}
.gymcatch-app .gc-embedded-navigation-link a[href="#/events"] fa-icon { display: none; }
.gymcatch-app .gc-embedded-navigation-link a[href="#/events"]::after {
	content: "BACK";
	font: 600 12px/1.2 Arial, Helvetica, sans-serif;
	letter-spacing: .09em;
}

/* Foundation gives modal fields and labels a white-surface palette. */
.gymcatch-app .gc-ui-modal :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select) {
	background-color: #20201e;
	border-color: #57554f;
	box-shadow: none;
	color: #f2f0eb;
	caret-color: #f2f0eb;
}
.gymcatch-app .gc-ui-modal :is(input, textarea)::placeholder {
	color: #aaa8a2;
	opacity: 1;
}
.gymcatch-app .gc-ui-modal label,
.gymcatch-app .gc-ui-modal gc-ui-checkbox-control .gc-ui-checkbox-control__label {
	color: #f2f0eb;
}
.gymcatch-app .gc-ui-modal gc-ui-checkbox-control .gc-ui-checkbox-control--rounded {
	background-color: #20201e;
}
.gymcatch-app .gc-ui-modal .gc-ui-modal__close-button {
	background-color: #262521;
	border: 1px solid #45433e;
	border-radius: 2px;
	color: #f2f0eb;
}
.gymcatch-app .gc-ui-modal .gc-ui-modal__close-button:hover {
	background-color: #34332e;
}
.gymcatch-app .gc-ui-modal :is(input, textarea, select, button):focus-visible,
.gymcatch-app .gc-ui-modal gc-ui-checkbox-control:focus-within .gc-ui-checkbox-control {
	outline: 2px solid #d6c29e;
	outline-offset: 2px;
}

/* Keep Gymcatch attribution visible while lowering its visual weight. */
.gymcatch-app embedded-footer .gc-embedded-footer {
	border-top-color: #45433e;
	color: #aaa8a2;
	font-size: .75rem;
}
.gymcatch-app embedded-footer .gc-embedded-footer a.powered-by {
	color: #aaa8a2 !important;
	font-weight: 400 !important;
}

/* The standalone account routes use the same fields as the booking modal. */
.gymcatch-app form :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select) {
	background-color: #20201e;
	border-color: #57554f;
	box-shadow: none;
	color: #f2f0eb;
	caret-color: #f2f0eb;
	min-height: 48px;
	font-size: 16px;
}
.gymcatch-app form :is(input, textarea)::placeholder { color:#bcb9b2; opacity:1; }
.gymcatch-app form label,
.gymcatch-app gc-ui-checkbox-control .gc-ui-checkbox-control__label { color:#f2f0eb; }
.gymcatch-app form :is(input,textarea,select,button):focus-visible { outline:2px solid #d6c29e; outline-offset:2px; }
.gymcatch-app button { min-height:44px; }
.gymcatch-app .button.primary:not(:disabled) { background-color:#cdbb9c; border-color:#cdbb9c; color:#11100f; }
.gymcatch-app .button.primary:disabled { background-color:#383834; border-color:#57554f; color:#aaa8a2; opacity:1; }
.gymcatch-app .gc-ui-modal .gc-ui-modal__close-button { min-width:44px; min-height:44px; }
.gymcatch-app .gc-ui-segment-control { min-height:46px; }
.gymcatch-app .gc-ui-segment-control .gc-ui-segment-item { min-height:44px!important; display:inline-flex; align-items:center; justify-content:center; color:#bcb9b2!important; }
.gymcatch-app .gc-ui-segment-control .gc-ui-segment-item.selected { background-color:#cdbb9c!important; color:#11100f!important; }
/* The full-calendar dialog otherwise retains Foundation's white surface. */
.gymcatch-app .gc-ui-modal .gc-ui-calendar-control { background-color:#181817; color:#f2f0eb; }
.gymcatch-app .gc-ui-calendar-control__month-label,
.gymcatch-app .gc-ui-calendar-day-name { color:#f2f0eb; }
.gymcatch-app .gc-ui-calendar-day { color:#f2f0eb; min-height:44px; }
.gymcatch-app .gc-ui-calendar-day--disabled { color:#8d8b85; }
.gymcatch-app .gc-ui-calendar-day__busy-indicator { background-color:#d6c29e; }
.gymcatch-app .gc-ui-calendar-control :is(.gc-ui-calendar-control__month-previous-button,.gc-ui-calendar-control__month-next-button) { min-width:44px; background-color:#24231f; color:#f2f0eb; border-color:#57554f; }

/* AXW launch labels: local presentation only; Gymcatch data and actions are unchanged. */
.gymcatch-app :is(button, .button, gc-ui-menu a) { text-transform: uppercase !important; letter-spacing: .04em; }
.gymcatch-app :is(.gc-ui-calendar-control__month-previous-button, .gc-ui-calendar-control__month-next-button, .gc-ui-select-control__toggle-btn) fa-icon { display: none; }
.gymcatch-app :is(.gc-ui-calendar-control__month-previous-button, .gc-ui-calendar-control__month-next-button) { min-width: 64px; width: auto; padding-inline: 8px; font-size: 12px; }
.gymcatch-app .gc-ui-calendar-control__month-previous-button::after { content: 'PREV'; }
.gymcatch-app .gc-ui-calendar-control__month-next-button::after { content: 'NEXT'; }
.gymcatch-app .gc-ui-select-control__toggle-btn { min-width: 60px; width: 60px; font-size: 10px; }
.gymcatch-app .gc-ui-select-control__toggle-btn::after { content: 'SELECT'; }