/* ===========================================================================
   CE-25 · Dane kontaktowe z mapą (contact details with a map)
   Root:     div.ce-contact-details – a column inside a larger section (on
             Kontakt: the right-hand column of #kontakt-glowny, next to the
             form CE-24); no .lf-wrap of its own
   Parts:    __title (H2 set in the H3 step: a column heading, not a section
             one), __address (<address> around the list), __list (<dl>),
             __row (a label–value pair, hairline above), __label (<dt> in
             small caps: Adres · Telefon · E-mail), __value (<dd>; phone and
             e-mail as tel: / mailto: links with .lf-link), __company (the
             company name that opens the address), __ids (NIP and KRS in one
             line), __meet (the sentence about meetings), __map (map
             placeholder: .lf-placeholder in 4:3)
   Variants: –
   Mechanics: none (tel: and mailto: links only)
   Company data are placeholders in square brackets – empty in the
   knowledge base (spec §11.7).
   Base:     kontakt.html#dane · registry: ce-registry.js → CE-25
   =========================================================================== */

.ce-contact-details__title {
  font-family: var(--font-heading);
  font-size: var(--t-h3);
  line-height: 1.25;
  letter-spacing: var(--track-h3);
  font-weight: 500;
}

.ce-contact-details__address { margin-top: 1.25rem; }

.ce-contact-details__list { border-bottom: 1px solid var(--line); }

.ce-contact-details__row {
  padding-block: .9rem;
  border-top: 1px solid var(--line);
}

.ce-contact-details__label {
  font-size: var(--t-xs);
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ink-3);
}

.ce-contact-details__value {
  margin-top: .3rem;
  line-height: 1.5;
  color: var(--ink);
}

.ce-contact-details__company { font-weight: 500; }

.ce-contact-details__ids {
  margin-top: 1.25rem;
  font-size: var(--t-sm);
  color: var(--ink-2);
}

.ce-contact-details__meet {
  margin-top: .35rem;
  font-size: var(--t-sm);
  color: var(--ink-2);
}

.ce-contact-details__map {
  --ratio: 4 / 3;
  margin-top: var(--sp-blk);
}
