/* CSS Custom Properties - Základní barvy webu */
:root {
    --ktn-light-blue: rgb(140, 184, 252);
    --ktn-light-blue-rgb: 140, 184, 252; /* added for alpha usage */
    --ktn-dark-blue: rgb(32, 74, 157);
    --ktn-red: rgb(227, 50, 49);
    --ktn-black: rgb(35, 31, 32);
    --ktn-yellow: rgb(255, 255, 0);
    --ktn-gray: rgb(238, 238, 238);
}

@font-face {
    font-family: 'Lexend Deca';
    src: url('../fonts/LexendDeca-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Lexend Deca', Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.6;
    color: var(--ktn-black);
}

/* Sticky footer layout */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

#site-footer {
  margin-top: auto;
  flex-shrink: 0;
}

/* Main */

main p, main li {
    font-size: 1.1rem;
}

main a, .article-footer a {
    color: var(--ktn-dark-blue);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--ktn-red);
}

main a:hover {
    text-decoration-thickness: 3px;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ktn-dark-blue);
    line-height: 1.2;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.3rem;
}

/* Pagination controls */
.pagination {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.pagination-info {
  margin: 0 .25rem;
  font-weight: 600;
}

.pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px; /* br-pill */
  background-color: var(--ktn-light-blue);
  text-decoration: none;
}

.pagination-btn img {
  filter: brightness(0) invert(1); /* bílé SVG na modrém pozadí */
}

.pagination-btn:hover,
.pagination-btn:focus {
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(255,255,255,.4);
  background-color: var(--ktn-dark-blue);
  outline: none;
}

.pagination .pagination-btn.is-disabled {
  background: #e9ecef; /* šedé pozadí */
  color: #9aa0a6;
  cursor: default;
  pointer-events: none; /* neklikatelné */
  border-radius: 9999px; /* br-pill */
  opacity: 1; /* zachová kontrast */
}

.pagination .pagination-btn.is-disabled img {
  filter: grayscale(100%);
  opacity: 0.6;
}