/* ======================================================
   CONTACT — TEXT (KANON)
   MOBILE FIRST
   Scope: .section-contact-map
====================================================== */

/* --------------------------------------
   Tekst główny (telefon / email)
-------------------------------------- */

.section-contact-map .contact-col .contact-text {
  flex: 1;
  font-size: 1.05rem;
  line-height: 1.4;
  font-weight: 500; /* mobile */
}

/* ======================================================
   KONTAKT — HOVER / FOCUS
   Poprawa kontrastu tekstu
====================================================== */

.section-contact-map .contact-item:hover,
.section-contact-map .contact-item:focus-visible {
  background: rgba(255, 255, 255, 0.06);
}

/* 🔑 zawsze jasny tekst na hover */
.section-contact-map .contact-item:hover .contact-text,
.section-contact-map .contact-item:hover .contact-meta,
.section-contact-map .contact-item:hover .contact-meta--desc,
.section-contact-map .contact-item:focus-visible .contact-text,
.section-contact-map .contact-item:focus-visible .contact-meta,
.section-contact-map .contact-item:focus-visible .contact-meta--desc {
  color: #f8fafc;
}

/* ======================================================
   CONTACT — META (KONTEKST: CONTACT MAP)
   🔑 TU JEST JEDYNE MIEJSCE STYLOWANIA
====================================================== */

.section-contact-map .contact-meta--name {
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.75;
  line-height: 1.2;
  margin-bottom: 4px;
}

/* ======================================================
   CONTACT — OSOBY (MOBILE)
   Ikona | treść | strzałka
====================================================== */

.section-contact-map .contact-item--person {
  display: grid;
  grid-template-columns: 28px 1fr auto; /* ikona | treść | strzałka */
  column-gap: 14px;
  align-items: start;
}

/* ikona — osobna kolumna */
.section-contact-map .contact-item--person .contact-icon {
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: center;
  margin-top: 0;
}

/* numer telefonu */
.section-contact-map .contact-item--person .contact-text {
  grid-column: 2;
  font-weight: 600;
  line-height: 1.25;
}

/* strzałka */
.section-contact-map .contact-item--person .contact-arrow {
  grid-column: 3;
  align-self: center;
}

/* opis */
.section-contact-map .contact-item--person .contact-meta--desc {
  grid-column: 2;
  font-size: 1rem;
  line-height: 1.35;
  opacity: 0.75;
  margin-top: 2px;
}



/* ======================================================
   TABLET +
====================================================== */

@media (min-width: 768px) {

.section-contact-map .contact-col .contact-text {
  flex: 1;
  font-size: 1.35rem;
  line-height: 1.4;
  font-weight: 400; /* mobile */
}


  /* adres / blok statyczny jeszcze lżej */
  .section-contact-map .contact-col .contact-static .contact-text {
    font-weight: 300;
  }

.section-contact-map .contact-meta--name {
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.75;
  line-height: 1.2;
  margin-bottom: 4px;
}

/* opis */
.section-contact-map .contact-item--person .contact-meta--desc {
  grid-column: 2;
  font-size: 1.1rem;
  line-height: 1.35;
  opacity: 0.75;
  margin-top: 2px;
}

}

/* ======================================================
   PAGE CONTACT — OFFSET POD STICKY MENU
====================================================== */

.page-contact .section-contact-map {
  padding-top: calc(var(--menu-h, 92px) + 32px);
}