/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Logo – ogranicz wysokość zamiast sztucznego powiększania szerokości */
header#header .logo img,
header#header .header-logo img {
 max-height: 72px;
 height: auto;
 width: auto;
}

/* Jeżeli chcesz, by cały blok logo mógł być trochę szerszy na desktopie */
@media (min-width: 992px) {
 header#header .logo,
 header#header .header-logo {
  flex: 0 0 auto;
 }
}

/* === SOCIAL (moduł ps_socialfollow) === */

/* Uporządkuj listę */
.block-social ul {
 display: flex;
 flex-wrap: wrap;
 gap: .25rem;
 padding: 0;
 margin: 0;
 list-style: none;
}

.block-social ul li {
 display: inline-block;
 width: 2.5rem;
 height: 2.5rem;
 margin: .125rem;
 cursor: pointer;
 background-color: #535050;
 background-repeat: no-repeat;
}

/* Styluj link, bo ikona najczęściej siedzi w <a> */
.block-social ul li a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 2.5rem;
 height: 2.5rem;
 border-radius: 50%;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 60% auto;
 color: #fff;
 text-decoration: none;
 transition: background-color .2s ease, transform .2s ease;
}

/* Hover/focus – dostępność i feedback */
.block-social ul li a:hover,
.block-social ul li a:focus-visible {
 transform: translateY(-1px);
 outline: none;
}

/* Jeśli ikony są SVG wewnątrz <a> – dopnij ich rozmiar */
.block-social ul li a svg {
 width: 1.1rem;
 height: 1.1rem;
 fill: currentColor;
}

/* Neutralizacja czerwonego tła w całym headerze (PS8 Classic) */
body header#header,
body header#header .header-top,
body header#header .header-nav,
body header#header .header-banner {
 background: #fff; /* albo transparent */
}