@import url('./main-layout.css');
@import url('./tabella.css');

@font-face {
	font-family: "72"; /* https://experience.sap.com/fiori-design-web/downloads/#download-font-72 */
	src: url("fonts/72-Regular-full.woff2") format("woff2") /* https://vaadin.com/docs/latest/styling/application-theme/#images-fonts */
}

html {
	--lumo-font-family: "72";
	--lumo-primary-color: rgb(87, 35, 35);
	--lumo-primary-color-50pct: rgba(87, 35, 35, 0.5);
	--lumo-primary-color-10pct: rgba(87, 35, 35, 0.1);
	--lumo-primary-text-color: var(--lumo-primary-color);
	--lumo-header-text-color: rgb(87, 25, 25);
	--lumo-required-field-indicator: "*"; /* se non definito usa "•" */
	--lumo-space-m: 0.8rem; /* riduco la spaziatura per ottimizzare */
}

.v-loading-indicator {
	background-color: var(--lumo-success-color-50pct) !important;
}

.cliccabile {
	cursor: pointer;
}

vaadin-grid.cliccabile::part(body-cell) {
	cursor: pointer;
}

.versione {
	font-size: 0.8em;
	position: fixed;
	bottom: 0;
	right: 10px;
	background: white;
}

vaadin-dialog-overlay.full {
	/* toglie gli spazi intorno, per massimizzare lo spazio su mobile */
	right: 0;
	left: 0;
	bottom: 0;
}

/* App layout inizio */
/* in diversi casi sovrascrive dei valori impostati in main-layout.css */
vaadin-app-layout::part(drawer) {
	box-shadow: var(--lumo-box-shadow-l);
	/*background: var(--lumo-primary-color);*/
}

vaadin-app-layout[primary-section="drawer"]:not([overlay])::part(drawer) {
	box-shadow: var(--lumo-box-shadow-m);
	background: var(--lumo-shade-10pct);
}

vaadin-app-layout::part(navbar) {
	background: var(--lumo-primary-color);
	opacity: 1;
}

vaadin-app-layout[primary-section="drawer"]::part(navbar) {
	box-shadow: var(--lumo-box-shadow-s);
}

vaadin-app-layout [slot="navbar"] {
	color: var(--lumo-primary-contrast-color);
}

vaadin-app-layout::part(navbar) {
	min-height: unset;
}

vaadin-drawer-toggle {
	background-image: none;
	box-shadow: 0 0 0 0;
}

/* App layout fine  */

/* header inizio */
header {
	border-bottom: 1px solid lightgray;
}

header img {
	width: 40%;
	padding-right: 8px;
}

header h1 {
	color: black;
	text-align: center;
	font-weight: bold;
	font-size: var(--lumo-font-size-xl);
	margin: 0;
}

/* header fine */

/* Description List inizio */
dl {
	border: 1px solid var(--lumo-shade-20pct);
	background-color: var(--lumo-primary-color-10pct);
	margin-bottom: 2em;
}

dt,
dd {
	box-sizing: border-box;
	padding: 3px 8px;
}

dd ~ dt,
dd ~ dd {
	border-top: 1px solid var(--lumo-shade-20pct);
}

dt {
	float: left;
	width: 30%;
	padding-bottom: 0;
}

dd {
	margin-left: 30%;
	border-left: 1px dotted var(--lumo-shade-20pct);
	background-color: var(--lumo-base-color);
}

dd:after {
	content: "";
	display: block;
	clear: both;
}

/* Description List fine */