/*
	Theme Name: Local AI (child of Twenty Twenty-Five)
	Description: Applies the palette used by localai.hex7.com (the same greens and near-black as /privacy.html) and adds a clear rule between posts in any list of posts.
	Author: Private Local AI
	Template: twentytwentyfive
	Version: 1.0.0
	Text Domain: localai-child
*/

/* --- separation between posts in a list --- */
/* The query loop renders every post as .wp-block-post inside a .wp-block-post-template list, so the
   divider goes on the item itself. That works for both the vertical list and any grid variant. */
.wp-block-post-template > .wp-block-post {
	padding-block: var(--wp--preset--spacing--50);
	border-block-end: 1px solid rgba(125, 150, 132, 0.28);
}

/* No divider on the last item, and no extra space above the first one. */
.wp-block-post-template > .wp-block-post:first-child { padding-block-start: 0; }
.wp-block-post-template > .wp-block-post:last-child {
	padding-block-end: 0;
	border-block-end: 0;
}

/* Posts that render their own excerpts still need breathing room between them and the next one. */
.wp-block-post + .wp-block-post { margin-block-start: var(--wp--preset--spacing--40); }

/* one row per service as a table; colours from the child theme palette */
table.sa-sociallist { border-collapse: collapse; margin-block: 0 var(--wp--preset--spacing--40); }
table.sa-sociallist caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.sa-sociallist td { padding: 9px 12px; border-block-end: 1px solid rgba(125, 150, 132, 0.28); vertical-align: middle; }
.sa-sociallist tr:last-child td { border-block-end: 0; }
.sa-sociallist td.ic { width: 26px; padding-inline: 12px 4px; }
.sa-sociallist td.ic svg { width: 18px; height: 18px; fill: rgba(172, 228, 178, .7); display: block; }
.sa-sociallist td.lb a {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 12px;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: rgba(172, 228, 178, .66);
	text-decoration: none;
}
.sa-sociallist tr:hover td.ic svg { fill: var(--wp--preset--color--contrast); }
.sa-sociallist tr:hover td.lb a { color: var(--wp--preset--color--contrast); }

/* the Blog row uses the site's own avatar; same cell size as the marks */
.sa-sociallist td.ic img { width: 18px; height: 18px; display: block; border-radius: 3px; }