/*
 * Business Voice Public Details HF66
 * Premium social brand-vector rendering + TikTok.
 */

/* Override old theme social geometry so no inherited icon crop/stroke survives. */
.socials .bv-premium-social{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:50%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 3px 10px rgba(0,0,0,.13)!important;
  transform:translateZ(0);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

.socials .bv-premium-social::before,
.socials .bv-premium-social::after{
  content:none!important;
  display:none!important;
}

.socials .bv-premium-social:hover,
.socials .bv-premium-social:focus-visible{
  transform:translateY(-1px)!important;
  filter:brightness(1.06);
  box-shadow:0 7px 16px rgba(0,0,0,.18)!important;
  outline:2px solid rgba(255,255,255,.35);
  outline-offset:2px;
}

.socials .bv-brand-svg{
  width:16px!important;
  height:16px!important;
  min-width:0!important;
  max-width:none!important;
  display:block!important;
  overflow:visible!important;
  fill:currentColor;
  stroke:none;
  color:#fff!important;
  shape-rendering:geometricPrecision;
  vector-effect:non-scaling-stroke;
}

/* Platform backgrounds use semantic ownership rather than nth-child positions. */
.socials .bv-premium-social--instagram{
  background:linear-gradient(135deg,#833ab4 0%,#c13584 40%,#fd1d1d 70%,#fcb045 100%)!important;
}
.socials .bv-premium-social--facebook{background:#1877f2!important}
.socials .bv-premium-social--x{background:#050505!important}
.socials .bv-premium-social--youtube{background:#ff0033!important}
.socials .bv-premium-social--threads{background:#111!important}
.socials .bv-premium-social--tiktok{background:#050505!important}
.socials .bv-premium-social--linkedin{background:#0a66c2!important}

/* Optical fit. Nothing is clipped; each mark stays inside its own viewBox. */
.socials .bv-premium-social--instagram .bv-brand-svg{width:16px!important;height:16px!important}
.socials .bv-premium-social--facebook .bv-brand-svg{width:17px!important;height:17px!important}
.socials .bv-premium-social--x .bv-brand-svg{width:14px!important;height:14px!important}
.socials .bv-premium-social--youtube .bv-brand-svg{width:17px!important;height:17px!important}
.socials .bv-premium-social--threads .bv-brand-svg{width:16px!important;height:16px!important}
.socials .bv-premium-social--linkedin .bv-brand-svg{width:15px!important;height:15px!important}
.socials .bv-premium-social--tiktok .bv-brand-svg{width:15px!important;height:15px!important}

/* TikTok's recognizable cyan/red offset treatment. */
.socials .bv-tiktok-main{fill:#fff}
.socials .bv-tiktok-shadow{opacity:.95}
.socials .bv-tiktok-shadow--cyan{
  fill:#25f4ee;
  transform:translate(-.55px,.35px);
}
.socials .bv-tiktok-shadow--red{
  fill:#fe2c55;
  transform:translate(.55px,-.35px);
}

/* Footer gets slightly larger premium touch targets. */
.socials--footer .bv-premium-social{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex-basis:32px!important;
}

/* Kill old position-based backgrounds after the premium classes are applied. */
.socials a:nth-child(1),
.socials a:nth-child(2),
.socials a:nth-child(3),
.socials a:nth-child(4),
.socials a:nth-child(5),
.socials a:nth-child(6),
.socials a:nth-child(7){
  background-image:none;
}

@media(max-width:1180px) and (min-width:961px){
  .topbar .socials{gap:6px}
  .topbar .socials .bv-premium-social{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex-basis:28px!important;
  }
}

/* Bank details from HF65 are preserved. */
.bv-bank-details-hf65{
  margin:18px 0;
  padding:18px 20px;
  border:1px solid #dce5ec;
  border-left:4px solid #b41634;
  border-radius:12px;
  background:#fff;
  color:#172b42;
  box-shadow:0 10px 26px rgba(7,29,49,.07);
}
.bv-bank-details-hf65__head{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.bv-bank-details-hf65__mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:#071d31;color:#f4b223;font-size:20px;font-weight:800}
.bv-bank-details-hf65__eyebrow{display:block;margin-bottom:3px;color:#a1081d;font-size:10.5px;line-height:1.2;font-weight:800;letter-spacing:.08em}
.bv-bank-details-hf65 h3{margin:0;color:#071d31;font-size:18px;line-height:1.25;font-weight:800}
.bv-bank-details-hf65 dl{margin:0;display:grid;gap:8px}
.bv-bank-details-hf65 dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px;align-items:start;padding-top:8px;border-top:1px solid #edf1f5}
.bv-bank-details-hf65 dt{color:#607386;font-size:12px;line-height:1.45;font-weight:700}
.bv-bank-details-hf65 dd{margin:0;color:#172b42;font-size:13px;line-height:1.45;font-weight:800;overflow-wrap:anywhere}
.bv-bank-details-hf65__account{font-size:17px!important;letter-spacing:.045em;color:#a1081d!important}

@media(max-width:640px){
  .bv-bank-details-hf65{padding:16px}
  .bv-bank-details-hf65 dl>div{grid-template-columns:1fr;gap:2px}
}