/* The Blanche - CookieAdmin-controlled Instagram embed. */

.bl-ig-embed{
	width:100%;
	max-width:32rem;
	margin:2.25rem auto;
}

.bl-ig-embed__placeholder{
	min-height:22rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	gap:0;
	padding:3rem 2rem;
	background:#F8F5F1;
	border:1px solid #B1E1EE;
	border-radius:4px;
	color:#000E25;
}

.bl-ig-embed__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.75rem;
	height:2.75rem;
	margin:0 0 1.15rem;
	color:#000E25;
}

.bl-ig-embed__title{
	margin:0;
	font-family:'Source Serif 4',serif;
	font-size:1.55rem;
	font-weight:400;
	line-height:1.15;
	color:#000E25;
}

.bl-ig-embed__message{
	max-width:25rem;
	margin:0.9rem auto 0;
	font-family:'Inter',sans-serif;
	font-size:0.9rem;
	font-weight:400;
	line-height:1.6;
	color:#000E25;
}

.bl-ig-embed__preferences{
	margin:1.35rem 0 0;
	padding:0.7rem 1.15rem;
	font-family:'Inter',sans-serif;
	font-size:0.82rem;
	font-weight:500;
	line-height:1.2;
	color:#FFFFFF;
	background:#000E25;
	border:1px solid #000E25;
	border-radius:4px;
	cursor:pointer;
	transition:opacity 180ms ease,transform 180ms ease;
}

.bl-ig-embed__preferences:hover{
	opacity:0.88;
}

.bl-ig-embed__preferences:active{
	transform:translateY(1px);
}

.bl-ig-embed__preferences:focus-visible,
.bl-ig-embed__fallback:focus-visible{
	outline:2px solid #1FA7DB;
	outline-offset:3px;
}

.bl-ig-embed__note{
	max-width:24rem;
	margin:1rem auto 0;
	font-family:'Inter',sans-serif;
	font-size:0.7rem;
	font-weight:400;
	line-height:1.5;
	color:#000E25;
	opacity:0.58;
}

.bl-ig-embed__fallback{
	margin:0.55rem auto 0;
	font-family:'Inter',sans-serif;
	font-size:0.72rem;
	line-height:1.4;
	color:#000E25;
	opacity:0.66;
	text-decoration:underline;
	text-underline-offset:0.16em;
}

.bl-ig-embed__fallback:hover{
	opacity:1;
}

/* The old server-rendered activation control is replaced by JS immediately. */
.bl-ig-embed__activate,
.bl-ig-embed__label{
	display:none;
}

/* Auto-mode shortcodes are still consent-gated client-side. */
.bl-ig-embed--auto:not(.is-consent-granted) > .instagram-media{
	display:none !important;
}

.bl-ig-embed.is-consent-granted .bl-ig-embed__placeholder{
	display:none;
}

.bl-ig-embed .instagram-media{
	margin:0 auto !important;
	max-width:100% !important;
}

@media(max-width:767px){
	.bl-ig-embed{
		max-width:100%;
		margin:1.75rem auto;
	}
	.bl-ig-embed__placeholder{
		min-height:18rem;
		padding:2.25rem 1.25rem;
	}
	.bl-ig-embed__title{
		font-size:1.4rem;
	}
	.bl-ig-embed__message{
		font-size:0.86rem;
	}
}

@media(prefers-reduced-motion:reduce){
	.bl-ig-embed__preferences{
		transition:none;
	}
}