/* =========================================================
   OJS (Bootstrap theme: Journal) – poprawki typografii i kontrastu (WCAG)
   Autor: (Twoja nazwa)
   Cel: sans-serif + mocniejszy tekst + lepsze kolory linków i "muted"
   ========================================================= */

/* 1) Globalna typografia: sans-serif + wyraźniejszy kolor tekstu */
html, body {
  background: #ffffff;
}

body,
.pkp_structure_content,
.pkp_structure_main,
.pkp_page,
input, textarea, select, button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
               "Noto Sans", "Liberation Sans", sans-serif;
  font-weight: 400;
  color: #1a1a1a; /* bardzo dobry kontrast na białym */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Czytelniejszy rozmiar i interlinia w głównej treści */
.pkp_structure_content,
.pkp_structure_main {
  font-size: 16px;
  line-height: 1.6;
}

/* Jeżeli gdzieś motyw wymusza szeryfy w obszarze treści artykułu */
.cmp_article_content,
.obj_article_details,
.obj_article_summary,
.obj_issue_toc,
.pkp_page_article {
  font-family: inherit;
}

/* 2) Teksty "muted" (w Bootstrap 3 często #777 – balansuje na granicy 4.5:1) */
.text-muted,
.pkp_helpers_text,
.pkp_help,
.description,
.sub_item,
.item.meta,
.obj_article_summary .meta,
.obj_article_summary .authors {
  color: #444444; /* bezpieczniejszy kontrast niż #777 */
}

/* 3) Linki: kolor + podkreślenie (podkreślenie pomaga dostępności) */
a {
  color: #005a9c;              /* wysoki kontrast na białym */
  text-decoration: underline;  /* nie polegamy tylko na kolorze */
  text-underline-offset: 0.12em;
}

a:hover,
a:focus {
  color: #003d6b;
  text-decoration-thickness: 2px;
}

/* Linki w nagłówkach/listach (czasem motyw usuwa underline) */
.pkp_structure_content a,
.pkp_structure_main a,
.obj_article_summary .title a,
.obj_issue_toc .title a {
  text-decoration: underline;
}

/* 4) Widoczny fokus klawiatury (często problem w motywach) */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
  outline: 3px solid #ffbf47; /* wyraźny, dostępny "focus ring" */
  outline-offset: 2px;
}

/* 5) Drobna korekta nagłówków – ciemniejsze i czytelniejsze */
h1, h2, h3, h4, h5, h6,
.pkp_page_title,
.page_title {
  color: #111111;
  font-weight: 600;
}

/* 6) Jeśli gdzieś treść ma zbyt jasny kolor (częsty przypadek w stopkach/panelach) */
.pkp_footer,
.pkp_footer_content,
.pkp_structure_footer {
  color: #1a1a1a;
}
/* =========================================================
   Poprawki kontrastu + rozmiary (Bootstrap/Lumen + OJS)
   ========================================================= */

/* 1) GÓRNE MENU (navbar) – ciemniejszy tekst dla lepszego kontrastu */
.navbar .navbar-nav > li > a,
.navbar .nav > li > a,
.pkp_navigation_primary > li > a {
  color: #1a1a1a !important;  /* było zbyt jasne */
  font-weight: 600;
}

/* Hover/focus/active w menu */
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #0b0b0b !important;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

/* Jeśli przypadkiem w Lumen navbar ma jasne tło i jasny border – zostawiamy tło,
   ale pilnujemy, żeby tekst był ciemny */
.navbar-default .navbar-nav > li > a {
  color: #1a1a1a !important;
}

/* 2) BREADCRUMBS – ostatni element (aktywny/aktualna strona) ma być ciemniejszy */
.breadcrumb > .active,
.breadcrumb li.active,
.cmp_breadcrumbs .active,
.cmp_breadcrumbs li:last-child,
.cmp_breadcrumbs .current {
  color: #1a1a1a !important; /* zamiast jasnej szarości */
  font-weight: 600;
}

/* 3) Powiększenie wpisów menu w górnej belce */
.navbar .navbar-nav > li > a,
.pkp_navigation_primary > li > a {
  font-size: 18px;
  line-height: 1.2;
  padding-top: 16px;
  padding-bottom: 16px;
}

/* Na mniejszych ekranach delikatnie mniejsze, żeby nie łamało układu */
@media (max-width: 991px) {
  .navbar .navbar-nav > li > a,
  .pkp_navigation_primary > li > a {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* 4) Logo w lewym górnym rogu – większe (dotyczy obrazka) */
.navbar-brand img,
.pkp_site_name img {
  max-height: 52px;  /* zwiększ / zmniejsz wg potrzeb */
  width: auto;
}

/* Jeżeli "logo" jest tekstem (nazwa czasopisma), a nie obrazkiem */
.navbar-brand,
.pkp_site_name a {
  font-size: 20px;
  font-weight: 700;
}

/* Wyrównanie pionowe belki po powiększeniu logo (opcjonalnie) */
.navbar-brand {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Submenu (dropdown) – większa czcionka i lepszy kontrast */
.navbar .dropdown-menu > li > a,
.navbar .dropdown-menu a,
.pkp_navigation_primary .dropdown-menu > li > a,
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary ul ul > li > a {
  color: #1a1a1a !important;
  font-size: 16px;          /* było za małe */
  font-weight: 600;         /* mniej „blade” */
  line-height: 1.3;
  padding: 10px 16px;
  text-decoration: none;    /* podkreślenie damy na hover/focus */
}

/* Tło dropdownu – zwykle OK, ale dopilnuj czytelności */
.navbar .dropdown-menu,
.pkp_navigation_primary .dropdown-menu {
  background: #ffffff;
  border-color: #d0d0d0;
}

/* Hover/focus/active w submenu */
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.pkp_navigation_primary .dropdown-menu > li > a:hover,
.pkp_navigation_primary .dropdown-menu > li > a:focus,
.pkp_navigation_primary ul ul > li > a:hover,
.pkp_navigation_primary ul ul > li > a:focus {
  background: #e9ecef;
  color: #0b0b0b !important;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

/* Element aktywny w submenu (jeśli jest oznaczany klasą active) */
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
  background: #dfe6ee;
  color: #0b0b0b !important;
}