/* Woodflix Help Button */
.wfhb-btn{
	--wfhb-bg-2: color-mix(in srgb, var(--wfhb-bg,#0b1a4a) 78%, #1d4ed8);
	display:inline-flex;align-items:center;gap:10px;
	padding:8px 16px 8px 8px;border-radius:999px;
	background:linear-gradient(135deg,var(--wfhb-bg,#0b1a4a) 0%,var(--wfhb-bg-2,#13286b) 100%);
	color:#fff !important;text-decoration:none !important;
	font-family:inherit;line-height:1.15;
	box-shadow:0 10px 28px -8px rgba(11,26,74,.55),0 2px 6px rgba(11,26,74,.25),inset 0 1px 0 rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.08);
	transition:transform .2s ease,box-shadow .2s ease;
	-webkit-tap-highlight-color:transparent;cursor:pointer;
}
.wfhb-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(11,26,74,.6),0 3px 8px rgba(11,26,74,.3);}
.wfhb-btn:active{transform:scale(.97);}
.wfhb-btn:focus-visible{outline:3px solid rgba(59,130,246,.6);outline-offset:3px;}

.wfhb-play{
	position:relative;flex:0 0 auto;
	width:36px;height:36px;border-radius:50%;
	display:grid;place-items:center;
	background:var(--wfhb-accent,#e50914);color:#fff;
	box-shadow:0 4px 12px -2px color-mix(in srgb,var(--wfhb-accent,#e50914) 60%,transparent);
}
.wfhb-play svg{margin-left:2px;}
.wfhb-float .wfhb-play::after{
	content:"";position:absolute;inset:-4px;border-radius:50%;
	border:2px solid var(--wfhb-accent,#e50914);opacity:0;
	animation:wfhb-pulse 2.4s ease-out 1s 4;
}
@keyframes wfhb-pulse{0%{transform:scale(.85);opacity:.7}100%{transform:scale(1.45);opacity:0}}

.wfhb-text{display:flex;flex-direction:column;min-width:0;}
.wfhb-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:2px;}
.wfhb-label{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Floating */
.wfhb-float{
	position:fixed;z-index:99990;
	bottom:calc(var(--wfhb-offset,24px) + env(safe-area-inset-bottom,0px));
	max-width:calc(100vw - 120px);
	animation:wfhb-in .5s cubic-bezier(.2,.8,.2,1) .4s both;
}
.wfhb-float.wfhb-left{left:16px;}
.wfhb-float.wfhb-right{right:16px;}
@keyframes wfhb-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Inline */
.wfhb-inline-wrap{margin:0 0 20px;}
.wfhb-inline{max-width:100%;}

/* Modal */
.wfhb-modal[hidden]{display:none !important;}
.wfhb-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;}
.wfhb-backdrop{position:absolute;inset:0;background:rgba(5,10,30,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:wfhb-fade .25s ease both;}
.wfhb-dialog{
	position:relative;width:100%;max-width:820px;
	background:#0b1430;color:#fff;border-radius:20px;overflow:hidden;
	box-shadow:0 30px 80px -20px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);
	animation:wfhb-pop .3s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes wfhb-fade{from{opacity:0}to{opacity:1}}
@keyframes wfhb-pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

.wfhb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 14px 20px;background:linear-gradient(135deg,#0b1a4a,#102a6e);}
.wfhb-head-text{min-width:0;}
.wfhb-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93b4ff;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.35);padding:4px 10px;border-radius:999px;}
.wfhb-dot{width:6px;height:6px;border-radius:50%;background:var(--wfhb-accent,#e50914);}
.wfhb-head h3{margin:8px 0 0;font-size:18px;line-height:1.3;font-weight:700;color:#fff;}
.wfhb-close{flex:0 0 auto;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s;}
.wfhb-close:hover{background:rgba(255,255,255,.14);}

.wfhb-video{position:relative;aspect-ratio:16/9;background:#000;}
.wfhb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.wfhb-loader{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;animation:wfhb-spin .8s linear infinite;}
@keyframes wfhb-spin{to{transform:rotate(360deg)}}

.wfhb-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 20px;font-size:13px;color:rgba(255,255,255,.65);}
.wfhb-yt{display:inline-flex;align-items:center;gap:6px;color:#fff !important;text-decoration:none !important;font-weight:600;background:#ff0033;padding:7px 12px;border-radius:10px;}
.wfhb-yt:hover{filter:brightness(1.08);}

html.wfhb-lock,html.wfhb-lock body{overflow:hidden !important;}

@media (max-width:480px){
	.wfhb-label{font-size:13px;}
	.wfhb-play{width:32px;height:32px;}
	.wfhb-modal{padding:10px;}
	.wfhb-dialog{border-radius:16px;}
	.wfhb-head h3{font-size:16px;}
	.wfhb-foot{justify-content:center;text-align:center;}
}
@media (prefers-reduced-motion:reduce){
	.wfhb-btn,.wfhb-float,.wfhb-dialog,.wfhb-backdrop,.wfhb-float .wfhb-play::after{animation:none !important;transition:none !important;}
}