/* WFU YouTube carousel: the player that follows visitors (WorkflowUnity LLC). Theme tokens with Look B fallbacks.
   pinned = laid over its spot on the page; mini = bottom-right corner (a slim bar above the bottom edge on phones);
   data-size="big" = the larger corner player. The iframe never moves in the DOM; only these styles change.
   --wfu-dock-b: height of fixed bars at the bottom to stay above (set by the script); --wfu-dock-h: the dock's height,
   so themes can lift their own corner buttons: html.wfu-ytc-docked .x{bottom:calc(var(--wfu-dock-h) + ...)}. */
.wfu-ytc-dock{--d-surface:var(--surface,#181B23);--d-line:var(--line,#2C313C);--d-ink:var(--ink,#FFFFFF);--d-muted:var(--muted,#C9CDD6);--d-acc:var(--accent,#E1B04B);--d-live:#E5383B;position:absolute;z-index:5;overflow:hidden;background:#000;color:var(--d-ink)}
.wfu-ytc-dock[hidden]{display:none!important}
.wfu-ytc-dock-video{position:absolute;inset:0}
.wfu-ytc-dock-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.wfu-ytc-dock-bar{display:none}
.wfu-ytc-dock-btn [hidden],.wfu-ytc-dock [hidden]{display:none!important}

/* Mini (desktop): 16:9 video with a slim bar under it, bottom-right. */
.wfu-ytc-dock:not([data-mode="pinned"]){position:fixed;right:20px;bottom:calc(var(--wfu-dock-b,0px) + 20px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100vw - 32px));height:auto;z-index:19;border-radius:14px;background:var(--d-surface);box-shadow:0 0 0 1px var(--d-line),0 18px 50px rgba(0,0,0,.55);display:flex;flex-direction:column}
.wfu-ytc-dock:not([data-mode="pinned"])[data-size="big"]{width:min(640px,calc(100vw - 32px))}
.wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-video{position:relative;inset:auto;aspect-ratio:16/9;background:#000}
.wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:8px 6px 4px 12px;min-height:48px}
.wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-meta{flex:1 1 100%}
.wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-btns{margin-left:auto}
.wfu-ytc-dock-meta{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}
.wfu-ytc-dock-title{font:600 .92rem/1.25 var(--font-body,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wfu-ytc-dock-live{flex:0 0 auto;background:var(--d-live);color:#fff;font:700 .7rem/1 var(--font-body,inherit);letter-spacing:.12em;text-transform:uppercase;padding:.45em .55em;border-radius:4px}
.wfu-ytc-dock-btns{display:flex;gap:4px;flex:0 0 auto}
.wfu-ytc-dock-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:44px;height:44px;padding:0 10px;border-radius:10px;border:0;background:transparent;color:var(--d-ink);font:600 .85rem/1 var(--font-body,inherit);cursor:pointer}
.wfu-ytc-dock-btn:hover{background:rgba(255,255,255,.08)}
.wfu-ytc-dock-btn:focus-visible{outline:3px solid var(--focus,var(--d-acc));outline-offset:-3px}
.wfu-ytc-dock-btn svg{display:block;flex:0 0 auto}

/* Phones: a slim bar above the bottom edge. Small video on the left, title, then bigger/close. */
@media(max-width:599px){
  .wfu-ytc-dock:not([data-mode="pinned"]){left:8px;right:8px;width:auto;bottom:calc(var(--wfu-dock-b,0px) + 8px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:stretch;border-radius:12px}
  .wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-video{flex:0 0 120px;width:120px;height:68px;aspect-ratio:auto}
  .wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-bar{flex:1 1 auto;flex-wrap:nowrap;min-width:0;padding:4px 4px 4px 10px;min-height:68px}
  .wfu-ytc-dock:not([data-mode="pinned"]) .wfu-ytc-dock-meta{flex:1 1 auto}
  .wfu-ytc-dock:not([data-mode="pinned"])[data-size="big"]{flex-direction:column}
  .wfu-ytc-dock:not([data-mode="pinned"])[data-size="big"] .wfu-ytc-dock-video{flex:0 0 auto;width:100%;height:auto;aspect-ratio:16/9}
  .wfu-ytc-dock:not([data-mode="pinned"])[data-size="big"] .wfu-ytc-dock-bar{min-height:48px}
  html.wfu-ytc-docked body{padding-bottom:calc(var(--wfu-dock-b,0px) + var(--wfu-dock-h,0px) + 16px)!important}
}
@media(prefers-reduced-motion:no-preference){.wfu-ytc-dock:not([data-mode="pinned"]){animation:wfu-ytc-dock-in .2s ease-out}}
@keyframes wfu-ytc-dock-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.wfu-ytc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
@media print{.wfu-ytc-dock{display:none!important}}

/* 0.3.0 keyboard order (review 10-29 L7): "Go to the video player" at the spot, shown on focus; "Back to the page" in the dock */
.wfu-ytc-skip{position:absolute;left:8px;top:8px;z-index:5;padding:10px 16px;border-radius:999px;background:#14161B;color:#fff;font-weight:600;text-decoration:none;transform:translateY(-200%);opacity:0}
.wfu-ytc-skip:focus,.wfu-ytc-skip:focus-visible{transform:none;opacity:1;outline:3px solid #fff;outline-offset:2px}
.wfu-ytc-dock-back{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.wfu-ytc-dock-back:focus,.wfu-ytc-dock-back:focus-visible{position:static;width:auto;height:auto;clip:auto;margin:0;padding:6px 12px;border-radius:999px;background:#fff;color:#14161B;font-weight:600}