/*
 * contacts module
 * CSS
 *
 * Part of »Zugzwang Project«
 * https://www.zugzwang.org/modules/contacts
 *
 * @author Gustaf Mossakowski <gustaf@koenige.org>
 * @copyright Copyright © 2022, 2026 Gustaf Mossakowski
 * @license http://opensource.org/licenses/lgpl-3.0.html LGPL-3.0
 */


/* contact */
.contact		{ --contacts-outdated-color: #999; }
.contact h1 em	{ font-style: normal; font-weight: normal; }
.contact table	{ border-collapse: collapse; margin: 1em 0; }
.contact th		{ text-align: left; }
.contact th, .contact td
				{ padding: .25em .5em .25em 0; vertical-align: top; }
.contact .remarks td
				{ font-style: italic; }
.contact tbody tr:nth-child(2n+1) td, .contact tbody tr:nth-child(2n+1) th
				{ background: #F0F0F0; }
.contact tbody tr:nth-child(2n) td, .contact tbody tr:nth-child(2n) th
				{ background: #FFF; }
.contact ul		{ margin: 0; padding: 0; list-style: none; }
.contact li		{ margin: 0; padding: 0; }
.contact p		{ margin: 0 0 .5em; }

/* record actions nav (same idea as zzform-actions.template.txt / zzform.css) */
.contact nav.edit.zz-actions
				{ display: inline-block; margin: .5em 0 0; }
.contact nav.edit.zz-actions ul
				{ display: flex; flex-wrap: nowrap; margin: 0; padding: 0;
				list-style: none; align-items: center; gap: 0; }
.contact nav.edit.zz-actions li
				{ display: inline-flex; flex-wrap: nowrap; align-items: center;
				min-width: 0; hyphens: none; }
.contact nav.edit.zz-actions li:not(:last-child)::after
				{ content: '·'; margin-inline: 0.35em; speak: never;
				white-space: nowrap; flex-shrink: 0; }
.contact nav.edit.zz-actions.zz-actions--icon-only li:not(:last-child)::after
				{ content: ''; }
.contact nav.edit.zz-actions a
				{ position: relative; min-width: 0; display: inline-flex;
				align-items: center; }
.contact nav.edit.zz-actions a svg
				{ width: 1em; height: 1em; margin-inline-end: .25em;
				vertical-align: -0.125em; flex-shrink: 0; }
.contact nav.edit.zz-actions.zz-actions--icon-only .zz-action-label
				{ position: absolute; width: 1px; height: 1px; padding: 0;
				margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);
				white-space: nowrap; border: 0; }
.contact nav.edit.zz-actions.zz-actions--icon-only a svg
				{ margin-inline-end: 0; }

.contact .svg-title
				{ display: none; }
.contact .outdated
				{ color: var(--contacts-outdated-color); }
.contact .mailcategory
				{ margin-top: .5rem; }