/* Zelmaas Kennel – hund- och kullsidor */
.zk-fakta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
	margin-bottom: 2rem;
}
.zk-fakta:not(:has(.zk-figur)) { grid-template-columns: 1fr; }
.zk-figur { margin: 0; }
.zk-figur img { width: 100%; height: auto; border-radius: 6px; display: block; }
.zk-figur figcaption { font-size: 0.85em; opacity: 0.8; margin-top: 0.4em; }

.zk-fakta-lista {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.35em 1em;
	margin: 0;
}
.zk-fakta-lista dt { font-weight: 700; color: var(--wp--preset--color--accent-1, #804040); }
.zk-fakta-lista dd { margin: 0; }

.zk-titlar { font-size: 0.85em; opacity: 0.85; }
.zk-rubrik { margin-top: 2.5rem; }
.zk-kull-lista { columns: 2; padding-left: 1.2em; }
.zk-ar { opacity: 0.7; }

.zk-tabell-wrap { overflow-x: auto; max-width: 100%; }
.zk-tabell-wrap:has(> .zk-stamtavla) { margin-top: 2em; }
.zk-stamtavla,
.zk-valpar,
.zk-kullar { border-collapse: collapse; width: 100%; font-size: 0.9em; }
.zk-stamtavla td { border: 1px solid color-mix(in srgb, currentColor 20%, transparent); padding: 0.4em 0.6em; vertical-align: middle; min-width: 10em; }
.zk-stamtavla .zk-far { background: color-mix(in srgb, var(--wp--preset--color--accent-2, #4A6231) 7%, transparent); }
.zk-stamtavla .zk-mor { background: color-mix(in srgb, var(--wp--preset--color--accent-1, #804040) 6%, transparent); }
.zk-stamtavla .zk-titlar,
.zk-stamtavla .zk-namn,
.zk-stamtavla .zk-regnr { display: block; }
.zk-stamtavla .zk-namn { font-weight: 700; }
.zk-stamtavla .zk-regnr { font-size: 0.85em; opacity: 0.8; }
.zk-okand { opacity: 0.5; }

.zk-valpar th,
.zk-valpar td,
.zk-kullar th,
.zk-kullar td { text-align: left; padding: 0.4em 0.75em 0.4em 0; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); vertical-align: top; }

.zk-kort { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: 1.25rem; }
.zk-kort a { display: flex; flex-direction: column; gap: 0.15em; text-decoration: none; color: inherit; }
/* Hela bilden syns (contain); 3:2 passar de flesta hundfoton, avvikande format får en ljus kant. */
.zk-kort-bild { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; background: color-mix(in srgb, var(--wp--preset--color--accent-4, #F3EDD9) 80%, transparent); border-radius: 6px; display: block; }
.zk-utan-bild { background: color-mix(in srgb, var(--wp--preset--color--accent-1, #804040) 10%, transparent); }
.zk-kort-titlar { font-size: 0.75em; opacity: 0.8; margin-top: 0.4em; }
.zk-kort-namn { font-weight: 700; color: var(--wp--preset--color--accent-1, #804040); }
.zk-kort a:hover .zk-kort-namn { text-decoration: underline; }
.zk-kort-info { font-size: 0.8em; opacity: 0.8; }

@media (max-width: 600px) {
	.zk-fakta { grid-template-columns: 1fr; }
	.zk-kull-lista { columns: 1; }
}

/* [luft] */
.zk-luft { display: block; }