/*
Theme Name: ATDT Glykemisktindex.se
Theme URI: https://www.glykemisktindex.se/
Description: GeneratePress-barntema for glykemisktindex.se. Identitet: data-forward, kliniskt uppslagsverk om glykemiskt index (GI) och glykemisk belastning (GB), YMYL. Klar bla palett med Space Grotesk, Inter och JetBrains Mono. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens i tokens.css, komponenter i atdt-theme-kit. */
body { background: var(--atdt-bg); color: var(--atdt-ink); font-family: var(--atdt-font-body); }
h1, h2, h3, h4, h5, h6, .entry-title {
	font-family: var(--atdt-font-display); font-weight: 700;
	color: var(--atdt-ink); letter-spacing: -0.01em;
}
a { color: var(--atdt-accent); }
a:hover { color: var(--atdt-accent-2); }

.site-header { background: var(--atdt-bg); border-bottom: 1px solid var(--atdt-neutral); }
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 700; }
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

.button, button, input[type="submit"], .wp-block-button__link {
	background: var(--atdt-accent); border-color: var(--atdt-accent);
	color: var(--atdt-on-accent); border-radius: var(--atdt-radius);
}
.button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
	background: var(--atdt-accent-2); border-color: var(--atdt-accent-2);
}

.entry-content > p, .entry-content > ul, .entry-content > ol,
.entry-content > h2, .entry-content > h3 { max-width: var(--atdt-maxwidth); }
.entry-content code { font-family: var(--atdt-font-mono); }

.site-footer { background: var(--atdt-accent-2); color: #fff; }
.site-footer a { color: #fff; }

/* Faktatabeller i loptext */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th { background: var(--atdt-accent-2); color: #fff; font-family: var(--atdt-font-display); }
.entry-content table td, .entry-content table th { border: 1px solid var(--atdt-neutral); padding: 0.5rem 0.75rem; }

/* ===== GI-tabell-widget (#gi-tabell-app) ===== */
#gi-tabell-app { max-width: 1100px; margin: 1.5rem auto; font-family: var(--atdt-font-body); }
.git-controls { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 0.75rem; }
.git-controls input, .git-controls select {
	padding: 0.6rem 0.8rem; border: 1px solid var(--atdt-neutral); border-radius: var(--atdt-radius);
	font-size: 1rem; background: var(--atdt-surface); color: var(--atdt-ink);
}
#git-search { flex: 1 1 280px; }
.git-count { color: var(--atdt-muted); font-size: 0.9rem; margin: 0.25rem 0 0.5rem; }
.git-table-wrap { overflow-x: auto; border: 1px solid var(--atdt-neutral); border-radius: var(--atdt-radius); }
#git-table { border-collapse: collapse; width: 100%; background: var(--atdt-surface); }
#git-table th {
	background: var(--atdt-accent-2); color: #fff; font-family: var(--atdt-font-display);
	text-align: left; padding: 0.7rem 0.85rem; position: sticky; top: 0; white-space: nowrap;
}
#git-table th.git-num, #git-table td.git-num { text-align: right; font-variant-numeric: tabular-nums; }
#git-table th.git-sortable { cursor: pointer; user-select: none; }
#git-table th.git-sortable:hover { background: var(--atdt-accent); }
#git-table th[aria-sort="ascending"]::after { content: " \2191"; }
#git-table th[aria-sort="descending"]::after { content: " \2193"; }
#git-table td { padding: 0.55rem 0.85rem; border-top: 1px solid var(--atdt-neutral); }
#git-table tr:nth-child(even) td { background: #FBFCFE; }
.git-name { font-weight: 600; }
.git-src { color: var(--atdt-muted); font-size: 0.82rem; font-family: var(--atdt-font-mono); }
.git-badge {
	display: inline-block; min-width: 2.4rem; padding: 0.2rem 0.5rem; border-radius: 6px;
	font-family: var(--atdt-font-mono); font-weight: 500; text-align: center;
}
.git-badge.git-lo { background: var(--gi-lo-bg); color: var(--gi-lo-fg); }
.git-badge.git-mid { background: var(--gi-mid-bg); color: var(--gi-mid-fg); }
.git-badge.git-hi { background: var(--gi-hi-bg); color: var(--gi-hi-fg); }
.git-empty { text-align: center; color: var(--atdt-muted); padding: 1.5rem; }

@media (max-width: 600px) {
	#git-table th.git-src, #git-table td.git-src { display: none; }
	.git-controls { flex-direction: column; }
}