/*
 * Strony Ambasadorów (CMS 49–61, 143–147, 152, 170) — wygląd dawnych stron Creative Elements bez CE.
 * Ładowany tylko na tych stronach: templates/cms/page.tpl (blok head). Treść: tools/amb-cms/html/.
 * Zmiana pliku = nowa nazwa (ambasadorzy.v2.css) i ta sama zmiana w page.tpl — adres omija cache przeglądarek i Cloudflare.
 * Siatka jak w CE: sekcja 1140 px, kolumna z odstępem 10 px po bokach, telefon (<768 px) — kolumny jedna pod drugą.
 */
.hl-amb {
  max-width: 1140px;
  margin: 0 auto;
  padding: 10px;
}

/* strona, która nie była w CE (170): pełna szerokość kontenera motywu, zdjęcie przy lewej krawędzi — jak dotąd */
.hl-amb--zwykla {
  max-width: none;
  padding: 0;
}

.hl-amb--zwykla .hl-amb-obraz img {
  margin-left: 0;
}

.hl-amb > * + * {
  margin-top: 20px;
}

.hl-amb img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.hl-amb-obraz {
  margin: 0;
}

/* tekst */
.hl-amb-tekst > :last-child {
  margin-bottom: 0;
}

.hl-amb-tekst--justuj p {
  text-align: justify;
}

/* „Najważniejsze osiągnięcia:” — w CE 13 pt pogrubione (wklejka z Dokumentów Google), nie 28 px nagłówka motywu */
.hl-amb .hl-amb-tekst h3 {
  margin-top: 19px;
  margin-bottom: 5px;
  color: #000;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.38;
}

.hl-amb .hl-amb-tekst ul {
  padding-left: 48px;
}

/* kolumny: kafle (49), profil zdjęcie + opis, produkty; prefiks .hl-amb — wygrywa z `.rich-text ul` motywu */
.hl-amb .hl-amb-kafle,
.hl-amb .hl-amb-produkty,
.hl-amb .hl-amb-profil {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-right: -10px;
  margin-left: -10px;
  padding: 0;
  list-style: none;
}

.hl-amb-kafle > li,
.hl-amb-produkty > li,
.hl-amb-profil > div {
  width: 100%;
  margin: 0;
  padding: 0 10px;
}

.hl-amb-profil--srodek {
  align-items: center;
}

/* kafle produktów: zdjęcie, nazwa, przycisk */
.hl-amb-produkty a {
  display: block;
  padding: 10px;
  color: inherit;
  text-align: center;
  text-decoration: none;
}

.hl-amb-produkty__nazwa {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-amb-produkty__przycisk {
  display: inline-block;
  margin-top: 16px;
  padding: 8px 20px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}

.hl-amb-produkty a:hover .hl-amb-produkty__przycisk,
.hl-amb-produkty a:focus-visible .hl-amb-produkty__przycisk {
  background: #142f53;
}

.hl-amb a:focus-visible {
  outline: 2px solid #142f53;
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .hl-amb-kafle > li {
    width: 20%;
  }

  .hl-amb-produkty > li {
    width: 25%;
  }

  .hl-amb-profil > .hl-amb-profil__foto {
    width: 33.333%;
  }

  .hl-amb-profil > .hl-amb-profil__opis {
    width: 66.666%;
  }

  .hl-amb-profil--pol > .hl-amb-profil__foto,
  .hl-amb-profil--pol > .hl-amb-profil__opis {
    width: 50%;
  }
}