/*
 * Súbor: css/pages/sluzby/layout.css
 * Obsah: Odsadenie samostatného prehľadu služieb, nadpis H1 a označenie aktuálnej stránky v navigácii. Karty používajú spoločné štýly homepage.
 * Použitie: sluzby.html.
 * Zapojenie: <link rel="stylesheet" href="css/pages/sluzby/layout.css"> na konci štýlov stránky.
 * Závislosti: css/general/base.css, css/components/service-showcase.css, css/palettes/sluzby.css; .service-offerings a aria-current v navigácii.
 */
.services-page .section.service-offerings {
  padding-top: clamp(32px, 5vw, 64px);
}

.services-page .service-offerings .section-head h1 {
  max-width: none;
  margin-bottom: 18px;
  font-size: clamp(24px, 2.5vw, 32px);
}

.services-page .site-header a[aria-current="page"],
.services-page .mobile-menu a[aria-current="page"] {
  color: var(--accent);
}

.services-page a[aria-current="page"]::after {
  transform: scaleX(1);
}