/* Placeholder shown in place of a YouTube/Vimeo embed until the visitor
   opts in to loading it. Reuses the same pill-button visual language as
   .mikuni-quick-links/.mikuni-lesson-grid for consistency.

   Both the placeholder and the real iframe (once loaded) live inside
   .mikuni-video-consent, which is given a fixed aspect-ratio + position:relative
   inline (see mikuni-video-consent.php) so either child can be absolutely
   positioned to fill it -- this is what makes the video actually render at
   its intended size instead of collapsing to the browser's tiny default
   iframe size when given width:100%/height:100% against a parent with no
   explicit height. */
.mikuni-video-consent {
	position: relative;
	width: 100%;
	margin: 15px auto;
}
.mikuni-video-consent iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.mikuni-video-consent-placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #f4f7f9;
	border: 1px solid #d1dbe5;
	border-radius: 8px;
	text-align: center;
}
.mikuni-video-consent-placeholder p {
	margin: 0;
	font-size: 0.9em;
	color: #556170;
}
.mikuni-video-consent-btn {
	display: inline-block;
	padding: 8px 16px;
	background-color: #fff;
	color: #409eff;
	border: 1px solid #d1dbe5;
	border-radius: 20px;
	font-size: 0.95em;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.mikuni-video-consent-btn:hover {
	background-color: #e8f0fe;
}