/* Twitter Video Embed Block - プラグイン専用スタイル */
.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper,
.twitter-video-embed-wrapper {
	margin: 20px 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .twitter-video-embed,
.twitter-video-embed-wrapper .twitter-video-embed {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	display: block;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper video.twitter-video-embed,
.twitter-video-embed-wrapper video.twitter-video-embed {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
}

/* MediaElement.jsのスタイルは、このプラグインのラッパー内でのみ適用 */
.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-container,
.twitter-video-embed-wrapper .mejs-container {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 200px;
	box-sizing: border-box;
	position: relative;
	border-radius: 8px !important;
	overflow: hidden !important;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-container::before,
.twitter-video-embed-wrapper .mejs-container::before {
	content: '';
	display: block;
	padding-top: 56.25%; /* 16:9 aspect ratio */
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-container > .mejs-inner,
.twitter-video-embed-wrapper .mejs-container > .mejs-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px !important;
	overflow: hidden !important;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-mediaelement,
.twitter-video-embed-wrapper .mejs-mediaelement {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	box-sizing: border-box;
	position: relative;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-video,
.twitter-video-embed-wrapper .mejs-video {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	box-sizing: border-box;
	position: relative;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-video video,
.twitter-video-embed-wrapper .mejs-video video {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	object-fit: contain;
	border-radius: 8px;
}

.wp-block-twitter-video-embed-twitter-video .twitter-video-embed-wrapper .mejs-controls,
.twitter-video-embed-wrapper .mejs-controls {
	border-radius: 0 0 8px 8px !important;
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}