/* Balloon hover logo — exact .bank-logo box; static img until JS ready */

.bank-logo[data-balloon-logo] {
  flex: none;
}

/* Optical align vs “Network Bank” wordmark after balloon swap */
.bank-logo[data-balloon-logo="header"] {
  top: 1px;
}

.bank-logo[data-balloon-logo="footer"] {
  top: 2px;
}

.bank-logo[data-balloon-logo] > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.35s ease;
}

.bank-logo .balloon-icon--site {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  overflow: visible;
}

.bank-logo.is-balloon-ready > img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.bank-logo.is-balloon-ready .balloon-icon--site {
  opacity: 1;
  pointer-events: auto;
}

/* Lab / experiment: [data-balloon-icon] mount (animations.html) */
[data-balloon-icon] {
  position: relative;
  overflow: visible;
}

[data-balloon-icon] > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.35s ease;
}

[data-balloon-icon] .balloon-icon--iconography {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  overflow: visible;
}

[data-balloon-icon].is-balloon-ready > img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

[data-balloon-icon].is-balloon-ready .balloon-icon--iconography {
  opacity: 1;
  pointer-events: auto;
}

/* Footer: arrow cursor on text/logo; keep pointer/text on controls */
.bank-footer,
.bank-footer * {
  cursor: default;
}

.bank-footer a,
.bank-footer a *,
.bank-footer button,
.bank-footer button *,
.bank-footer label,
.bank-footer [role="button"],
.bank-footer [role="button"] *,
.bank-footer input[type="submit"],
.bank-footer input[type="button"],
.bank-footer input[type="image"],
.bank-footer input[type="checkbox"],
.bank-footer input[type="radio"],
.bank-footer select,
.bank-footer .w-button,
.bank-footer .footer-form-submit,
.bank-footer .footer-social-link,
.bank-footer .footer-social-link * {
  cursor: pointer;
}

.bank-footer input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.bank-footer textarea {
  cursor: text;
}