/* ============================================
   PERFECT BOX - WordPress Fable Fixes
   Tylko korekty specyficzne dla motywu Fable.
   CSS headera jest w header.css (wspólny dla HTML i WP).
   ============================================ */

/* box-sizing i font dla wszystkich elementów headera/footera */
.header, .header *,
.footer, .footer * {
  box-sizing: border-box;
  font-family: var(--font-family) !important;
}

/* Reset margin/padding tylko dla list — nie dla wszystkich (nie nadpisuje paddingów z header.css) */
.header ul, .header li,
.footer ul, .footer li {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

/* Kolor bazowy headera — żeby color:inherit dziedziczył nasz kolor, nie Fable */
.header {
  color: var(--color-text);
}

/* Reset natywnego wyglądu <button> w headerze */
.header button {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: inherit;
}

/* Hamburger — wymuś widoczność kresek (Fable resetuje span) */
.header__hamburger {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
  width: 28px !important;
  height: 28px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.header__hamburger span {
  display: block !important;
  width: 100% !important;
  height: 2.5px !important;
  background-color: var(--color-navy) !important;
  border-radius: 2px !important;
  transition: all var(--transition-base) !important;
  transform-origin: center !important;
}

@media (min-width: 1024px) {
  .header__hamburger {
    display: none !important;
  }
}

/* Logo — wymuś rozmiar niezależnie od globalnych reguł Fable na img */
.header .header__logo-img {
  height: 52px !important;
  width: auto !important;
  max-width: none !important;
  display: block;
}

/* Nav lista — wymuś brak bullet pointów/checkboxów */
.header .header__nav-list,
.header .header__dropdown-menu {
  list-style: none !important;
  padding-left: 0 !important;
}

.header .header__nav-list li,
.header .header__dropdown-menu li {
  list-style: none !important;
  background-image: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

/* Linki w headerze i stopce — usuń podkreślenia i ustaw kolory */
.header a,
.header a:hover,
.header a:visited,
.header a:focus,
.footer a,
.footer a:hover,
.footer a:visited,
.footer a:focus {
  text-decoration: none !important;
  color: inherit;
}

.header .header__nav-link,
.header .header__nav-link:hover,
.header .header__nav-link:visited {
  text-decoration: none !important;
}

.header .header__dropdown-link,
.header .header__dropdown-link:visited {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.header .header__dropdown-link:hover {
  text-decoration: none !important;
  color: #fff !important;
}

.header .header__rent-btn,
.header .header__rent-btn:hover {
  text-decoration: none !important;
  color: #fff !important;
}

/* ============================================
   WORDPRESS — korekcja layoutu Fable
   ============================================ */

/* Belka admina WordPress (32px desktop, 46px mobile) */
.admin-bar .header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar .header {
    top: 46px;
  }


}

/* Header jest fixed — treść strony nie wchodzi pod menu */
.theme-page-header {
  padding-top: 140px !important;
}