/**
 * Tabelle personalizzate (editor classico + sito).
 * Stili: --1 Normale, --2 Compatta, --3 Intestazione in evidenza.
 */

:root {
	--pa-tab-t1-header-bg: #e8eef4;
	--pa-tab-t1-header-color: #1d2327;
	--pa-tab-t1-stripe: #f6f8fa;
	--pa-tab-t1-cell-bg: #ffffff;
	--pa-tab-t1-border: #c5cdd6;
	--pa-tab-t1-pad: 0.55em 0.75em;
	--pa-tab-t1-size: 0.95em;

	--pa-tab-t2-header-bg: #e8eef4;
	--pa-tab-t2-header-color: #1d2327;
	--pa-tab-t2-stripe: #f6f8fa;
	--pa-tab-t2-cell-bg: #ffffff;
	--pa-tab-t2-border: #c5cdd6;
	--pa-tab-t2-pad: 0.32em 0.5em;
	--pa-tab-t2-size: 0.92em;

	--pa-tab-t3-header-bg: #016064;
	--pa-tab-t3-header-color: #ffffff;
	--pa-tab-t3-stripe: #f3f8f8;
	--pa-tab-t3-cell-bg: #ffffff;
	--pa-tab-t3-border: #8aa8aa;
	--pa-tab-t3-pad: 0.55em 0.75em;
	--pa-tab-t3-size: 0.95em;
}

.pa-tabella-wrap {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1em 0 1.35em;
}

table.pa-tabella {
	--pa-tab-header-bg: var(--pa-tab-t1-header-bg);
	--pa-tab-header-color: var(--pa-tab-t1-header-color);
	--pa-tab-stripe: var(--pa-tab-t1-stripe);
	--pa-tab-cell-bg: var(--pa-tab-t1-cell-bg);
	--pa-tab-border: var(--pa-tab-t1-border);
	--pa-tab-pad: var(--pa-tab-t1-pad);
	--pa-tab-size: var(--pa-tab-t1-size);
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	font-size: var(--pa-tab-size);
	line-height: 1.4;
	background: var(--pa-tab-cell-bg);
	color: inherit;
}

body.mce-content-body table.pa-tabella,
body#tinymce table.pa-tabella {
	margin: 1em 0 1.35em;
}

table.pa-tabella--2,
table.pa-tabella--compatta {
	--pa-tab-header-bg: var(--pa-tab-t2-header-bg);
	--pa-tab-header-color: var(--pa-tab-t2-header-color);
	--pa-tab-stripe: var(--pa-tab-t2-stripe);
	--pa-tab-cell-bg: var(--pa-tab-t2-cell-bg);
	--pa-tab-border: var(--pa-tab-t2-border);
	--pa-tab-pad: var(--pa-tab-t2-pad);
	--pa-tab-size: var(--pa-tab-t2-size);
}

table.pa-tabella--3 {
	--pa-tab-header-bg: var(--pa-tab-t3-header-bg);
	--pa-tab-header-color: var(--pa-tab-t3-header-color);
	--pa-tab-stripe: var(--pa-tab-t3-stripe);
	--pa-tab-cell-bg: var(--pa-tab-t3-cell-bg);
	--pa-tab-border: var(--pa-tab-t3-border);
	--pa-tab-pad: var(--pa-tab-t3-pad);
	--pa-tab-size: var(--pa-tab-t3-size);
}

table.pa-tabella th,
table.pa-tabella td {
	margin: 0;
	padding: var(--pa-tab-pad);
	border: 1px solid var(--pa-tab-border);
	text-align: left;
	vertical-align: top;
	word-break: break-word;
	background: var(--pa-tab-cell-bg);
}

table.pa-tabella caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	margin: 0 0 0.45em;
}

table.pa-tabella thead th,
table.pa-tabella thead td,
table.pa-tabella:not(.pa-tabella--no-header):not(:has(thead)) > tbody > tr:first-child > th,
table.pa-tabella:not(.pa-tabella--no-header):not(:has(thead)) > tbody > tr:first-child > td {
	background: var(--pa-tab-header-bg);
	color: var(--pa-tab-header-color);
	font-weight: 600;
	vertical-align: bottom;
}

table.pa-tabella tbody tr:nth-child(even) > td {
	background: var(--pa-tab-stripe);
}

table.pa-tabella:not(.pa-tabella--no-header):not(:has(thead)) > tbody > tr:first-child:nth-child(even) > td {
	background: var(--pa-tab-header-bg);
	color: var(--pa-tab-header-color);
}
