@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('/fonts/BricolageGrotesque/BricolageGrotesque-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('/fonts/BricolageGrotesque/BricolageGrotesque-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('/fonts/BricolageGrotesque/BricolageGrotesque-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

.custom-infowindow {
    font-family: 'Bricolage Grotesque', sans-serif;
    max-width: 240px;
    width: 240px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.custom-infowindow img {
    width: 100%;
    height: 105px;
    border-radius: 10px;
    object-fit: cover;
}

/* Style the content container */
.gm-style-iw {
  font-family: 'Bricolage Grotesque', sans-serif;
  padding: 0;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}

/* Remove the tip pointer */
.gm-style-iw-t {
  /* display: none !important; */
}

/* Optional: remove the background shadow box */
.gm-style .gm-style-iw-c {
  box-shadow: 0px 0px 2rem rgba(0,0,0,0.25) !important;
  border-radius: 12px;
}