/* ==========================================================================
   Omolion - nadpisania motywu Clima1
   --------------------------------------------------------------------------
   Osobny plik, zeby nie grzebac w custom.css (465 KB kodu motywu) - tamte
   zmiany zginelyby przy aktualizacji motywu. Ladowany przez sekcje `assets`
   w config/theme.yml z wysokim priorytetem, wiec nadpisuje regulu motywu.

   Barwy pobrane z logo sklepu:
     #503010  ciemny braz (napis "Omolion")
     #d0a060  jasne drewno
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Naglowek sekcji (breadcrumb_container)
   Motyw mial tu zdjecie demo z kosmetykami (lisc + sloik kremu) i 110px
   paddingu z gory i z dolu, czyli 220px samej pustej przestrzeni.
   Zastepujemy neutralnym tlem w barwach marki i obcinamy wysokosc o polowe.

   Gdyby doszlo wlasciwe zdjecie naglowkowe, wystarczy odkomentowac linie
   `background-image` ponizej i wgrac plik do themes/theme_clima1/assets/img/.
   -------------------------------------------------------------------------- */
.breadcrumb_container {
  padding: 52px 0;
  background: linear-gradient(180deg, #faf7f2 0%, #f0e6d8 100%);
  /* background-image: url(../img/bg_naglowek.jpg); */
  background-size: cover;
  background-position: center;
}

.breadcrumb_container .name_category h2 {
  color: #503010;
}

/* --------------------------------------------------------------------------
   2. Okladka kategorii - SIATKA BEZPIECZENSTWA
   Wlasciwa zmiana jest w szablonie:
     templates/catalog/_partials/category-header.tpl
   bo `display:none` nie powstrzymuje przegladarki przed pobraniem obrazka.
   Regula ponizej zostaje na wypadek, gdyby aktualizacja motywu nadpisala
   szablon - wtedy okladka co najmniej nie bedzie widoczna.
   Obrazek kategorii zostaje w bazie i nadal sluzy jako miniatura gdzie indziej.
   -------------------------------------------------------------------------- */
#category .category-cover {
  display: none;
}

/* --------------------------------------------------------------------------
   3. Wysokosc naglowka sklepu
   Motyw dawal 14px + 35px paddingu na paskach naglowka, a logo nie mialo
   zadnego ograniczenia wysokosci. Plik logo ma 782x599 px (proporcje 4:3),
   wiec rozpychal naglowek na kilkaset pikseli.

   max-height ponizej to jedyna liczba do regulacji, jesli logo ma byc
   wieksze lub mniejsze.
   -------------------------------------------------------------------------- */
#header .header-nav {
  padding: 6px 0;
}

#header .header-top {
  padding: 12px 0;
}

.header-top #_desktop_logo img,
.header-nav .top-logo img {
  max-height: 72px;
  width: auto;
  height: auto;
}

/* Logo w stopce - motyw tez nie ogranicza mu wysokosci, wiec wchodzilo
   w pelnym rozmiarze pliku. W stopce moze byc mniejsze niz w naglowku. */
.logo_footer img {
  max-height: 56px;
  width: auto;
  height: auto;
}

/* Na mobile jeszcze ciasniej - tam kazdy piksel wysokosci kosztuje wiecej. */
@media (max-width: 991px) {
  .breadcrumb_container {
    padding: 32px 0;
  }
  .header-top #_desktop_logo img,
  .header-nav .top-logo img {
    max-height: 52px;
  }
  .logo_footer img {
    max-height: 44px;
  }
}