/* =========================================================================
   SEO / a11y fixes  —  2026-09  (etap 1)
   Ładowany po style.css. Zawiera:
   1) kolory linków w obszarach treści (widoczność hiperłączy)
   2) korekty wyglądu dla nagłówków zamienionych na <div class="hN">
   Nie wolno tu dodawać reguł niezwiązanych z tymi poprawkami.
   ========================================================================= */

/* ------------------------------------------------------------------ */
/* 1. WIDOCZNOŚĆ HIPERŁĄCZY                                            */
/*    Tylko linki w treści redakcyjnej. Nawigacja, przyciski,         */
/*    stopka, listy miast, karty – bez zmian.                         */
/* ------------------------------------------------------------------ */
.blog-content a:not(.button):not(.wp-block-button__link),
.text-block-content .content a,
.post-container .blog-content a,
.single-post .entry-content a,
.content a:not(.button):not(.read-more-button) {
  color: #0000FF;
  text-decoration: underline;
}

.blog-content a:not(.button):not(.wp-block-button__link):visited,
.text-block-content .content a:visited,
.post-container .blog-content a:visited,
.single-post .entry-content a:visited,
.content a:not(.button):not(.read-more-button):visited {
  color: #800080;
}

.blog-content a:not(.button):not(.wp-block-button__link):hover,
.text-block-content .content a:hover,
.post-container .blog-content a:hover,
.single-post .entry-content a:hover,
.content a:not(.button):not(.read-more-button):hover {
  color: #2E6FBF;
  text-decoration: underline;
}

/* Blog: nadpisanie brązowego (#965e2a) koloru linków, gdziekolwiek jest ustawiony */
.blog-content p a,
.blog-content li a,
.blog-content span a {
  color: #0000FF !important;
}
.blog-content p a:visited,
.blog-content li a:visited,
.blog-content span a:visited {
  color: #800080 !important;
}
.blog-content p a:hover,
.blog-content li a:hover,
.blog-content span a:hover {
  color: #2E6FBF !important;
}

/* ------------------------------------------------------------------ */
/* 2. NAGŁÓWKI ZAMIENIONE NA <div class="hN"> / <p class="hN">        */
/*    Odtworzenie stylów, które wcześniej dawały selektory tagowe.    */
/* ------------------------------------------------------------------ */

/* było: .text-block-content h2 { font-size: 30px } */
.text-block-content .h2 {
  font-size: 30px;
}

/* było: .menu-grid .menu-item h3 { font-size: 28px; font-weight: 600 } */
.menu-grid .menu-item .h3 {
  font-size: 28px;
  font-weight: 600;
}

/* Elementy blokowe (div/p) z klasą hN mają zachowywać się jak nagłówki.
   Marginesów nie zerujemy – <div>/<p> i tak ich nie mają, a nadpisywałoby
   to klasy odstępów Bootstrap (mb-3, mb-md-5 itd.) na tych elementach. */
.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
}

/* .h1 w motywie nie miał rozmiaru fontu – ustawiamy, by <h1 class="h1">
   (np. nazwa miasta) był wyraźnie większy niż tytuł sekcji <h2>. */
.h1 {
  font-size: 48px;
  line-height: 1.15;
}
@media (max-width: 767px) {
  .h1 {
    font-size: 34px;
  }
}

/* Tryb ciemny – reguły motywu celują w tagi h2/h3; domykamy je dla klas */
body.dark-theme h1, body.dark-theme h2, body.dark-theme h3,
body.dark-theme .h1, body.dark-theme .h2, body.dark-theme .h3 {
  color: #fff !important;
}
body.dark-theme .diets-grid .light-bg .h2 {
  color: #1d1d1f !important;
}
body.dark-theme .dish-item .light-bg .h2,
body.dark-theme .dish-item .light-bg .h3 {
  color: #1d1d1f !important;
}
body.dark-theme .zones-box .h3,
body.dark-theme .zones-box .h1 {
  color: #1d1d1f !important;
}
body.dark-theme .dark-theme-wfont .h2,
body.dark-theme .dark-theme-wfont .h3,
body.dark-theme .wp-block-column.has-background .h2,
body.dark-theme .wp-block-column.has-background .h3 {
  color: #1d1d1f !important;
}

/* ------------------------------------------------------------------ */
/* 3. ARCHIWA / WYNIKI WYSZUKIWANIA (archive.php, search.php)          */
/* ------------------------------------------------------------------ */
.blog-grid .blog-item .button {
  border: 0;
  cursor: pointer;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #b2b2b2;
  border-radius: 100px;
  color: #2c2c2c;
  font-weight: 500;
}
.pagination .page-numbers.current {
  background-color: #2E6FBF;
  border-color: #2E6FBF;
  color: #fff;
}
.pagination a.page-numbers:hover {
  border-color: #2E6FBF;
  color: #2E6FBF;
}
.pagination .page-numbers.dots {
  border-color: transparent;
}

/* ------------------------------------------------------------------ */
/* 4. ROZWIJANE MENU "Diety" (nagłówek)                               */
/* ------------------------------------------------------------------ */
.submenu-caret {
  font-size: 10px;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .navbar #main_menu > li.has-submenu {
    position: relative;
  }
  .navbar #main_menu .header-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background-color: #f5f5f7;
    box-shadow: 0 4px 8px rgba(141, 141, 141, 0.25);
    border-radius: 0 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: ease 0.2s;
    z-index: 120;
  }
  .navbar #main_menu > li.has-submenu:hover .header-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .navbar #main_menu .header-submenu li {
    display: block;
  }
  .navbar #main_menu .header-submenu .nav-link {
    display: block;
    padding: 8px 20px;
    font-size: 15px;
    text-transform: none;
    white-space: nowrap;
  }
  .navbar #main_menu .header-submenu .nav-link:hover {
    background-color: #fff;
    color: #2E6FBF;
  }
}

/* Wersja mobilna oraz lista w rozwijanym menu paska przyklejonego:
   podmenu jako wcięta lista, zawsze widoczne. */
@media (max-width: 767px) {
  .navbar #main_menu .header-submenu {
    list-style: none;
    padding-left: 16px;
    margin: 4px 0 8px;
  }
  .navbar #main_menu .header-submenu .nav-link {
    padding: 4px 0;
    font-size: 15px;
    text-transform: none;
  }
}
.navbar .fixed-submenu .header-submenu {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  background: none;
  list-style: none;
  padding: 2px 0 6px 16px;
  margin: 0;
}
.navbar .fixed-submenu .header-submenu .nav-link {
  font-size: 13px;
  padding: 4px 16px;
  text-transform: none;
}
.navbar .fixed-submenu .submenu-caret {
  display: none;
}

/* Kotwice sekcji (np. diety na /diety-i-cennik/) – żeby przyklejony
   nagłówek nie zasłaniał celu przewijania. */
section[id] {
  scroll-margin-top: 110px;
}
html {
  scroll-behavior: smooth;
}