/* patlib.cvtisr.sk – farby a prvky webu (pôvodne style2023.css + obrázky redesign2023, prepočítané na WCAG AA). */
:root {
  --font: "Carlito", Calibri, Arial, sans-serif;
  --font-size: 1.0625rem;
  --c-primary: #206466;          /* hlavná petrolejová (style2023.css, bg-menu.png #216567) */
  --c-heading: #206466;
  --c-text: #45474a;             /* pôvodne #6d6e71 – stmavené pre čitateľnosť */
  --c-muted: #5b5c5f;
  --c-link: #035987;
  --c-link-hover: #206466;
  --c-page: #fff;
  --c-accent: #2470b0;           /* pôvodne #2B7FC2 (tlačidlá rešerší), stmavené na 5.2:1 */
  --c-button: #206466;
  --c-button-hover: #174c4d;
  --c-soft: #eff2f9;             /* pôvodné svetlé pozadie rgba(239,242,249) */
  --c-hr: #75bee0;
  --c-table-head-bg: #206466;
  --c-table-head-ink: #fff;
  --c-banner-ink: #035987;
  --header-bg: linear-gradient(180deg, #cdcdcd 0%, #d5d5d5 24%, #dcdcdc 49%, #d9d9d9 73%, #cbcbcb 100%);  /* okraje hlavicka_c.jpg */
  --header-h: 160px;
  --c-header-ink: #206466;
  --c-search-border: #206466;
  --c-search-bg: #eff2f9;
  --c-search-btn: #206466;
  --menubar-bg: #216567;          /* bg-menu.png */
  --menubar-ink: #ffcc80;         /* pôvodne oranžová #F39200 (2.9:1) → svetlá oranžová 4.6:1 */
  --menubar-focus: #fff;
  --menubar-line: rgba(255, 204, 128, .3);
  --left-bg: #c1e0e0;             /* .leftmenu */
  --left-ink: #206466;
  --left-line: #a3cfcf;
  --left-active-bg: #206466;      /* menu-active.png */
  --left-active-ink: #fff;
  --left-sub-bg: #73b0b0;         /* .leftmenu li.active ul */
  --left-sub-ink: #0f3a3b;        /* pôvodne #206466 na #73b0b0 (2.8:1) */
  --footer-bg: #d7d7d7;
  --footer-ink: #206466;
  --hero-ratio: 560 / 218;
  --right-w: 220px;
}

.site-header__inner { padding-block: 0; }
.site-logo__img {
  display: block; height: 160px; width: auto;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%), linear-gradient(180deg, transparent 0, #000 13%, #000 90%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%), linear-gradient(180deg, transparent 0, #000 13%, #000 90%, transparent 100%);
  mask-composite: intersect;
}

/* Pravé menu (pôvodne .rightmenu, lave_menu.png #c2e0e0, kategórie #73b0b0) */
.rightmenu { background: #c2e0e0; border-radius: var(--radius); padding: .4rem .5rem .8rem; }
.rightmenu ul { margin: 0; padding: 0; list-style: none; }
.rightmenu__category { margin-top: .5rem; }
.rightmenu__category > a { display: block; padding: .45rem .7rem; border-radius: 4px; background: #73b0b0; color: #0f3a3b; font-weight: 700; text-decoration: none; }
.rightmenu__category > a:hover { background: #206466; color: #fff; }
.rightmenu__category ul a { display: block; padding: .35rem .7rem; color: #206466; font-size: .9375rem; text-decoration: none; line-height: 1.35; }
.rightmenu__category ul a:hover { text-decoration: underline; }

@media (max-width: 959.98px) {
  .site-header__band { background: linear-gradient(180deg, #cdcdcd 0%, #d5d5d5 24%, #dcdcdc 49%, #d9d9d9 73%, #cbcbcb 100%) top / 100% 110px no-repeat, #cbcbcb; }
  .site-logo__img { height: 110px; }
  .site-header__tools { padding-bottom: .75rem; }
}