/**
 * Guscio "app" della pagina scanner — Ferrere Miele.
 *
 * Su questa pagina il tema non viene caricato: qui c'è solo il minimo che
 * serve perché lo scanner stia in piedi da solo. I componenti veri e propri
 * (riquadro dell'esito, pulsanti, campo manuale) restano in coupon.css, che
 * dichiara già i propri colori di riserva.
 */

:root {
	--fm-primario: #571f05;
	--fm-primario-testo: #fefaed;
	--fm-secondario: #ffde0b;
	--fm-fondo: #fefaed;
	--fm-scheda: #fffdf8;
	--fm-tenue-testo: #7e5a42;
	--fm-focus: #dc7100;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body.fm-app {
	margin: 0;
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	background: var( --fm-fondo );
	color: #3a2413;
	/* 17px: sotto i 16 Safari ingrandisce da solo appena tocchi un campo. */
	font: 17px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	-webkit-tap-highlight-color: transparent;
}

/* ------------------------------------------------------------- la barra */

.fm-app__testa {
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .55rem 1rem;
	padding-top: calc( .55rem + env( safe-area-inset-top, 0px ) );
	background: var( --fm-primario );
	color: var( --fm-primario-testo );
}

.fm-app__nome {
	margin: 0;
	font-size: .95rem;
	font-weight: 700;
}

.fm-app__nome span {
	font-weight: 400;
	opacity: .7;
}

.fm-app__esci {
	color: inherit;
	font-size: .85rem;
	padding: .45rem .15rem;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.fm-app__esci:focus-visible {
	outline: 3px solid var( --fm-secondario );
	outline-offset: 2px;
}

/* ------------------------------------------------------------ il corpo */

.fm-app__corpo {
	flex: 1;
}

/*
 * Lo scanner ha già i propri margini: qui serve solo tenere il fondo sopra
 * la barra dei gesti dell'iPhone, dove altrimenti finisce il campo manuale.
 */
.fm-app .fm-scanner {
	padding-bottom: calc( 1rem + env( safe-area-inset-bottom, 0px ) );
}

/* Il paragrafo vuoto che wpautop lascia attorno allo shortcode. */
.fm-app__corpo > p:empty {
	display: none;
}