/* KDW — Official Videos hub. See inc/video-hub.php. Inert without .kdw-vh in the page. */
.kdw-vh{--vh-green:#17d17b;--vh-gold:#e8c96f;--vh-line:#1f2f3a;--vh-fg:#eef2f5;--vh-muted:#8fa1ad;--vh-play:clamp(64px,13.5vw,156px);--vh-pa:.40;--vh-more-fg:#1f1503;--vh-more-h:64px;--vh-gold-1:#f3d98a;--vh-gold-2:#c9a84c;--vh-gold-3:#a8832a;--vh-gold-fg:#1a1203;
  margin:32px 0;padding:clamp(14px,3vw,24px);border:1px solid var(--vh-line);border-radius:14px;background:#0f1a22;color:var(--vh-fg);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:16px;line-height:1.5;box-sizing:border-box;
  display:flex;flex-direction:column;gap:20px;text-align:left}
.kdw-vh *,.kdw-vh *::before,.kdw-vh *::after{box-sizing:border-box}
.kdw-vh .kdw-vh-title{display:block!important;margin:0!important;padding:0!important;border:0!important;color:var(--vh-fg)!important;
  font-family:inherit!important;font-weight:800;font-size:clamp(24px,4vw,32px)!important;line-height:1.15;letter-spacing:.01em;text-transform:none}
.kdw-vh .kdw-vh-title em{font-style:normal;color:var(--vh-green)!important}
.kdw-vh-grid{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
.kdw-vh-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.kdw-vh-card[hidden]{display:none!important}
/* One column, every video full width. Before the script takes over only the first 2 show. No JS: everything shows. */
.kdw-vh-js .kdw-vh-grid:not(.is-init)>.kdw-vh-card:nth-child(n+3){display:none}
.kdw-vh-js .kdw-vh-grid.is-init>.kdw-vh-card:not(.is-shown){display:none}
.kdw-vh-card.is-new{animation:kdwVhIn .45s ease both}
@keyframes kdwVhIn{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
.kdw-vh .kdw-vh-btn,.kdw-vh .kdw-vh-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:10px;overflow:hidden;background:#05070a;
  cursor:pointer;color:#fff!important;text-decoration:none!important}
.kdw-vh .kdw-vh-frame{cursor:auto}
.kdw-vh .kdw-vh-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kdw-vh .kdw-vh-thumb{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform .5s ease,filter .3s}
.kdw-vh .kdw-vh-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,10,.15) 35%,rgba(5,7,10,.7));pointer-events:none}
.kdw-vh .kdw-vh-btn:hover .kdw-vh-thumb{transform:scale(1.04);filter:brightness(1.08)}
.kdw-vh .kdw-vh-btn:focus-visible,.kdw-vh .kdw-vh-more:focus-visible{outline:3px solid var(--vh-fg);outline-offset:3px}
.kdw-vh .kdw-vh-tag{position:absolute;right:10px;top:10px;z-index:3;padding:3px 9px;border-radius:5px;background:rgba(10,12,16,.82);
  color:var(--vh-green);font-weight:800;font-size:13px;letter-spacing:.08em;line-height:1.3}
/* TRAILER / TEASER: gold-gradient chip, dark bold text (>=5.5:1 on the darkest gold stop), readable over light or dark covers. */
.kdw-vh .kdw-vh-card[data-tag="TRAILER"] .kdw-vh-tag,.kdw-vh .kdw-vh-card[data-tag="TEASER"] .kdw-vh-tag{color:var(--vh-gold-fg);background:linear-gradient(135deg,var(--vh-gold-1),var(--vh-gold-2) 55%,var(--vh-gold-3));box-shadow:0 1px 3px rgba(0,0,0,.45)}
/* KDW play button — style A, GOLD SHIMMER (Sam 27 Oct 2026); the only glowing element in the section. Shimmer = a light band sliding across the gold fill. */
.kdw-vh .kdw-vh-play{position:absolute;z-index:3;left:50%;top:50%;width:var(--vh-play);height:var(--vh-play);margin:calc(var(--vh-play) / -2) 0 0 calc(var(--vh-play) / -2);
  border-radius:50%;display:grid;place-items:center;transition:transform .25s ease;
  background:linear-gradient(110deg,rgba(168,131,42,.62) 0%,rgba(201,168,76,.62) 36%,rgba(255,240,184,.9) 50%,rgba(201,168,76,.62) 64%,rgba(168,131,42,.62) 100%) 100% 0/260% 100%;
  animation:kdwVhShimmer 3.4s linear infinite;border:2px solid rgba(240,215,138,.95);color:#fff;pointer-events:none}
.kdw-vh .kdw-vh-play svg{width:38%;height:38%;margin-left:6%;position:relative;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.kdw-vh .kdw-vh-btn:hover .kdw-vh-play,.kdw-vh .kdw-vh-btn:focus-visible .kdw-vh-play{transform:scale(1.1)}
.kdw-vh .kdw-vh-play::before,.kdw-vh .kdw-vh-play::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.kdw-vh .kdw-vh-play::before{inset:0;border:2px solid var(--vh-gold-1);animation:kdwVhRing 2.4s ease-out infinite}
.kdw-vh .kdw-vh-play::after{inset:calc(var(--vh-play) * -.15);background:radial-gradient(circle,rgba(232,201,111,.5),transparent 65%);opacity:.7;animation:kdwVhBreathe 2.8s ease-in-out infinite}
@keyframes kdwVhShimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes kdwVhRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes kdwVhBreathe{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:.9;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.kdw-vh .kdw-vh-play,.kdw-vh .kdw-vh-play::before,.kdw-vh .kdw-vh-play::after,.kdw-vh-card.is-new{animation:none!important}.kdw-vh .kdw-vh-thumb,.kdw-vh .kdw-vh-play{transition:none}}
.kdw-vh .kdw-vh-cap{min-width:0}
.kdw-vh .kdw-vh-cap b{display:block;font-weight:600;font-size:clamp(16px,2.2vw,19px);line-height:1.3;color:var(--vh-fg)!important;text-wrap:balance}
.kdw-vh .kdw-vh-cap span{display:block;font-size:13.5px;color:var(--vh-muted)!important}
/* More Videos: shiny gold button. Dark brown text on gold (>=9:1). Only the sheen moves (transform/left); the play button keeps its own glow.
   Markup: .kdw-vh-l1 ("More Videos of" + .kdw-vh-n badge) + .kdw-vh-l2 (.kdw-vh-t title, .kdw-vh-s season, .kdw-vh-y year). Old markup (label text + badge) still works. */
.kdw-vh .kdw-vh-more{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:var(--vh-more-h);margin:0;padding:14px 20px;
  border:1px solid #f0d78a;border-radius:12px;background:linear-gradient(135deg,#f6e19b,#d6b25a 42%,#b08a2c 68%,#e3c36a);color:var(--vh-more-fg)!important;
  font:800 18px/1.25 Inter,system-ui,sans-serif;text-align:center;cursor:pointer;text-transform:none;letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 12px rgba(201,168,76,.3);transition:transform .15s ease,background-color .15s ease}
.kdw-vh .kdw-vh-more[hidden]{display:none!important}
.kdw-vh .kdw-vh-more:hover{background:linear-gradient(135deg,#fff0b8,#e2bf68 42%,#bb942f 68%,#ecd07c);border-color:#fff0b8;transform:translateY(-2px)}
.kdw-vh .kdw-vh-more:active{transform:translateY(1px)}
.kdw-vh .kdw-vh-more::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);
  transform:skewX(-20deg);animation:kdwVhSheen 5.5s ease-in-out infinite;pointer-events:none}
@keyframes kdwVhSheen{0%,68%{left:-40%}100%{left:130%}}
.kdw-vh .kdw-vh-ic{flex:none;width:24px;height:24px;display:grid;place-items:center;color:var(--vh-more-fg)}
.kdw-vh .kdw-vh-ic svg{width:22px;height:22px;margin:0}
.kdw-vh .kdw-vh-txt,.kdw-vh .kdw-vh-lt{min-width:0;text-wrap:balance}
.kdw-vh .kdw-vh-n{flex:none;font-weight:800;font-size:16px;padding:3px 12px;border-radius:99px;background:var(--vh-more-fg);color:var(--vh-gold-1);line-height:1.25}
/* Desktop / wide: one line, text centred, +N badge on the right (l1 dissolves so the badge can be ordered last). */
.kdw-vh .kdw-vh-l1{display:contents}
.kdw-vh .kdw-vh-lt{order:1}
.kdw-vh .kdw-vh-l2{order:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;text-align:center}
.kdw-vh .kdw-vh-l1 .kdw-vh-n{order:3}
.kdw-vh .kdw-vh-l2 .is-cut{display:none}
@media(max-width:480px){
  .kdw-vh .kdw-vh-more{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:3px;justify-content:stretch;align-items:center;text-align:left;padding:12px 14px}
  .kdw-vh .kdw-vh-more>.kdw-vh-ic{grid-column:1;grid-row:1 / span 2}
  .kdw-vh .kdw-vh-l1{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:flex-start;gap:8px;font-size:14px;font-weight:700}
  .kdw-vh .kdw-vh-l1 .kdw-vh-n{order:0;font-size:14px;padding:2px 10px}
  .kdw-vh .kdw-vh-lt{order:0}
  .kdw-vh .kdw-vh-l2{grid-column:2;grid-row:2;text-align:left;font-size:17px;font-weight:800;line-height:1.2}
  /* old markup (label text + badge only): keep the single row */
  .kdw-vh .kdw-vh-more:not(:has(.kdw-vh-l1)){display:flex;text-align:center}
}
@media(prefers-reduced-motion:reduce){.kdw-vh .kdw-vh-more{transition:none}.kdw-vh .kdw-vh-more::after{animation:none;display:none}}