/**
 * Farm Contact Cards widget styles.
 *
 * Purpose: Port of style.css §14 (.contact-info-cards, .contact-card, .contact-card-icon,
 *          .contact-card-body) and the inline office-hours span (kontak.html L141).
 * Dependencies: assets/css/base.css.
 * Consumers: Widget acfarm_contact_cards.
 * Since: 0.1.0 Initial introduction; see CHANGELOG.md.
 */

.acfarm_contact_cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.acfarm_contact_card {
	background: var(--acfarm_color_paper);
	border: 1px solid var(--acfarm_color_line);
	border-radius: var(--acfarm_radius_card);
	padding: 24px;
	box-shadow: var(--acfarm_shadow_sm);
	display: flex;
	gap: 18px;
}

.acfarm_contact_card_icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background-color: var(--acfarm_color_blue_soft);
	color: var(--acfarm_color_blue);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 22px;
}

.acfarm_contact_card_icon svg { width: 24px; height: 24px; fill: currentColor; }

.acfarm_contact_card_body h4 {
	margin-bottom: 4px;
	font-size: 1.1rem;
}

.acfarm_contact_card_body p {
	font-size: 0.9rem;
	color: var(--acfarm_color_muted);
	margin-bottom: 8px;
}

.acfarm_contact_card_body a {
	font-weight: 600;
	color: var(--acfarm_color_blue);
	overflow-wrap: anywhere;
}

.acfarm_contact_card_body a:hover {
	text-decoration: underline;
}

.acfarm_contact_card_note {
	font-size: 0.85rem;
	color: var(--acfarm_color_muted);
	display: block;
}