/*
 * Componente: recapiti e orari della pagina Contatti.
 */

.sh-contact-info {
	color: var(--sh-ink);
}

.sh-contact-info__address {
	font-style: normal;
}

.sh-contact-info__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Icona in cerchio a sinistra, testo a destra; un filo sottile fra le voci. */
.sh-contact-info__item {
	display: grid;
	grid-template-columns: 3.5rem minmax(0, 1fr);
	gap: var(--sh-space-md);
	align-items: start;
	padding-block: var(--sh-space-md);
	border-block-end: 1px solid var(--sh-line);
}

.sh-contact-info__item:first-child {
	padding-block-start: 0;
}

.sh-contact-info__item:last-child {
	padding-block-end: 0;
	border-block-end: 0;
}

.sh-contact-info__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	background-color: var(--sh-red);
	border-radius: 50%;
	color: var(--sh-c-white);
}

.sh-contact-info__title {
	margin: 0;
	font-family: var(--sh-font-display);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.sh-contact-info__value {
	margin: var(--sh-space-3xs) 0 0;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.4;
	/* L'email è una parola lunga sola: su mobile andava oltre il bordo. */
	overflow-wrap: anywhere;
}

.sh-contact-info__value a {
	color: inherit;
	text-decoration: none;
}

.sh-contact-info__value a:hover {
	color: var(--sh-red-text);
}

.sh-contact-info__text {
	margin: var(--sh-space-2xs) 0 0;
	color: var(--sh-muted);
	font-size: 0.9375rem;
	line-height: 1.5;
}

/* ==== Variante orari ==== */

.sh-contact-info__image {
	margin-block-end: var(--sh-space-sm);
}

.sh-contact-info__hours {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--sh-space-sm);
	padding: var(--sh-space-md);
	background-color: var(--sh-bg-alt);
}

.sh-contact-info__hours-icon {
	color: var(--sh-ink);
}

.sh-contact-info__hours .sh-rule::after {
	width: 2rem;
	margin-block-start: var(--sh-space-xs);
}

.sh-contact-info__table {
	margin: var(--sh-space-sm) 0 0;
	font-size: 0.9375rem;
}

.sh-contact-info__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 var(--sh-space-sm);
	padding-block: var(--sh-space-3xs);
}

.sh-contact-info__row dt,
.sh-contact-info__row dd {
	margin: 0;
}