/*
 * Arkivsidorna i version 3 (0.5.0). Laddas bara när atdt_aka_v3_arkiv_pa()
 * är sann, efter v3.css, och allt är avgränsat till body.aka-v3-arkiv.
 * Struktur ur ritningen Avdelning (styrelsen.se), utseende ur AkaArtikel:
 * papper, bläck, aka.se:s tjocka linje och svartade fält, sparsamt.
 * Rutnätet och sidopanelens moduler kommer ur v3.css (.aka3-rad, .aka3-panel).
 */

/* v2:s bloggflöde (smal spalt med linje över) gäller inte den nya mallen. */
body.aka-v3-arkiv .aka3-innehall .site-main { max-width: none; border-top: 0; margin: 0; }
.aka-v3-arkiv .aka3-arkiv .aka3-rad { gap: 56px; margin-top: 32px; }
.aka-v3-arkiv .aka3-arkiv-lista { max-width: 784px; display: flex; flex-direction: column; }

/* ---------- Arkivhuvudet ---------- */
.aka-v3-arkiv .aka3-arkiv-huvud {
	border-top: 4px solid var(--atdt-ink); margin-top: 8px; padding: 24px 0 24px;
	border-bottom: 1px solid var(--atdt-neutral);
	display: flex; flex-direction: column; gap: 14px;
}
.aka-v3-arkiv h1.aka3-arkiv-titel { margin: 0; font-size: 50px; line-height: 1.05; letter-spacing: -0.02em; overflow-wrap: break-word; }
.aka-v3-arkiv .aka3-arkiv-beskrivning { margin: 0; max-width: 40em; font-size: 20px; line-height: 1.5; color: var(--atdt-text-2); }
.aka-v3-arkiv .aka3-arkiv-fakta {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin: 0;
	font-family: var(--atdt-font-display); font-size: 14px; line-height: 1.4; color: var(--atdt-muted);
}
.aka-v3-arkiv .aka3-arkiv-fakta strong { color: var(--atdt-ink); }
.aka-v3-arkiv .aka3-arkiv-fakta .aka3-arkiv-svart { display: inline-block; width: 34px; height: 12px; background: var(--atdt-ink); }

/* ---------- Ämnesraden ---------- */
.aka-v3-arkiv .aka3-amnen { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 0; font-family: var(--atdt-font-display); font-size: 15px; font-weight: 600; }
.aka-v3-arkiv .aka3-amne {
	display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 16px;
	border: 1px solid var(--atdt-neutral); background: var(--atdt-surface); color: var(--atdt-ink); text-decoration: none;
}
.aka-v3-arkiv .aka3-amne:hover { border-color: var(--atdt-ink); color: var(--atdt-ink); }
.aka-v3-arkiv .aka3-amne-aktiv,
.aka-v3-arkiv .aka3-amne-aktiv:hover { background: var(--atdt-ink); border-color: var(--atdt-ink); color: #FFFFFF; }

/* ---------- Sökfältet på sökresultaten ---------- */
.aka-v3-arkiv .aka3-arkiv-sok { margin-top: 24px; max-width: 784px; }
.aka-v3-arkiv .aka3-arkiv-sok form { display: flex; flex-wrap: wrap; gap: 8px; }
.aka-v3-arkiv .aka3-arkiv-sok label { flex: 1 1 260px; }
.aka-v3-arkiv .aka3-arkiv-sok input[type="search"] {
	width: 100%; min-height: 48px; box-sizing: border-box; font-size: 16px;
	background: var(--atdt-surface); border: 1px solid var(--atdt-neutral); color: var(--atdt-ink);
}
.aka-v3-arkiv .aka3-arkiv-sok input[type="search"]:focus { border-color: var(--atdt-ink); }
.aka-v3-arkiv .aka3-arkiv-sok button,
.aka-v3-arkiv .aka3-arkiv-sok input[type="submit"] { min-height: 48px; min-width: 48px; background: var(--atdt-ink); color: #FFFFFF; }
.aka-v3-arkiv .aka3-arkiv-sok button:hover,
.aka-v3-arkiv .aka3-arkiv-sok button:focus { background: var(--atdt-ink); color: var(--atdt-mark); }

/* ---------- Gemensamt för topp och rader ---------- */
.aka-v3-arkiv .aka3-arkiv-topp,
.aka-v3-arkiv .aka3-arkiv-rad { position: relative; margin: 0; }
.aka-v3-arkiv .aka3-arkiv-lank { color: var(--atdt-ink); text-decoration: none; }
/* Hela raden är länken: rubrikens länk sträcks över artikeln. */
.aka-v3-arkiv .aka3-arkiv-lank::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.aka-v3-arkiv .aka3-arkiv-topp:hover .aka3-arkiv-lank,
.aka-v3-arkiv .aka3-arkiv-rad:hover .aka3-arkiv-lank,
.aka-v3-arkiv .aka3-arkiv-lank:focus-visible { text-decoration: underline; text-decoration-color: var(--atdt-mark); text-decoration-thickness: 3px; text-underline-offset: 4px; }
.aka-v3-arkiv .aka3-arkiv-lank:focus-visible { outline: none; }
.aka-v3-arkiv .aka3-arkiv-topp:focus-within,
.aka-v3-arkiv .aka3-arkiv-rad:focus-within { outline: 2px solid var(--atdt-ink); outline-offset: 4px; }
.aka-v3-arkiv .aka3-arkiv-meta {
	margin: 0; font-family: var(--atdt-font-display); font-weight: 700; font-size: 12px; line-height: 1.3;
	letter-spacing: 0.1em; text-transform: uppercase; color: var(--atdt-muted);
}
.aka-v3-arkiv .aka3-arkiv-utdrag { margin: 0; font-size: 17px; line-height: 1.55; color: var(--atdt-text-2); }
.aka-v3-arkiv .aka3-arkiv-kredit { margin: 6px 0 0; font-family: var(--atdt-font-display); font-size: 12px; line-height: 1.35; color: var(--atdt-muted); }
.aka-v3-arkiv .aka3-arkiv figure img { display: block; width: 100%; height: auto; object-fit: cover; }

/* ---------- Toppartikeln ---------- */
.aka-v3-arkiv .aka3-arkiv-topp {
	background: var(--atdt-surface); border: 1px solid var(--atdt-neutral);
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); column-gap: 28px; align-items: center;
}
.aka-v3-arkiv .aka3-arkiv-toppbild { margin: 0; }
.aka-v3-arkiv .aka3-arkiv-toppbild img { aspect-ratio: 16 / 9; }
.aka-v3-arkiv .aka3-arkiv-toppbild .aka3-arkiv-kredit { padding: 0 14px 10px; }
.aka-v3-arkiv .aka3-arkiv-topp .aka3-arkiv-meta { color: var(--atdt-ink); }
.aka-v3-arkiv .aka3-arkiv-topptext { padding: 24px 28px 26px 0; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.aka-v3-arkiv .aka3-arkiv-toppr { margin: 0; font-size: 30px; line-height: 1.12; letter-spacing: -0.02em; }
.aka-v3-arkiv .aka3-arkiv-topp .aka3-arkiv-utdrag { font-size: 18px; }

/* Reserv utan bild: ett svartat fält och kategorinamnet. */
.aka-v3-arkiv .aka3-arkiv-reserv {
	aspect-ratio: 16 / 9; background: var(--atdt-neutral-2);
	display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; padding: 22px; box-sizing: border-box;
}
.aka-v3-arkiv .aka3-arkiv-reserv .aka3-arkiv-svart { display: block; width: 55%; height: 22px; background: var(--atdt-ink); }
.aka-v3-arkiv .aka3-arkiv-reserv-namn { font-family: var(--atdt-font-display); font-weight: 700; font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--atdt-ink); }

/* ---------- Raderna ---------- */
.aka-v3-arkiv .aka3-arkiv-alla { margin-top: 40px; display: flex; flex-direction: column; }
.aka-v3-arkiv h2.aka3-arkiv-alla-rubrik {
	margin: 0 0 4px; border-top: 4px solid var(--atdt-ink); padding-top: 10px;
	font-family: var(--atdt-font-display); font-weight: 700; font-size: 13px; line-height: 1.3;
	letter-spacing: 0.12em; text-transform: uppercase; color: var(--atdt-ink);
}
.aka-v3-arkiv .aka3-arkiv-rad { display: flex; gap: 24px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--atdt-neutral); }
.aka-v3-arkiv .aka3-arkiv-radtext { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.aka-v3-arkiv .aka3-arkiv-radr { margin: 0; font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; }
.aka-v3-arkiv .aka3-arkiv-rad .aka3-arkiv-utdrag { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.aka-v3-arkiv .aka3-arkiv-minibild { flex: 0 0 200px; margin: 0; }
.aka-v3-arkiv .aka3-arkiv-minibild img { aspect-ratio: 3 / 2; }

/* Annonsplatsen lista_1: minst 64 px till närmaste rad. */
.aka-v3-arkiv .aka3-arkiv-alla .annons { margin: 64px 0; }

/* ---------- Sidnumreringen ---------- */
.aka-v3-arkiv .aka3-sidor { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 28px; font-family: var(--atdt-font-display); font-weight: 600; font-size: 15px; }
.aka-v3-arkiv .aka3-sidor .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; box-sizing: border-box;
	padding: 0 14px; border: 1px solid var(--atdt-neutral); background: var(--atdt-surface); color: var(--atdt-ink); text-decoration: none;
}
.aka-v3-arkiv .aka3-sidor a.page-numbers:hover { border-color: var(--atdt-ink); }
.aka-v3-arkiv .aka3-sidor .page-numbers.current { background: var(--atdt-ink); border-color: var(--atdt-ink); color: #FFFFFF; }
.aka-v3-arkiv .aka3-sidor .page-numbers.dots { border: 0; background: transparent; min-width: 0; padding: 0 4px; }

/* Inga träffar: förälderns text i identitetens form. */
.aka-v3-arkiv .aka3-arkiv-tom { margin-top: 32px; }
.aka-v3-arkiv .aka3-arkiv-tom .inside-article { padding: 0; }

/* ---------- Sidopanelen: Senaste i (kitets lista) ---------- */
.aka-v3-arkiv .aka3-panel .aka3-senaste { border-top: 4px solid var(--atdt-ink); padding-top: 10px; }
.aka-v3-arkiv .aka3-senaste a {
	display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 44px; box-sizing: border-box; padding: 11px 0;
	border-bottom: 1px solid var(--atdt-neutral); color: var(--atdt-ink); font-size: 15px; line-height: 1.35;
}
.aka-v3-arkiv .aka3-senaste .atdt-red-datum { font-size: 13px; color: var(--atdt-muted); }
.aka-v3-arkiv .aka3-senaste .atdt-red-titel { font-weight: 600; }

/* ---------- Staplat: sidopanelen under listan ---------- */
@media (max-width: 1023px) {
	.aka-v3-arkiv .aka3-arkiv-lista { max-width: 720px; }
	.aka-v3-arkiv .aka3-panel .aka3-guider { order: 1; }
	.aka-v3-arkiv .aka3-panel .atdt-red-mestlast { order: 2; }
	.aka-v3-arkiv .aka3-panel .aka3-senaste { order: 3; }
	.aka-v3-arkiv .aka3-panel .annons { order: 4; }
}

/* ---------- Mobil ---------- */
@media (max-width: 600px) {
	.aka-v3-arkiv .aka3-arkiv .aka3-rad { gap: 40px; }
	.aka-v3-arkiv .aka3-arkiv-huvud { padding: 20px 0 18px; gap: 12px; }
	.aka-v3-arkiv h1.aka3-arkiv-titel { font-size: 34px; line-height: 1.08; }
	.aka-v3-arkiv .aka3-arkiv-beskrivning { font-size: 18px; }
	.aka-v3-arkiv .aka3-arkiv-fakta { font-size: 13px; gap: 4px 14px; }
	.aka-v3-arkiv .aka3-amnen { margin-top: 18px; gap: 8px; font-size: 14px; }
	.aka-v3-arkiv .aka3-amne { padding: 0 14px; }
	.aka-v3-arkiv .aka3-arkiv .aka3-rad { margin-top: 24px; }
	.aka-v3-arkiv .aka3-arkiv-topptext { padding: 16px 16px 20px; gap: 10px; }
	.aka-v3-arkiv .aka3-arkiv-toppr { font-size: 24px; }
	.aka-v3-arkiv .aka3-arkiv-topp .aka3-arkiv-utdrag { font-size: 17px; }
	.aka-v3-arkiv .aka3-arkiv-alla { margin-top: 32px; }
	.aka-v3-arkiv .aka3-arkiv-rad { gap: 14px; padding: 16px 0; }
	.aka-v3-arkiv .aka3-arkiv-radr { font-size: 18px; }
	.aka-v3-arkiv .aka3-arkiv-rad .aka3-arkiv-utdrag { font-size: 16px; -webkit-line-clamp: 2; }
	.aka-v3-arkiv .aka3-arkiv-minibild { flex-basis: 112px; }
	.aka-v3-arkiv .aka3-arkiv-minibild .aka3-arkiv-kredit { font-size: 10px; }
	.aka-v3-arkiv .aka3-arkiv-alla .annons { margin: 64px 0; }
}