/* K&M Invest — wspólne CTA menu mobilnego, bez ingerencji w desktop. */
@media (max-width: 1180px) {
  body.km-site-page .km-site-nav a.km-mobile-menu-cta,
  body.km-site-page .km-site-nav a.km-mobile-menu-cta:visited,
  body.km-site-page .km-site-nav a.km-mobile-menu-cta:hover,
  body.km-site-page .km-site-nav a.km-mobile-menu-cta:focus-visible,
  body.km-site-page .km-site-nav a.km-mobile-menu-cta > span {
    color: #fff !important;
  }
}

/* Pasek ukryty poza mobile. */
body.km-site-page .km-mobile-building-bar {
  display: none;
}

@media (max-width: 767px) {
  /* Wysokości paska: inwestycja z tytułem, budynki bez zbędnego nagłówka. */
  body.page-id-47.km-site-page .km-footer {
    padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.km-site-page.km-building-page .km-footer {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.km-site-page .km-mobile-building-bar {
    position: fixed;
    inset: auto 0 0;
    z-index: 900;
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    margin: 0;
    padding: 9px max(15px, env(safe-area-inset-left, 0px))
             calc(10px + env(safe-area-inset-bottom, 0px))
             max(15px, env(safe-area-inset-right, 0px));
    border-top: 1px solid rgba(163, 139, 75, .28);
    background: #fff;
    box-shadow: 0 -8px 26px rgba(44, 35, 20, .10);
    font-family: "Century Gothic", CenturyGothic, AppleGothic, Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
  }

  body.km-site-page .km-mobile-building-bar__heading {
    display: block;
    margin: 0 0 8px;
    color: #6a4533;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .095em;
    text-align: center;
    text-transform: uppercase;
  }

  /* Dokładnie ta sama geometria, typografia i strzałka, co w przyciskach
     „Znajdź swoje miejsce” (assets/building-picker.css). */
  body.km-site-page .km-mobile-building-bar__buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
    width: 100%;
  }

  body.km-site-page .km-mobile-building-bar__button {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    height: 56px;
    gap: 4px;
    padding: 0 6px 0 clamp(10px, 3.2vw, 16px);
    border: 1.5px solid #a38b4b;
    border-radius: 999px;
    background: #fff;
    color: #a38b4b;
    font-size: clamp(11px, 3.1vw, 14px);
    line-height: 1.15;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease;
  }

  body.km-site-page .km-mobile-building-bar__name {
    min-width: 0;
  }

  body.km-site-page .km-mobile-building-bar__icon {
    display: grid;
    box-sizing: border-box;
    place-items: center;
    flex: 0 0 clamp(35px, 10.5vw, 43px);
    width: clamp(35px, 10.5vw, 43px);
    height: clamp(35px, 10.5vw, 43px);
    border-radius: 50%;
    background: #a38b4b;
    color: #fff;
  }

  body.km-site-page .km-mobile-building-bar__icon svg {
    display: block;
    width: 17px;
    height: 17px;
  }

  /* Budynek 1/2: subtelne wyróżnienie aktualnie wybranego przycisku.
     Złote koło i biały znak pozostają zgodne z zatwierdzonym CTA. */
  body.km-site-page .km-mobile-building-bar__button.is-active {
    background: #f8f5f1;
    border-color: #a38b4b;
    cursor: default;
  }

  body.km-site-page .km-mobile-building-bar__button:focus-visible {
    outline: 2px solid #a38b4b;
    outline-offset: 3px;
  }

  /* Gdy otwarte jest menu lub karta lokalu, pasek nie przechwytuje dotknięć. */
  body.km-site-page.km-menu-open .km-mobile-building-bar,
  body.km-building-page.km-mobile-sheet-open .km-mobile-building-bar {
    visibility: hidden;
    pointer-events: none;
  }
}

@media (max-width: 359px) {
  body.km-site-page .km-mobile-building-bar__buttons { gap: 7px; }
  body.km-site-page .km-mobile-building-bar__button { padding-left: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  body.km-site-page .km-mobile-building-bar__button { transition: none; }
}