/**
 * Optional outer shell for Hours / Service areas visitor shortcodes (Settings → General toggles).
 */

.iw-ft-shell {
	box-sizing: border-box;
	max-width: 1200px;
	margin-inline: auto;
	padding: 0;
}

.iw-ft-shell__title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding: 0;
	font-size: clamp(1.25rem, 3vw, 1.875rem);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.iw-ft-shell__title-text {
	color: #111;
}

/* Icons tint with Appearance secondary color (stroke geometry in SVG mask — see module modifier below). */
.iw-ft-shell__title-icon {
	flex-shrink: 0;
	width: 1.375rem;
	height: 1.375rem;
	background-color: var(--iw_branding_secondary_color, #4b5563);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Clock (Working hours). */
.iw-ft-shell--hours .iw-ft-shell__title-icon {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9.25' stroke='%23fff' stroke-width='1.65'/%3E%3Cpath d='M12 8.25v4.65l3.85 2.2' stroke='%23fff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9.25' stroke='%23fff' stroke-width='1.65'/%3E%3Cpath d='M12 8.25v4.65l3.85 2.2' stroke='%23fff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Map marker (Service areas). */
.iw-ft-shell--service-areas .iw-ft-shell__title-icon {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21s-7-6.06-7-11a7 7 0 1114 0c0 4.94-7 11-7 11z' stroke='%23fff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.25' stroke='%23fff' stroke-width='1.65'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21s-7-6.06-7-11a7 7 0 1114 0c0 4.94-7 11-7 11z' stroke='%23fff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.25' stroke='%23fff' stroke-width='1.65'/%3E%3C/svg%3E");
}

/* Card inner — matches Services list Template 1 vertical card shell */
.iw-ft-shell__inner--card {
	border-radius: 20px;
	overflow: clip;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: none;
	padding: 1.25rem 1.5rem;
	transition: box-shadow 0.3s ease;
}

.iw-ft-shell__inner--plain {
	box-sizing: border-box;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}

@media (max-width: 600px) {
	.iw-ft-shell__inner--card {
		padding: 1rem 1.1rem;
	}
}