/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2009
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 9768 $
//+		$Date: 2026-02-13 17:18:22 +0100 (ven. 13 févr. 2026) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/2x/241_tgo/trunk/tpl/tpl0/css/umod/mlv/stream.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.mlv-header + .mlv-header .mlv-header__center { justify-content: space-between; align-items: center; padding: 0 20px; }
.mlv-header--fav .btnPopOver { color: #666; fill:#666; display: flex; align-items: center; background: none; border: none; padding: 0 }

.mlv-stream a.i-grid__li:hover > div { background: #D9DFF1;}
.mlv-stream_eta a.i-grid__li:hover > div { background: #D9DFF1;}
.mlv-shoot--squadvw a.i-grid__li:hover > div { background: #D9DFF1;}

.mlv-shoot--squadvw { padding: 10px 0; overflow: auto;}
.mlv-stream_eta { padding-left: 10px; overflow: auto;}

.squadVw__all { min-width: 300px; padding-left: 10px; }
.squadVw__all .i-grid__tglAll .svg__icon{fill: #979797;}
.squadVw__all .i-grid__tglAll > span{padding-left: 10px;}
.squadVw__all .i-grid__tglAll:not(.i-grid__tglAll--close) .svg__icon--close{display: none;}
.squadVw__all .i-grid__tglAll.i-grid__tglAll--close .svg__icon--open{display: none;}

input[name='fav_shooter'] { display: none;}
input[name="fav_shooter"]:checked + span .fav__ico--off,
input[name="fav_shooter"]:not(:checked) + span .fav__ico--on { display: none; }
.label_fav {  opacity:0.5; padding-left: 20px; padding-right: 20px;}
.label_fav:hover { cursor: pointer; opacity:1 }

.waitingInput{ position:fixed; z-index:10; right: 5%; bottom:130px; /*background:rgba(0,0,0, 0.2); top:0; left: 0; right:0; bottom: 0;*/ display: flex; align-items: center; justify-content: center; font-size: 1.2rem;}
.waitingInput > div{ text-align: center; background: white; border: none; border-radius: 10px; box-shadow: 3px 3px 8px 5px rgba(0, 0, 0, 0.4); padding:20px; }

.mlv-stream{ display: flex; flex-direction: column; align-items: center; padding: 10px;}
.mlv-stream video{ width: 100%; aspect-ratio: 16/9; border: none}
.mlv-stream iframe{ width: 100%; aspect-ratio: 16/9; border: none}
.mlv-stream__empty{ font-size: 16px; margin-top: 100px;}
.mlv-stream__empty img { max-width: 100%; }

.mlv-stream_eta .txt_estimate{ opacity: var(--pPrgLi, 1);  }
.mlv-stream_eta_sth { /*display: flex; justify-content: space-between; align-items: flex-end;*/ width: 100%; padding:10px 0 }

.mlv-stream_eta_fav h3 { font-size: 1.2em; margin-top: 0; }
.mlv-stream_eta_fav .label_fav { padding: 0 5px; }

.mlv-replay { padding: 10px; margin-top: 50px; }

.mlv-replay .mlv-replay__head { display: flex; justify-content: space-between; }
.mlv-replay .mlv-replay__tit { font-size: 20px; margin-bottom: 10px; color: #666; font-weight: bold; }

.mlv-replay .mlv-replay__flt { display: flex; }
.mlv-replay .mlv-replay__flt > * { padding: 0 8px; border-radius: 15px; position: relative; }
.mlv-replay .mlv-replay__flt > * span { position: relative; display: block; padding: 5px; border-radius: 20px; overflow: visible; }
.mlv-replay .mlv-replay__flt > :hover span { background: #D9DFF1; cursor: pointer; }
.mlv-replay .mlv-replay__flt input { display: none; }
.mlv-replay .mlv-replay__flt input:checked + span { background: #D9DFF1; }
.mlv-replay .mlv-replay__flt input:checked + span::after { content: ''; position: absolute; bottom: -5px; left: 8px; right: 8px; border-bottom: 2px solid #5E95DC; }

.mlv-replay .replay__ctr { display: flex; flex-wrap: wrap; justify-content: space-evenly; row-gap: 40px; column-gap: 60px; }
.mlv-replay .replay__ctn {  width: 350px; }

.mlv-replay .replay__vdo { background:#eee; }
.mlv-replay .replay__vdo video { width: 100%; display:block; }

.mlv-replay .replay__head { width: 100%; display: flex; align-items: center; column-gap: 14px; }
.mlv-replay .replay__dsc { width: 100%; display: flex; justify-content: space-between; column-gap: 10px; }
.mlv-replay .replay__dl .i-btn{ padding-top:0; }
.mlv-replay .replay__tit .svg__icon { margin-right: 2px; }

.replay__ctn--hide { display: none; }
.replay__ctn:not(.replay__ctn--fav) .replay__tit .svg__icon { display: none; }

.replay__empty { width: 100%; text-align: center; }
.replay__ctn:not(.replay__ctn--hide) ~ .replay__empty { display: none; }

@media screen and (orientation:landscape) and (max-height: 800px) {
	.mlv-stream video{ width: auto; height: calc(100dvh - var(--header__hMlv) - var(--header__hMlv) - 120px); min-height: 150px}
	.mlv-stream iframe{ width: auto; height: calc(100dvh - var(--header__hMlv) - var(--header__hMlv) - 120px); min-height: 150px}
}


@media screen and (max-width: 800px) {
	/*.mlv-stream_eta_sth { flex-direction: column; align-items: stretch; }*/
	.mlv-stream_eta_sth .i-grid__li > div { padding: 5px; }

	.mlv-stream_eta_sth .i-btn { margin-top: 10px; }
}