/*
 * Homepage duo — welcome location + service times cards (welcome-ambient shortcode).
 */

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card {
	box-sizing: border-box;
	padding-block: var(--fpc-home-welcome-card-pad-block-sm);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-service-times-card.fpc-home-welcome-card {
	container-type: inline-size;
	container-name: fpc-welcome-service-card;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__row,
body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__row--services {
	width: 100%;
	margin: 0;
	gap: var(--fpc-home-recent-gutter);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__body {
	width: 100%;
	min-width: 0;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip {
	border-radius: 9999px;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-location-meta {
	margin: 0 0 var(--fpc-home-welcome-meta-mb) 0;
	font-size: var(--fpc-home-welcome-meta-size);
	font-weight: 500;
	line-height: var(--fpc-home-welcome-meta-lh);
	color: var(--fpc-text-soft);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-map-link {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: var(--fpc-home-welcome-map-text);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fpc-home-duo-text-accent-on-surface);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-map-arrow {
	width: var(--fpc-home-welcome-map-arrow);
	height: var(--fpc-home-welcome-map-arrow);
	flex-shrink: 0;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--fpc-home-welcome-service-text);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row {
	display: flex;
	padding-block: var(--fpc-home-welcome-service-li-pad);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row__label {
	display: grid;
	grid-template-columns: var(--fpc-home-welcome-service-dot-size) minmax(0, 1fr);
	align-items: center;
	column-gap: var(--fpc-home-welcome-service-li-gap);
	min-width: 0;
	margin-inline-start: calc(-1 * (var(--fpc-home-welcome-service-dot-size) + var(--fpc-home-welcome-service-li-gap)));
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row__label > .fpc-home-service-pulse,
body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row__label > span.block {
	grid-column: 1;
	grid-row: 1;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-label {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-hero-pastor-label {
	display: inline-block;
	padding: 0.375rem 1rem;
	border-radius: 9999px;
	font-size: var(--fpc-home-welcome-map-text);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fpc-home-hero-pastor-label-text) !important;
	background-color: var(--fpc-home-hero-pastor-label-bg) !important;
	border: 1px solid var(--fpc-home-hero-pastor-label-border) !important;
	text-shadow: var(--fpc-home-hero-pastor-label-shadow);
	backdrop-filter: blur(8px);
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-time-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 0;
	border-radius: 0.75rem;
	border: none;
	font-size: var(--fpc-home-welcome-time-pill-text);
	font-weight: 700;
	white-space: nowrap;
	flex-shrink: 0;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-time-pill--muted {
	background-color: var(--fpc-inset) !important;
	color: var(--fpc-text-soft) !important;
}

body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-next-pill {
	display: inline-flex;
	align-items: center;
	margin-left: var(--fpc-home-next-pill-ml);
	padding: var(--fpc-home-next-pill-pad-y) var(--fpc-home-next-pill-pad-x);
	border-radius: 9999px;
	font-size: var(--fpc-home-next-pill-text);
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
	background-color: var(--fpc-home-duo-next-pill-bg) !important;
	color: var(--fpc-home-duo-next-pill-text) !important;
}

/* Phone */

@media (max-width: 727px) {
	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card {
		padding-inline: var(--fpc-home-welcome-card-pad-x-mobile);
		padding-block: var(--fpc-home-welcome-card-pad-block-sm);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip {
		width: var(--fpc-home-welcome-chip-size-mobile);
		height: var(--fpc-home-welcome-chip-size-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip-icon {
		width: var(--fpc-home-welcome-chip-icon-mobile);
		height: var(--fpc-home-welcome-chip-icon-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__title {
		margin: 0 0 var(--fpc-home-welcome-card-title-mb) 0;
		font-size: var(--fpc-home-welcome-card-title-mobile);
		font-weight: 800;
		line-height: var(--fpc-home-welcome-card-title-lh);
		color: var(--fpc-text);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row {
		flex-direction: column;
		align-items: stretch;
		gap: var(--fpc-home-welcome-service-li-gap);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-time-pill {
		align-self: flex-end;
		padding: var(--fpc-home-welcome-time-pill-pad-y) var(--fpc-home-welcome-time-pill-pad-x-mobile);
	}
}

/* Tablet / narrow column (Service Times ~360px) */

@media (min-width: 728px) and (max-width: 1099px) {
	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card {
		padding-inline: var(--fpc-home-welcome-card-pad-x-mobile);
		padding-block: var(--fpc-home-welcome-card-pad-block-md);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip {
		width: var(--fpc-home-welcome-chip-size-mobile);
		height: var(--fpc-home-welcome-chip-size-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip-icon {
		width: var(--fpc-home-welcome-chip-icon-mobile);
		height: var(--fpc-home-welcome-chip-icon-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__title {
		margin: 0 0 var(--fpc-home-welcome-card-title-mb) 0;
		font-size: var(--fpc-home-welcome-card-title-mobile);
		font-weight: 800;
		line-height: var(--fpc-home-welcome-card-title-lh);
		color: var(--fpc-text);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: var(--fpc-home-welcome-service-li-gap);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row__label {
		flex: 1 1 auto;
		min-width: 0;
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-label {
		overflow-wrap: normal;
		word-break: normal;
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-time-pill {
		flex: 0 0 auto;
		margin-left: auto;
		padding: var(--fpc-home-welcome-time-pill-pad-y) var(--fpc-home-welcome-time-pill-pad-x-mobile);
	}
}

@container fpc-welcome-service-card (max-width: 400px) {
	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card {
		padding-inline: var(--fpc-home-welcome-card-pad-x-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip {
		width: var(--fpc-home-welcome-chip-size-mobile);
		height: var(--fpc-home-welcome-chip-size-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip-icon {
		width: var(--fpc-home-welcome-chip-icon-mobile);
		height: var(--fpc-home-welcome-chip-icon-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__title {
		font-size: var(--fpc-home-welcome-card-title-mobile);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row {
		flex-direction: column;
		align-items: stretch;
		gap: var(--fpc-home-welcome-service-li-gap);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-time-pill {
		align-self: flex-end;
		padding: var(--fpc-home-welcome-time-pill-pad-y) var(--fpc-home-welcome-time-pill-pad-x-mobile);
	}
}

/* Desktop */

@media (min-width: 1100px) {
	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card {
		padding-inline: var(--fpc-home-welcome-card-pad-x);
		padding-block: var(--fpc-home-welcome-card-pad-block);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip {
		width: var(--fpc-home-welcome-chip-size);
		height: var(--fpc-home-welcome-chip-size);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__chip-icon {
		width: var(--fpc-home-welcome-chip-icon);
		height: var(--fpc-home-welcome-chip-icon);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-card__title {
		margin: 0 0 var(--fpc-home-welcome-card-title-mb) 0;
		font-size: var(--fpc-home-welcome-card-title);
		font-weight: 800;
		line-height: var(--fpc-home-welcome-card-title-lh);
		color: var(--fpc-text);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-row {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: var(--fpc-home-welcome-service-li-gap);
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-service-label {
		white-space: nowrap;
	}

	body.fpc-public-home-duo:not(.fpc-leader-portal) .fpc-home-welcome-time-pill {
		padding: var(--fpc-home-welcome-time-pill-pad-y) var(--fpc-home-welcome-time-pill-pad-x);
	}
}