/*
 * Súbor: css/components/home-footer.css
 * Obsah: Spoločná pätička homepage a prehľadu služieb: stĺpce, odkazy, kontaktné údaje a spodný riadok.
 * Použitie: index.html, sluzby.html.
 * Zapojenie: <link rel="stylesheet" href="css/components/home-footer.css">; zachovaj pozíciu v hlavičke podľa css/README.md.
 * Závislosti: HTML triedy a selektory uvedené v pravidlách nižšie, css/general/base.css a farebné premenné témy stránky.
 */
/*
     * BLOG / RELATED
     */

    .text-link {
      color: var(--accent);
      font-weight: 700;
      text-decoration: none;
    }

    .text-link:hover {
      text-decoration: underline;
    }

    /*
     * FOOTER
     */

    .site-footer {
      padding: 72px 0 36px;
      color: var(--footer-text);
      background: var(--footer);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1fr;
      gap: 48px;
    }

    .footer-title {
      margin-bottom: 16px;
      color: var(--footer-muted);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .footer-links {
      display: grid;
      gap: 9px;
    }

    .footer-links a {
      color: var(--footer-text);
      font-size: 15px;
      text-decoration: none;
    }

    .footer-links a:hover {
      text-decoration: underline;
    }

    .footer-muted {
      color: var(--footer-muted);
      font-size: 15px;
    }

    .footer-bottom {
      margin-top: 56px;
      padding-top: 24px;
      border-top: 1px solid rgb(243 238 231 / 0.15);
      color: var(--footer-muted);
      font-size: 13px;
    }