/* Shortcode del gestionale nelle pagine del sito.
 * Ereditano carattere e colori del tema: qui solo struttura, spaziature e leggibilità dei numeri.
 */

.erp-sc { box-sizing: border-box; }
.erp-sc *, .erp-sc *::before, .erp-sc *::after { box-sizing: inherit; }

/* Listino */
.erp-sc-pricelist { margin: 1.5em 0; }

.erp-sc-search { display: grid; gap: .35em; margin: 0 0 1em; max-width: 34em; }
.erp-sc-search label { font-weight: 600; font-size: .95em; }
.erp-sc-search-row { display: flex; flex-wrap: wrap; gap: .5em; }
.erp-sc-pricelist .erp-sc-search input[type="search"] {
	flex: 1 1 10em; width: auto; min-width: 0; padding: .55em .7em; font: inherit; color: inherit;
	border: 1px solid currentColor; border-color: color-mix(in srgb, currentColor 35%, transparent);
	border-radius: 4px; background: transparent;
}
.erp-sc-pricelist .erp-sc-search button {
	flex: 0 0 auto; padding: .55em 1.1em; font: inherit; font-weight: 600; cursor: pointer;
	border: 1px solid currentColor; border-radius: 4px; background: transparent; color: inherit;
}
.erp-sc-reset { font-size: .9em; justify-self: start; }

.erp-sc-pricelist .erp-sc-table { width: 100%; border-collapse: collapse; margin: 0; font-variant-numeric: tabular-nums; table-layout: auto; }
.erp-sc-pricelist .erp-sc-table th,
.erp-sc-pricelist .erp-sc-table td {
	padding: .6em .75em; text-align: left; vertical-align: baseline;
	border: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
.erp-sc-pricelist .erp-sc-table th { font-size: .85em; font-weight: 600; opacity: .8; border-bottom-color: color-mix(in srgb, currentColor 45%, transparent); white-space: nowrap; }
.erp-sc-pricelist .erp-sc-code { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace; font-size: .9em; white-space: nowrap; }
.erp-sc-pricelist td.erp-sc-col-codice { white-space: nowrap; }
.erp-sc-pricelist .erp-sc-onrequest { font-weight: 400; font-style: italic; opacity: .8; }
.erp-sc-pricelist .erp-sc-col-um,
.erp-sc-pricelist .erp-sc-col-iva { white-space: nowrap; }
.erp-sc-pricelist .erp-sc-col-prezzo { text-align: right; white-space: nowrap; font-weight: 600; }
.erp-sc-pricelist th.erp-sc-col-prezzo { text-align: right; }

.erp-sc-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5em 1em; margin: .75em 0 0; font-size: .9em; opacity: .85; }
.erp-sc-pages { display: inline-flex; gap: 1em; }
.erp-sc-empty { padding: 1.25em; border: 1px dashed color-mix(in srgb, currentColor 30%, transparent); border-radius: 4px; }

/* Su schermi stretti ogni articolo diventa una scheda con le etichette a sinistra */
@media (max-width: 600px) {
	.erp-sc-pricelist .erp-sc-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.erp-sc-pricelist .erp-sc-table,
	.erp-sc-pricelist .erp-sc-table tbody,
	.erp-sc-pricelist .erp-sc-table tr,
	.erp-sc-pricelist .erp-sc-table td { display: block; width: 100%; }
	.erp-sc-pricelist .erp-sc-table tr { padding: .6em 0; border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
	.erp-sc-pricelist .erp-sc-table td { display: flex; justify-content: space-between; gap: 1em; padding: .15em 0; border: 0; text-align: right; }
	.erp-sc-pricelist .erp-sc-table td::before { content: attr(data-label); font-size: .85em; opacity: .7; text-align: left; font-weight: 400; }
	.erp-sc-pricelist .erp-sc-table td.erp-sc-col-descrizione { display: block; text-align: left; font-weight: 600; padding-bottom: .25em; }
	.erp-sc-pricelist .erp-sc-table td.erp-sc-col-descrizione::before { content: none; }
}

/* Pulsante e riquadri */
.erp-sc-button {
	display: inline-block; padding: .6em 1.2em; border-radius: 4px;
	background: #23408e; color: #fff !important; text-decoration: none !important; font-weight: 600; line-height: 1.3;
}
.erp-sc-button:hover, .erp-sc-button:focus-visible { background: #1a3170; }
.erp-sc-button:focus-visible { outline: 3px solid rgba(35, 64, 142, .4); outline-offset: 2px; }

.erp-sc-box { padding: 1.25em 1.5em; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: 6px; margin: 1.5em 0; }
.erp-sc-box p { margin: 0 0 .75em; }
.erp-sc-box p:last-child { margin-bottom: 0; }

.erp-sc-company a { color: inherit; }