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

html {
	--lumo-primary-color: rgb(221, 155, 46);
	--lumo-primary-color-50pct: rgba(221, 155, 46, 0.5);
	--lumo-primary-color-10pct: rgba(221, 155, 46, 0.1);
	--lumo-primary-text-color: var(--lumo-primary-color);
	--lumo-header-text-color: rgb(201, 135, 26);
	--lumo-required-field-indicator: "*"; /* se non definito usa "•" */
}


/* App layout inizio */
/* in diversi casi sovrascrive dei valori impostati in main-layout.css */
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%;
	margin: auto;
	box-shadow: var(--lumo-box-shadow-l);
}

/* 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 */