/* PEVŠ Grantové schémy v0.1.2 – frontend
   Špecificita (0,3,1) na tlačidlách prebíja .elementor-kit-N button (0,1,1) bez !important. */
.pevs-gs {
	--pevs-gs-navy: #0f245b;
	--pevs-gs-orange: #F25116;
	--pevs-gs-silver: #F2F3F5;
	--pevs-gs-line: #E3E6EB;
	--pevs-gs-muted: #5b6474;
	--pevs-gs-text: #1a1a1a;
	color: var(--pevs-gs-text);
}

/* ---------- Filter ---------- */
.pevs-gs .pevs-gs__filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0 0 48px;
}
.pevs-gs .pevs-gs__filter button.pevs-gs__pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--pevs-gs-navy);
	background: #fff;
	border: 1.5px solid var(--pevs-gs-navy);
	border-radius: 6px;
	padding: 10px 18px;
	margin: 0;
	box-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: background .15s, color .15s;
}
.pevs-gs .pevs-gs__filter button.pevs-gs__pill small {
	font-weight: 400;
	font-size: 13px;
	color: var(--pevs-gs-muted);
}
.pevs-gs .pevs-gs__filter button.pevs-gs__pill:hover,
.pevs-gs .pevs-gs__filter button.pevs-gs__pill:focus-visible {
	background: var(--pevs-gs-silver);
	color: var(--pevs-gs-navy);
	outline: none;
}
.pevs-gs .pevs-gs__filter button.pevs-gs__pill.is-active,
.pevs-gs .pevs-gs__filter button.pevs-gs__pill.is-active:hover {
	background: var(--pevs-gs-navy);
	border-color: var(--pevs-gs-navy);
	color: #fff;
}
.pevs-gs .pevs-gs__filter button.pevs-gs__pill.is-active small { color: rgba(255,255,255,.85); }

/* ---------- Skupiny ---------- */
.pevs-gs .pevs-gs__group { margin: 0 0 56px; }
.pevs-gs .pevs-gs__group[hidden] { display: none; }
.pevs-gs .pevs-gs__group-title {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
	color: var(--pevs-gs-navy);
	font-size: 28px;
	font-weight: 700;
	text-align: left;
}
.pevs-gs .pevs-gs__group-title small {
	font-size: 15px;
	font-weight: 400;
	color: var(--pevs-gs-muted);
}

/* ---------- Tabuľka schémy – karta ---------- */
.pevs-gs table.pevs-gs__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--pevs-gs-line);
	border-radius: 14px;
	overflow: hidden;
	margin: 0 0 20px;
	font-size: 15.5px;
	background: #fff;
}
.pevs-gs table.pevs-gs__table thead th {
	background: #fff;
	color: var(--pevs-gs-navy);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	text-align: left;
	padding: 22px 26px 14px;
	border: 0;
}
.pevs-gs table.pevs-gs__table tbody th,
.pevs-gs table.pevs-gs__table tbody td {
	padding: 11px 26px;
	border: 0;
	border-top: 1px solid var(--pevs-gs-line);
	text-align: left;
	vertical-align: top;
	line-height: 1.55;
}
.pevs-gs table.pevs-gs__table tbody th {
	width: 30%;
	font-weight: 600;
	color: var(--pevs-gs-navy);
	background: var(--pevs-gs-silver);
}
.pevs-gs table.pevs-gs__table tbody td { background: #fff; }
.pevs-gs table.pevs-gs__table a {
	display: inline;
	margin: 0;
	color: var(--pevs-gs-orange);
	font-weight: 600;
	text-decoration: none;
	word-break: break-word;
}
.pevs-gs table.pevs-gs__table a:hover { text-decoration: underline; }
.pevs-gs .pevs-gs__none { font-style: italic; }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.pevs-gs .pevs-gs__filter { margin-bottom: 36px; }
	.pevs-gs .pevs-gs__group { margin-bottom: 44px; }
	.pevs-gs .pevs-gs__group-title { font-size: 24px; }
	.pevs-gs table.pevs-gs__table thead th { font-size: 21px; padding: 18px 20px 12px; }
	.pevs-gs table.pevs-gs__table tbody th,
	.pevs-gs table.pevs-gs__table tbody td { padding: 10px 20px; }
	.pevs-gs table.pevs-gs__table tbody th { width: 36%; }
}

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	/* filter = horizontálne scrollovateľný pás (rovnaký vzor ako kategórie blogu) */
	.pevs-gs .pevs-gs__filter {
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 8px;
		margin: 0 -20px 28px;
		padding: 2px 20px 8px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.pevs-gs .pevs-gs__filter::-webkit-scrollbar { display: none; }
	.pevs-gs .pevs-gs__filter button.pevs-gs__pill {
		flex: 0 0 auto;
		font-size: 14px;
		padding: 9px 14px;
	}

	.pevs-gs .pevs-gs__group { margin-bottom: 36px; }
	.pevs-gs .pevs-gs__group-title { font-size: 22px; gap: 8px; margin-bottom: 14px; }
	.pevs-gs .pevs-gs__group-title small { font-size: 14px; }

	.pevs-gs table.pevs-gs__table { font-size: 15px; margin-bottom: 16px; border-radius: 12px; }
	.pevs-gs table.pevs-gs__table thead th { font-size: 19px; padding: 16px 16px 10px; }
	/* popis + hodnota pod sebou, popis ako malý nadpis */
	.pevs-gs table.pevs-gs__table tbody th,
	.pevs-gs table.pevs-gs__table tbody td { display: block; width: auto; }
	.pevs-gs table.pevs-gs__table tbody th {
		padding: 8px 16px 4px;
		font-size: 13px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .02em;
		background: #fff;
		color: var(--pevs-gs-muted);
	}
	.pevs-gs table.pevs-gs__table tbody td { padding: 0 16px 12px; border-top: 0; }
}