/*
 * custom_video.css - Ensure embedded iframes fill the ratio container
 * 建立日期: 2026-05-21 16:00
 * 修改日期: 2026-05-21 22:57
 */



.ratio iframe {
    display: block;
    /* 取消 inline 空白 */
    width: 100% !important;
    height: 100% !important;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}


/* 新增直式比例類別 - 2026-05-21 17:15 */
.ratio-portrait {
    --bs-aspect-ratio: 120%;
    overflow: hidden;
    /* 防止上下留白 */
}

/* 強制設定直式比例的 padding-top，覆寫預設 */
.ratio-portrait::before {
    padding-top: 120% !important;
}

/* 讓直式影片 iframe 自動填滿並垂直置中裁剪，達成 object-fit: cover 效果，完美消除所有上下左右留白 - 2026-05-21 23:20 */
.ratio-portrait iframe {
    width: 100% !important;
    height: 148.15% !important;
    top: -24.07% !important;
    left: 0 !important;
}

/* 若在 .ratio 內還有其他子容器（例如 .ratio-portrait） */
.ratio-portrait .ratio {
    --bs-aspect-ratio: 120%;
}