/* Best of Flag 2026 footer banner: medallions left, site buttons centre, vote plaque + 2026 medallion right.
   Sits in the existing fixed .footer, under the copyright line. --bh drives every size. */
.footer{height:auto !important;overflow:visible !important;left:0;right:0;padding-bottom:10px !important}
.footer .hero_header{display:none}

.voteFoot{--bh:116px;position:relative;width:min(1160px,96vw);height:var(--bh);margin:6px auto 0;
  border:3px solid #1d1d1b;border-radius:16px;overflow:hidden;box-sizing:border-box;
  background:#f6eedd url(../images/vote/sunburst.jpg) center bottom/cover no-repeat;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:calc(var(--bh)*.12);padding:0 calc(var(--bh)*.14)}
.vfLeft{justify-self:stretch;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:calc(var(--bh)*.2)}
.vfLogo{display:block;min-width:0;flex:0 1 auto;height:calc(var(--bh)*.46);width:auto;max-width:100%;object-fit:contain;object-position:left center}
.vfLeft .vfMedals{margin-right:calc(var(--bh)*.22)}
.vfVote{justify-self:end}

.vfMedals{display:flex;gap:calc(var(--bh)*.08);flex:0 0 auto}
.vfMedal{display:block;width:calc(var(--bh)*.8);height:calc(var(--bh)*.8);border-radius:50%;background:#fff;
  box-shadow:0 0 0 2px #1d1d1b;padding:calc(var(--bh)*.03);box-sizing:border-box}
.vfMedal img{display:block;width:100%;height:100%;object-fit:contain}

.vfButtons{display:flex;align-items:center;gap:6px;flex:0 0 auto;position:relative;z-index:3}
.vfButtons a{display:block;line-height:0;border-radius:12px;transition:transform .15s}
.vfButtons a:hover{transform:translateY(-2px)}
.vfButtons img{display:block;height:60px;width:auto;filter:drop-shadow(0 2px 0 rgba(29,29,27,.55))}

.vfVote{position:relative;display:flex;align-items:center;flex:0 0 auto;height:100%;text-decoration:none;padding-left:calc(var(--bh)*.36)}
.vfVote .vfPlaque{display:block;height:calc(var(--bh)*.72);width:auto}
.vfVote .vfMedal{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-6deg);
  width:calc(var(--bh)*.86);height:calc(var(--bh)*.86)}

/* Mama B: flight path is built in js/vote-footer.js from the measured layout */
.vfFly{position:absolute;z-index:4;pointer-events:none;left:0;top:0;height:calc(var(--bh)*1.0);width:auto;
  transform:translate(-200px,200px);will-change:transform}
@media (prefers-reduced-motion:reduce){.vfFly{display:none}}

/* laptop / tablet: same row, smaller */
@media (max-width:1100px){.voteFoot{--bh:96px}.vfButtons img{height:52px}}
@media (max-width:900px){.voteFoot{--bh:84px}.vfButtons img{height:48px}}
/* phone: buttons across the top; 2025 · 2024 · 2026 + plaque centred together underneath; logo drops out */
@media (max-width:760px){
  .voteFoot{--bh:62px;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
    row-gap:4px;column-gap:4px;padding:8px 6px 6px}
  .vfButtons{order:-1;flex:0 0 100%;justify-content:center;gap:5px}
  .vfButtons img{height:48px}
  .vfLeft{flex:0 0 auto}
  .vfLogo{display:none}
  .vfLeft .vfMedals{margin-right:0;gap:4px}
  .vfMedals .vfMedal{width:46px;height:46px;padding:1px}
  .vfVote{flex:0 1 auto;height:var(--bh);min-width:0;padding-left:calc(var(--bh)*.34)}
  .vfVote .vfPlaque{height:calc(var(--bh)*.74);max-width:100%;object-fit:contain}
  .vfFly{height:calc(var(--bh)*1.3)}
}