/* ============================================================
   all-secure-extra.css
   Dodatki nienalezace do oryginalnego szablonu.
   Laduje sie PO all-secure-bundle.css, wiec reguly stad wygrywaja.
   To JEDYNY plik CSS przeznaczony do recznej edycji - bundle jest
   generowany automatycznie i przy kolejnej przebudowie zostanie
   nadpisany.
   ============================================================ */

/* ---- Wysuwany panel z linkiem do Google Maps ---- */
.sm-panel {position: fixed;width: 155px;top: 150px;right: -105px;z-index: 1000000;transition: visibility .25s, opacity .25s}
.sm-panel>ul {margin: 0;padding: 0;list-style-type: none}
.sm-panel>ul>li {transition: transform .25s}
.sm-panel>ul>li:hover {transform: translateX(-105px)}
.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none}
.sm-panel>ul>li>a>img {margin: 0 10px 0 0}
.sm-panel>ul>li>a>span {font-size: initial}
.sm-panel>ul>li[class^="sm-"] {background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0%}
.sm-text-black {color: #000}
.sm-gmap {background:#333}

/* ukrywanie socjalek a mobilce
@media screen and (max-width:640px) {.sm-panel {visibility:hidden; opacity:0}}
*/

/* Dostepnosc: panel ma sie wysuwac takze przy nawigacji klawiatura (Tab). */
.sm-panel>ul>li:focus-within {transform: translateX(-105px)}
.sm-panel>ul>li>a:focus-visible {outline: 2px solid #fff; outline-offset: -2px}

/* Szanuj systemowe ustawienie ograniczenia animacji. */
@media (prefers-reduced-motion: reduce) {
  .sm-panel, .sm-panel>ul>li {transition: none}
}


/* ============================================================
   Widoczna sciezka nawigacyjna (breadcrumbs)
   ------------------------------------------------------------
   UWAGA na dwie pulapki motywu, ktore wczesniej rozwalaly ten
   pasek - dlatego ponizsze wlasciwosci sa ustawione jawnie:

   1) grid.css robi twardy reset i nadaje KAZDEMU <li>
      "vertical-align: top". Przy elementach liniowych to odsuwa
      tekst do gory linii i pozycje wygladaja jak rozjechane.
      Dlatego wymuszamy vertical-align: baseline.

   2) grid.css ustawia "body { line-height: 1 }". Bez wlasnej
      wartosci tekst sie skleja w pionie.

   Elementy listy celowo sa "display: inline", a nie flex ani
   block. Element liniowy NIE MOZE ustawic sie jeden pod drugim -
   plynie jak zwykly tekst i zawija sie dopiero na koncu linii.
   Selektory zaczynaja sie od "nav.breadcrumbs", zeby mialy wyzsza
   specyficznosc niz cokolwiek ogolnego z bundla.
   ============================================================ */

nav.breadcrumbs {
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  line-height: 1.6;
}

nav.breadcrumbs > .container {
  padding-top: 12px;
  padding-bottom: 12px;
}

nav.breadcrumbs ol {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

nav.breadcrumbs ol > li {
  display: inline;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  color: #6b6b6b;
  list-style: none;
}

nav.breadcrumbs ol > li + li::before {
  content: "\203A";
  margin: 0 8px;
  color: #b0b0b0;
}

nav.breadcrumbs a {
  color: #6b6b6b;
  text-decoration: none;
}

nav.breadcrumbs a:hover,
nav.breadcrumbs a:focus {
  color: #cc0000;
  text-decoration: underline;
}

nav.breadcrumbs [aria-current="page"] {
  color: #1d1d1d;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  nav.breadcrumbs { font-size: 13px; }
  nav.breadcrumbs > .container { padding-top: 9px; padding-bottom: 9px; }
}