/* Static-site additions for herz-gefaesse.berlin (loaded after the theme CSS). */

/* Single hero image (replaces the Revolution Slider). Mirrors the slider band:
   full width, ~500px tall, image covers. */
.hg-hero {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  background: #fff;
}
.hg-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: cover;
  object-position: center;
}

/* Spam honeypot — visually hidden, kept in the accessibility tree as hidden. */
.hg-hp {
  position: absolute !important;
  left: -5000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Google Maps click-to-load (DSGVO Zwei-Klick-Lösung): no Google request until consent. */
.hg-map {
  position: relative;
  width: 100%;
  min-height: 450px;
  background: #eef1f4 url("/wp-content/uploads/2022/03/hertUndGefaessePulse.svg") center 32% / 96px no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hg-map iframe { display: block; }
.hg-map-consent {
  max-width: 30em;
  margin: 1.5em;
  padding: 1.2em 1.4em;
  text-align: center;
  cursor: pointer;
  border: 1px solid #c3ccd6;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  font: inherit;
  color: #3a4654;
}
.hg-map-consent:hover { background: #fff; border-color: #708eb0; }
.hg-map-title { display: block; font-weight: 700; font-size: 1.05em; margin-bottom: 0.4em; }
.hg-map-note { display: block; font-size: 0.82em; line-height: 1.4; color: #5d6b7a; }
.hg-map-note a { text-decoration: underline; }