/* ============================================================================
   Canvas layout — page template "Agendamento (tela limpa)".

   Centres the page content on a bare viewport with no site header or footer.
   Everything is scoped to body.bft-canvas, a class only that template adds, so
   this file is inert on every other page (same approach as site-shell.css).

   Uses the theme tokens, so the canvas follows the active colour scheme instead
   of hardcoding a background.
   ========================================================================== */

body.bft-canvas {
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0;
	background: var( --bft-color-background );
}

/* `safe center` centres the panel while falling back to start alignment when it
   is taller than the viewport — without it, an overflowing flex item is clipped
   at the top and the clipped part cannot be scrolled to. The plain `center`
   declaration first keeps older browsers centring horizontally. */
body.bft-canvas .bft-canvas__main {
	display: flex;
	align-items: center;
	align-items: safe center;
	justify-content: center;
	justify-content: safe center;
	min-height: 100vh;
	min-height: 100dvh;
	padding: var( --bft-gutter );
	box-sizing: border-box;
}

body.bft-canvas .bft-canvas__inner {
	width: 100%;
	max-width: var( --bft-container-width );
	margin-inline: auto;
}

/* The Booknetic panel ships its own width and card styling; the canvas only has
   to stop it stretching edge to edge and keep it horizontally centred. */
body.bft-canvas .booknetic_appointment {
	margin-inline: auto;
}