/* ── VIDEÓS LÁBLÉC ──
   FSE megfelelő: parts/footer.html → patterns/footer-video.php (wp:pattern "bador/footer-video")
   A figura alulról bukkan elő (lábak a lap alá vágva), szeme az egeret követi (assets/js/footer.js).
   A betűk (DM Serif Display, Poppins) és a színtokenek a témából jönnek.

   A figura geometriája a videóban (mért értékek, 1280×1280):
   - felső perem (haj) ~0.123, talpak ~0.855, vízszintes közép ~0.50
   - vágásvonal a lábak felett: 0.70 → a videó 30%-a a lap alá csúszik
   - a látható figuramagasság a lap aljától: (0.70 − 0.123) = 0.577 × méret  */

.bador-footer-video{
  --bfv-size: clamp(500px, 82svh, 880px); /* a figura négyzetének mérete */
  position:relative;isolation:isolate;overflow:hidden;
  min-height:100svh;
  padding:clamp(44px,6vw,92px) 5.25vw 32px;
  display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:32px;
  background:var(--navy);color:var(--offwhite);
  font-family:var(--sans);font-weight:300;z-index:35;
}
.bador-footer-video *{box-sizing:border-box}
.bador-footer-video .bfv-brand{
  grid-column:2;grid-row:1;align-self:start;justify-self:center;
  display:flex;align-items:center;gap:13px;
  font-family:var(--serif);font-size:clamp(32px,3.1vw,48px);letter-spacing:.01em;line-height:1.12;
  color:var(--offwhite);text-decoration:none;
}
.bador-footer-video .bfv-dot{width:10px;height:10px;border-radius:50%;background:var(--steel);flex:none}
.bador-footer-video .bfv-message{grid-column:1;grid-row:1;padding-top:8px}
.bador-footer-video .bfv-headline{
  margin:0;font-family:var(--serif);font-weight:400;
  font-size:clamp(25px,2.5vw,38px);line-height:1.18;color:var(--offwhite);
}
.bador-footer-video .bfv-headline em{
  font-style:italic;color:var(--steel);
  text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;
}
.bador-footer-video .bfv-nav{
  grid-column:3;grid-row:1;justify-self:end;
  display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:9px;
  font-size:15px;line-height:1.75;
  /* Ne öröklődjön a fejléc nav sávjának stílusa (sticky, világos háttér). */
  position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
  border:0;height:auto;
}
.bador-footer-video .bfv-nav a{color:var(--offwhite);text-decoration:none;transition:color .2s}
.bador-footer-video .bfv-nav a:hover{color:var(--steel)}

/* Jogi sor — közvetlenül a felső tartalom alatt, középen. */
.bador-footer-video .bfv-legal{
  grid-column:1/-1;grid-row:2;align-self:start;justify-self:center;
  margin:18px 0 0;padding:0 5.25vw;text-align:center;
  font-size:12.5px;line-height:1.75;color:rgba(245,242,236,.62);
}

/* A figura videója — alulra rögzítve, a lábak a lap alá vágva. */
.bador-footer-video .bfv-bg{
  position:absolute;left:50%;transform:translateX(-50%);
  bottom:calc(var(--bfv-size) * -0.30);
  width:var(--bfv-size);height:var(--bfv-size);
  z-index:-1;pointer-events:none;
}
.bador-footer-video .bfv-bg video{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
/* A videó négyzetes élét a pontos oldal-navy mossa el minden látható oldalon.
   Fontos: átlátszó navy (rgba …,0), nem a "transparent" kulcsszó, különben a
   színátmenet a fekete felé húzna és sötét sávot adna. A figura középen marad
   (vízszintesen a 15–85%, felül a 11% zónán belül semmi nincs belőle). */
.bador-footer-video .bfv-bg::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to right,  var(--navy) 0%, rgba(8,32,91,0) 15%, rgba(8,32,91,0) 85%, var(--navy) 100%),
    linear-gradient(to bottom, var(--navy) 0%, rgba(8,32,91,0) 11%);
}

@media(max-width:700px){
  .bador-footer-video{
    --bfv-size:min(126vw, 88svh);
    display:flex;flex-direction:column;gap:30px;min-height:100svh;
    padding:36px 24px 0;
  }
  .bador-footer-video .bfv-brand{align-self:flex-start;font-size:36px;gap:10px;order:0}
  .bador-footer-video .bfv-dot{width:8px;height:8px}
  .bador-footer-video .bfv-message{padding:0;order:1}
  .bador-footer-video .bfv-headline{font-size:clamp(28px,7.3vw,38px);line-height:1.2}
  .bador-footer-video .bfv-nav{
    display:grid;grid-template-columns:1fr 1fr;gap:0 20px;width:100%;padding:0;font-size:15px;order:2;
  }
  .bador-footer-video .bfv-nav a{display:flex;align-items:center;min-height:44px}
  .bador-footer-video .bfv-legal{order:3;align-self:auto;justify-self:auto;margin:2px 0 0;padding:0;text-align:left;font-size:11px}
}