/**
 * Media Section - YouTube 影片響應式樣式
 * 獨立於主樣式表，避免外部廠商更新時被覆蓋
 */

/* index.html - media section */
section.media .movie-wrapper {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 1370px;
	padding-top: 100px;
	z-index: 1;
}

/* iebe.html - iebemovie section */
section.iebemovie .movie-wrapper {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 1370px;
	padding-top: 60px;
	z-index: 1;
}

/* 影片容器 */
section.media .video-container,
section.iebemovie .video-container {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 1368 / 770;
	overflow: hidden !important;
	cursor: pointer;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 預覽圖片 */
section.media .cover-img,
section.iebemovie .cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 播放按鈕圖示 */
section.media .play-icon,
section.iebemovie .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: auto;
	transition: transform 0.3s ease;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));
}

section.media .video-container:hover .play-icon,
section.iebemovie .video-container:hover .play-icon {
	transform: translate(-50%, -50%) scale(1.1);
}

/* YouTube iframe - 消除左邊黑線 */
section.media .video-container iframe,
section.iebemovie .video-container iframe {
	position: absolute !important;
	top: 0 !important;
	left: -3px !important;
	width: calc(100% + 6px) !important;
	height: 100% !important;
	border: none !important;
	box-sizing: border-box !important;
	outline: none !important;
	box-shadow: none !important;
}

/* 響應式 - 小於等於1600 */
@media (max-width: 1600px) {

	section.media .movie-wrapper,
	section.iebemovie .movie-wrapper {
		padding-top: 50px;
	}

	section.media .play-icon,
	section.iebemovie .play-icon {
		width: 100px;
	}
}

/* 手機版 */
@media (max-width: 720px) {

	section.media .play-icon,
	section.iebemovie .play-icon {
		width: 80px;
	}
}