/* 789win Shorts — archive grid + single Reels feed (v1.1.1) */

/* ---------- Archive: card grid (classic) ---------- */
.win789-shorts-archive{padding:20px 0 40px}
.win789-shorts-archive .shorts-head h1{margin-bottom:.4em}
.win789-shorts-archive .shorts-intro{max-width:720px;opacity:.85}
.shorts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){.shorts-grid{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(min-width:960px){.shorts-grid{grid-template-columns:repeat(5,1fr)}}
.short-card__link{display:block;color:inherit;text-decoration:none}
.short-card__media{position:relative;display:block;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#111}
.short-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.short-card__link:hover img{transform:scale(1.04)}
.short-card__play{position:absolute;inset:auto 8px 8px auto;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.short-card__title{font-size:14px;line-height:1.35;margin:6px 2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shorts-empty{opacity:.8}

/* ---------- Single: SEO title visually hidden; Reels feed ---------- */
.win789-reels-seo{
	position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

.single-shorts #footer,
.single-shorts .footer-wrapper,
.single-shorts footer.footer,
.single-shorts .footer-widgets,
.single-shorts .absolute-footer{display:none!important}

.win789-shorts-reels-page{
	position:relative;padding:0;margin:0;background:#0a0a0a;
	min-height:calc(100dvh - var(--win789-header-h,80px))
}

.win789-reels{
	--win789-header-h:80px;position:relative;
	height:calc(100dvh - var(--win789-header-h));
	max-height:calc(100dvh - var(--win789-header-h));
	overflow-x:hidden;overflow-y:auto;
	scroll-snap-type:y mandatory;overscroll-behavior-y:contain;
	-webkit-overflow-scrolling:touch;background:#0a0a0a;outline:none;scrollbar-width:none
}
.win789-reels::-webkit-scrollbar{display:none}
.win789-reels__slide{
	position:relative;height:100%;min-height:100%;
	scroll-snap-align:start;scroll-snap-stop:always;
	display:flex;align-items:center;justify-content:center;background:#0a0a0a
}
.win789-reels__stage{
	position:relative;width:min(100%,calc((100dvh - var(--win789-header-h))*9/16));
	max-width:480px;height:100%;max-height:100%;margin:0 auto;
	display:flex;align-items:center;justify-content:center
}
.win789-reels__player{
	position:relative;width:100%;aspect-ratio:9/16;max-height:100%;
	border-radius:12px;overflow:hidden;background:#000;
	box-shadow:0 8px 32px rgba(0,0,0,.45)
}
.win789-reels__player iframe,.win789-reels__poster{
	position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover
}
.win789-reels__player.is-ready .win789-reels__poster{opacity:0;pointer-events:none;transition:opacity .25s}
.win789-reels__meta{
	position:absolute;left:0;right:0;bottom:0;padding:48px 16px 20px;
	background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;z-index:2;pointer-events:none
}
.win789-reels__meta a{pointer-events:auto}
.win789-reels__title{
	margin:0 0 6px;font-size:16px;line-height:1.35;font-weight:600;color:#fff;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.win789-reels__info{margin:0 0 10px;font-size:12px;opacity:.75}
.win789-reels__yt{
	display:inline-block;padding:6px 12px;border-radius:999px;background:#ff0000;
	color:#fff!important;font-size:12px;text-decoration:none
}
.win789-reels__nav{
	position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;
	display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none
}
.win789-reels__btn{
	pointer-events:auto;width:40px;height:40px;border-radius:50%;
	border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);
	color:#fff;font-size:16px;cursor:pointer;line-height:1
}
.win789-reels__btn:hover,.win789-reels__btn:focus{background:rgba(255,255,255,.2);outline:none}
.win789-reels__hint{
	margin:4px 0 0;font-size:10px;color:rgba(255,255,255,.55);
	writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em
}
.win789-reels__empty{color:#ccc;text-align:center;padding:48px 16px}
@media(max-width:599px){
	.win789-reels{--win789-header-h:70px}
	.win789-reels__stage{width:100%;max-width:none}
	.win789-reels__player{border-radius:0;aspect-ratio:auto;height:100%;max-height:100%}
	.win789-reels__nav{right:8px}
	.win789-reels__hint{display:none}
}