/* FDTC Forms: the wait-list form and the "Email the office" pop-up. Colours follow the fdtc theme. */
.fdtc-forms,
.fdtc-forms-dialog {
	--fm-blue: var(--wp--preset--color--brand-blue, #283090);
	--fm-blue-dark: var(--wp--preset--color--brand-blue-dark, #1c2268);
	--fm-red: var(--wp--preset--color--brand-red-dark, #b8121a);
	--fm-ink: var(--wp--preset--color--contrast, #1b1d3a);
	--fm-muted: var(--wp--preset--color--muted, #4a4e6b);
	--fm-line: var(--wp--preset--color--line, #d9dcea);
	--fm-panel: var(--wp--preset--color--panel, #eef0f8);
	color: var(--fm-ink);
	font-size: .95rem;
}

.fdtc-forms p { margin: 0 0 .8rem; }
.fdtc-forms-intro { color: var(--fm-muted); }
.fdtc-forms-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: 0 1rem;
}
.fdtc-forms-field { display: flex; flex-direction: column; gap: .25rem; }
.fdtc-forms-field label,
.fdtc-forms-checks legend { font-weight: 600; font-size: .9rem; }
.fdtc-forms-req { color: var(--fm-red); }
.fdtc-forms-help { color: var(--fm-muted); font-size: .8rem; }
.fdtc-forms input[type="text"],
.fdtc-forms input[type="email"],
.fdtc-forms input[type="tel"],
.fdtc-forms textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .45rem .6rem;
	border: 1px solid #8a8fb0;
	border-radius: 6px;
	background: var(--wp--preset--color--base, #fff);
	color: inherit;
	font: inherit;
}
.fdtc-forms :is(input, textarea, button):focus-visible {
	outline: 3px solid var(--fm-blue);
	outline-offset: 1px;
}
.fdtc-forms-checks {
	margin: 0 0 .9rem;
	padding: .5rem 1rem .8rem;
	border: 1px solid var(--fm-line);
	border-radius: 8px;
}
.fdtc-forms-checks legend { padding: 0 .35rem; }
.fdtc-forms-checks-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	gap: .35rem 1rem;
	margin-bottom: .3rem;
}
.fdtc-forms-checks label { display: flex; gap: .5rem; align-items: flex-start; }
.fdtc-forms-checks input { width: 1.1rem; height: 1.1rem; margin-top: .15rem; accent-color: var(--fm-blue); flex: none; }
.fdtc-forms-hp { position: absolute !important; left: -9999px; }

.fdtc-forms-btn {
	display: inline-block;
	padding: .55rem 1.2rem;
	border: 2px solid var(--fm-blue);
	border-radius: 999px;
	background: var(--fm-blue);
	color: var(--fdtc-on-blue, #fff);
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}
.fdtc-forms-btn:hover { background: var(--fdtc-btn-hover-bg, var(--fm-blue-dark)); border-color: var(--fdtc-btn-hover-bg, var(--fm-blue-dark)); color: var(--fdtc-btn-hover-ink, #fff); }
.fdtc-forms-btn:disabled { opacity: .6; cursor: default; }
.fdtc-forms-btn--quiet { background: transparent; color: var(--fm-blue); }
.fdtc-forms-btn--quiet:hover { color: var(--fdtc-btn-hover-ink, #fff); }
.fdtc-forms-actions { display: flex; flex-wrap: wrap; gap: .6rem; }

.fdtc-forms-notice {
	margin: 0 0 1rem;
	padding: .75rem 1rem;
	border-left: 4px solid var(--fm-blue, #283090);
	border-radius: 4px;
	background: var(--wp--preset--color--panel, #eef0f8);
}
.fdtc-forms-notice p { margin: 0; }
.fdtc-forms-notice--ok { border-color: var(--fdtc-ok, #1e7a3c); background: var(--fdtc-ok-bg, #e8f5ec); }
.fdtc-forms-notice--error { border-color: var(--fdtc-danger, #b8121a); background: var(--fdtc-error-bg, #fdecec); }
.fdtc-forms-status { min-height: 1.2em; color: var(--fm-muted); }
.fdtc-forms-status.is-error { color: var(--fm-red); }

/* Pop-up */
.fdtc-forms-dialog {
	width: min(36rem, calc(100vw - 2rem));
	max-height: calc(100vh - 2rem);
	padding: 1.25rem 1.5rem 1rem;
	border: 0;
	border-top: 5px solid var(--wp--preset--color--brand-red, #e81820);
	border-radius: 10px;
	background: var(--wp--preset--color--base, #fff);
	box-shadow: 0 16px 48px rgba(27, 29, 58, .35);
	font-family: inherit;
}
.fdtc-forms-dialog::backdrop { background: rgba(27, 29, 58, .55); }
.fdtc-forms-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.fdtc-forms-dialog h2 { margin: 0; color: var(--fm-blue); font-size: 1.35rem; }
.fdtc-forms-x {
	width: 2.2rem;
	height: 2.2rem;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--fm-muted);
	font-size: 1.1rem;
	cursor: pointer;
}
.fdtc-forms-x:hover { background: var(--fm-panel); }
.fdtc-forms-sub { margin: .25rem 0 1rem; color: var(--fm-muted); font-size: .9rem; }
.fdtc-forms-done p { margin: 0 0 1rem; }

@media (max-width: 600px) {
	.fdtc-forms-dialog { padding: 1rem; }
	.fdtc-forms input,
	.fdtc-forms textarea { font-size: 16px; } /* Stops iOS zooming in. */
}

.fdtc-forms-status:empty { display: none; }
.fdtc-forms .fdtc-forms-hp { margin: 0; }

/* ------------------------------------------------------------------
   Private lesson questionnaire
   ------------------------------------------------------------------ */
.fdtc-pl-step { margin: 0 0 1.5rem; }
.fdtc-pl.is-wizard .fdtc-pl-step { margin: 0; }
.fdtc-pl-title { margin: 0 0 .5rem; color: var(--fm-blue); font-size: 1.35rem; }
.fdtc-pl-title:focus { outline: none; }
.fdtc-pl-group { margin: 1rem 0 .4rem; font-size: 1rem; color: var(--fm-ink); }
.fdtc-pl-grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 0 1rem; }
.fdtc-pl-wide { grid-column: 1 / -1; }
.fdtc-pl select {
	width: 100%;
	padding: .4rem .5rem;
	border: 1px solid #8a8fb0;
	border-radius: 6px;
	background: var(--wp--preset--color--base, #fff);
	color: inherit;
	font: inherit;
}
.fdtc-pl input[type="date"] {
	width: 100%;
	box-sizing: border-box;
	padding: .4rem .5rem;
	border: 1px solid #8a8fb0;
	border-radius: 6px;
	font: inherit;
}
.fdtc-pl-progress { height: 6px; margin: 0 0 .4rem; border-radius: 3px; background: var(--fm-panel); overflow: hidden; }
.fdtc-pl-progress-bar { height: 100%; width: 0; background: var(--wp--preset--color--brand-red, #e81820); transition: width .25s; }
.fdtc-pl-stepcount { margin: 0 0 1rem !important; color: var(--fm-muted); font-size: .85rem; }
.fdtc-pl-nav, .fdtc-pl-submit { display: flex; gap: .6rem; margin-top: 1rem !important; }
.fdtc-pl.is-wizard .fdtc-pl-nav [data-nav="next"] { margin-left: auto; }
.fdtc-pl.is-wizard .fdtc-pl-submit { justify-content: flex-end; }

.fdtc-pl-kinds { margin: 0; padding: 0; border: 0; }
.fdtc-pl-kinds legend { margin-bottom: .5rem; font-weight: 600; }
.fdtc-pl-kind {
	display: flex;
	gap: .75rem;
	align-items: flex-start;
	margin: 0 0 .6rem;
	padding: .8rem 1rem;
	border: 1.5px solid var(--fm-line);
	border-radius: 8px;
	cursor: pointer;
}
.fdtc-pl-kind:has(input:checked) { border-color: var(--fm-blue); background: var(--fm-panel); }
.fdtc-pl-kind input { width: 1.15rem; height: 1.15rem; margin-top: .2rem; accent-color: var(--fm-blue); flex: none; }

.fdtc-pl-dog {
	margin: 0 0 .9rem;
	padding: .5rem 1rem .4rem;
	border: 1px solid var(--fm-line);
	border-radius: 8px;
}
.fdtc-pl-dog legend { padding: 0 .35rem; font-weight: 700; }
.fdtc-pl-pick { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; gap: .5rem; text-align: left; }
.fdtc-pl-pick label { margin: 0; }
.fdtc-pl-pick select { width: auto; max-width: 100%; }
.fdtc-pl-dogadd label { display: flex; align-items: center; gap: .4rem; font-weight: 400; }

/* 1–5 ranking slider: grey and "not rated" until it's moved. */
.fdtc-rank { display: block; max-width: 26rem; }
.fdtc-rank-range { display: block; width: 100%; margin: .3rem 0 0; accent-color: var(--fm-blue); cursor: pointer; }
.fdtc-rank-scale { display: flex; justify-content: space-between; font-size: .75rem; line-height: 1.15; color: var(--fm-muted); }
.fdtc-rank-scale button { width: 3.2rem; padding: .15rem 0; border: 0; background: none; font: inherit; color: inherit; text-align: center; cursor: pointer; border-radius: 4px; }
.fdtc-rank-scale button:hover { color: var(--fm-blue); background: rgba(0, 0, 0, .04); }
.fdtc-rank-scale button:first-child { text-align: left; }
.fdtc-rank-scale button:last-child { text-align: right; }
.fdtc-rank-out { display: inline-block; margin-top: .25rem; font-size: .9rem; font-weight: 600; }
.fdtc-rank-clear { margin-left: .5rem; padding: 0; border: 0; background: none; color: var(--fm-blue); font-size: .8rem; text-decoration: underline; cursor: pointer; }
.fdtc-rank.is-unset .fdtc-rank-range { accent-color: #b9bcc8; opacity: .65; }
.fdtc-rank.is-unset .fdtc-rank-out { font-weight: 400; color: var(--fm-muted); font-style: italic; }

.fdtc-pl-terms {
	max-height: 18rem;
	overflow-y: auto;
	margin: .5rem 0 .9rem;
	padding: .75rem 1rem;
	border: 1px solid var(--fm-line);
	border-radius: 8px;
	background: var(--wp--preset--color--base, #fff);
	font-size: .9rem;
}
.fdtc-pl-terms p { margin: 0 0 .6rem; }
.fdtc-pl-agreement { padding-top: .4rem; border-top: 1px solid var(--fm-line); }
.fdtc-pl-agree label { display: flex; gap: .5rem; align-items: flex-start; font-weight: 600; }
.fdtc-pl-agree input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: var(--fm-blue); flex: none; }
.fdtc-pl-thinking { color: var(--fm-muted); font-style: italic; }

@media (max-width: 600px) {
	.fdtc-pl select, .fdtc-pl input[type="date"] { font-size: 16px; }
}

/* Hidden parts stay hidden even where a display rule is set above. */
.fdtc-forms [hidden] { display: none !important; }

.fdtc-pl-rated { font-weight: 400; color: var(--fm-muted); font-size: .85rem; }

/* Forms → Documents: an agreement to read and sign (checkout, questionnaires, the account). */
.fdtc-doc-box { max-height: 16rem; overflow-y: auto; padding: .75rem 1rem; margin: 0 0 1rem; border: 1px solid currentColor; border-radius: 6px; font-size: .95em; }
.fdtc-doc-box p:last-child { margin-bottom: 0; }
.fdtc-doc-box h3 { font-size: 1em; margin: 1em 0 .4em; }
.fdtc-doc-box hr { margin: .75rem 0; }
.fdtc-doc-agree { margin: 0 0 1rem; }
.fdtc-doc-agree input[type="checkbox"] { margin-right: .5rem; vertical-align: -2px; }
.fdtc-doc-name { max-width: 22rem; width: 100%; }
.fdtc-doc-onfile { margin: 0 0 1rem; }
.fdtc-doc-notice form p { margin: 0 0 .75rem; }

/* My Account: the Terms of Use card (new account, or the terms changed). */
.fdtc-doc-card {
	--dc-blue: var(--wp--preset--color--brand-blue, #283090);
	--dc-ink: var(--wp--preset--color--contrast, #1b1d3a);
	--dc-muted: var(--wp--preset--color--muted, #4a4e6b);
	--dc-line: var(--wp--preset--color--line, #d9dcea);
	--dc-panel: var(--wp--preset--color--panel, #eef0f8);
	--dc-base: var(--wp--preset--color--base, #fff);
	margin: 0 0 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--dc-line);
	border-top: 4px solid var(--dc-blue);
	border-radius: 14px;
	background: var(--dc-base);
	color: var(--dc-ink);
	box-shadow: 0 6px 20px rgba(27, 29, 58, .08);
}
.fdtc-doc-card form { display: grid; gap: 1rem; margin: 0; }
.fdtc-doc-card-head { display: flex; gap: .85rem; align-items: flex-start; }
.fdtc-doc-card-icon { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--dc-panel); color: var(--dc-blue); }
.fdtc-doc-card h2 { margin: .1rem 0 .3rem; font-size: 1.2rem; line-height: 1.25; }
.fdtc-doc-card-head p { margin: 0; color: var(--dc-muted); line-height: 1.45; }
.fdtc-doc-card-read { border: 1px solid var(--dc-line); border-radius: 10px; background: var(--dc-panel); }
.fdtc-doc-card-read > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 1rem; cursor: pointer; font-weight: 600; color: var(--dc-blue); list-style: none; }
.fdtc-doc-card-read > summary::-webkit-details-marker { display: none; }
.fdtc-doc-card-read > summary::after { content: ""; width: .55rem; height: .55rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.fdtc-doc-card-read[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.fdtc-doc-card-read .fdtc-doc-box { margin: 0 .75rem .75rem; max-height: 50vh; border-color: var(--dc-line); background: var(--dc-base); -webkit-overflow-scrolling: touch; }
.fdtc-doc-card-check { display: flex; gap: .75rem; align-items: center; min-height: 52px; padding: .65rem 1rem; border: 2px solid var(--dc-line); border-radius: 10px; cursor: pointer; font-weight: 600; line-height: 1.35; transition: border-color .15s, background .15s; }
.fdtc-doc-card-check input[type="checkbox"] { flex: none; width: 1.4rem; height: 1.4rem; margin: 0; accent-color: var(--dc-blue); }
.fdtc-doc-card-check:has(input:checked) { border-color: var(--dc-blue); background: var(--dc-panel); }
.fdtc-doc-card-check:focus-within { outline: 3px solid var(--dc-blue); outline-offset: 2px; }
.fdtc-doc-card .fdtc-doc-card-go { justify-self: start; min-height: 48px; padding-inline: 1.5rem; }
.fdtc-doc-card:has(input:not(:checked)) .fdtc-doc-card-go { opacity: .55; }
@media (max-width: 600px) {
	.fdtc-doc-card { padding: 1rem; border-radius: 12px; }
	.fdtc-doc-card .fdtc-doc-card-go { justify-self: stretch; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.fdtc-doc-card-read > summary::after, .fdtc-doc-card-check { transition: none; }
}
.fdtc-doc-table { border-collapse: collapse; margin: 0 0 1rem; }
.fdtc-doc-table th, .fdtc-doc-table td { border: 1px solid var(--wp--preset--color--line, #d9dcea); padding: .35rem .6rem; text-align: left; vertical-align: top; }
.fdtc-doc-table th { background: var(--wp--preset--color--panel, #eef0f8); }
/* Videos, photos and links in class handouts. */
.fdtc-doc-media { margin: 1rem 0 1.25rem; }
.fdtc-doc-media img, .fdtc-doc-media video { display: block; max-width: 100%; height: auto; border-radius: 8px; }
.fdtc-doc-media audio { width: 100%; max-width: 30rem; }
.fdtc-doc-media--embed iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; }
.fdtc-doc-media figcaption { margin-top: .35rem; font-size: .9em; color: var(--wp--preset--color--muted, #4a4e6b); }
.fdtc-doc-media-link { margin: .5rem 0 1rem; padding: .5rem .75rem; border-left: 3px solid var(--wp--preset--color--brand-blue, #283090); background: var(--wp--preset--color--panel, #eef0f8); }
.fdtc-doc-media-link a { font-weight: 600; }