/* 1. Alap betűtípus és szövegszín */
.tablepress {
	font-family: "Inter", sans-serif; /* Írd ide az arculati betűtípusod */
	font-size: 18px;
	color: #333333;
}

/* 2. Fejléc színe (háttér és szöveg) */
.tablepress thead th,
.tablepress tfoot th {
	background-color: #0C1A3F; /* Arculati főszín */
	color: #ffffff; /* Fejléc szövegszín */
	font-weight: bold;
}

/* 3. Sorok váltakozó színe (zebra csíkozás) */
.tablepress>:where(tbody.row-striping)>:nth-child(even)>* {
	background-color: #f9f9f9;
}

.tablepress>:where(tbody.row-striping)>:nth-child(odd)>* {
	background-color: #ffffff;
}

/* 4. Sor kiemelése egérrel (Hover) */
.tablepress .row-hover tr:hover td {
	background-color: #e2e2e2;
}

/* 5. Szegélyek színe */
.tablepress th,
.tablepress td {
	border: 1px solid #dddddd;
}

/* Automatikus szélesség visszaállítása és sortörés engedélyezése */
.tablepress th,
.tablepress td {
	white-space: normal !important; /* Engedi a szöveg tördelését */
	word-break: break-word; /* Hosszú szavaknál is tördel */
	width: auto !important; /* Hagyja, hogy a tartalom határozza meg a szélességet a kereten belül */
}

/* Opcionális: Fix szélességű oszlopok (ha szükséges) */
/* .tablepress-id-X .column-1 { width: 200px; } */
/* A táblázat szélességének maximalizálása a widgethez */
.tablepress {
	width: 100% !important;
	margin: 0 auto !important;
	table-layout: auto; /* Hagyja, hogy a böngésző számolja ki az oszlopokat */
}

/* Biztonsági görgetősáv, ha az adatok fizikailag nem férnek el a szélességben */
.tablepress-scroll-wrapper {
	overflow-x: auto;
	width: 100%;
}

.tablepress-edit-link {
	display: none !important;
}