/* G&F Immoinvest — Brand Color Overrides
   Replaces VistaHaven template accent colors with G&F brand palette.
   Loaded last, after all Webflow CSS files. */

:root {
  --color-green: #293A6D;   /* G&F navy — replaces bright green #66fc75 */
  --yellow: #ACBCDD;        /* G&F steel blue — replaces yellow #f7c547  */
}

/* ── Logo size — navbar (5.72:1 landscape, logo-head.svg) ──────────────────
   12rem → ~34px tall, clearly visible in navbar. */
.brand-logo:not(.footer) .full.brand-logo-image {
  width: 15rem;
}
@media (max-width: 991px) {
  .brand-logo:not(.footer) .full.brand-logo-image {
    width: 9rem;
  }
}
@media (max-width: 479px) {
  .brand-logo:not(.footer) .full.brand-logo-image {
    width: 7rem;
  }
}

/* ── Logo size — footer (1.45:1 near-square, logo-footer.svg) ───────────────
   7rem → ~77px tall. The footer column layout (flex-column, 1.5rem gap)
   gives natural breathing room between logo and contact text below. */
.brand-logo.footer .full.brand-logo-image {
  width: 7rem;
}

/* ── Hero featured agent avatars ─────────────────────────────────────────────
   .full uses object-fit: fill by default — distorts portrait photos.
   Override to cover so face is cropped cleanly into the circle. */
.client-avator img {
  object-fit: cover;
}

/* ── Team agent contact icons ────────────────────────────────────────────────
   Webflow default: dark bg (#2c2c2c) + dark icon → black-on-black, invisible.
   Fix: G&F navy background with white icons. */
.social-icon-wrap.agent {
  background-color: var(--color-green);
}
.social-icon-wrap.agent .icon-size-normal {
  color: white;
}