/*
 * Orarium: l'area del paziente dentro il sito, prima per il telefono.
 * Carattere, colori e testata vengono dal tema; il blu è quello primario
 * dei Colori globali di Elementor, se il sito li ha.
 */
.fma-area-guscio { --fma-area-blu: var(--e-global-color-primary, #232975); --fma-area-fondo: #f2f3f5; max-width: 760px; margin: 0 auto; padding: 16px 16px 32px; box-sizing: border-box; }
.fma-area-guscio *, .fma-area-guscio *::before, .fma-area-guscio *::after { box-sizing: border-box; }
.fma-area-guscio a { color: var(--fma-area-blu); }
.fma-area-barra { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 0 8px; font-size: 14px; opacity: .85; }
.fma-area-corpo h1 { font-size: 26px; margin: 8px 0 16px; }
.fma-area-corpo h2 { font-size: 19px; margin: 24px 0 8px; }
.fma-area-lista { margin: 0; padding: 0; list-style: none; }
.fma-area-lista li { margin: 0 0 10px; padding: 14px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; }
.fma-area-lista li a { display: block; color: inherit; text-decoration: none; }
.fma-area-dati { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; padding: 14px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; }
.fma-area-dati dt { opacity: .7; }
.fma-area-dati dd { margin: 0; font-weight: 600; }
.fma-area-chi { margin: 0 0 12px; }
.fma-area-guscio table { background: #fff; border-radius: 10px; }
.fma-area-aiuto { margin-top: 32px; }
.fma-area-guscio .fma-pub { max-width: none; }

/* Il menu: schede in cima su schermo largo, barra fissa in fondo sul telefono. */
.fma-area-menu { display: flex; gap: 4px; margin: 0 0 16px; border-bottom: 1px solid rgba(0,0,0,.12); }
.fma-area-menu a { padding: 10px 14px; font-size: 15px; text-decoration: none; color: inherit; opacity: .75; }
.fma-area-menu a[aria-current="page"] { opacity: 1; font-weight: 700; color: var(--fma-area-blu); box-shadow: inset 0 -3px 0 var(--fma-area-blu); }
@media (max-width: 760px) {
	body.fma-area-dentro { padding-bottom: 64px; }
	.fma-area-menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; margin: 0; gap: 0; background: #fff; border-top: 1px solid #ddd; border-bottom: 0; padding-bottom: env(safe-area-inset-bottom); }
	.fma-area-menu a { flex: 1; padding: 14px 4px; text-align: center; font-size: 14px; }
	.fma-area-menu a[aria-current="page"] { box-shadow: inset 0 3px 0 var(--fma-area-blu); }
}