/* Primääripainike: kullanoranssi / meripihka */
.md-typeset .md-button--primary {
    color: #000000; /* Musta teksti erottuu parhaiten kirkkaasta väristä */
    background-color: #FF5252; /* Lämmin oranssi/kulta */
    border-color: #5e0d00;
    font-weight: 700;
}

/* Hover-efekti */
.md-typeset .md-button--primary:hover {
    background-color: #84ed14; /* Hieman kirkkaampi kun hiiri on päällä */
    border-color: #ff6207;
    opacity: 0.9;
}

/* Tavalliset linkit tekstin seassa: rauhallinen vaaleanharmaa tai vaalea kulta */
.md-typeset a {
    color: #ffca28;
}

.md-typeset a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Tee ylävalikosta sticky */
/* Sticky header */
header.md-header {
    position: sticky;
    top: 0;
    z-index: 2000;
}

/* Sticky tabs for Material 9.x */
.md-tabs {
    position: sticky;
    top: 4rem; /* header height */
    z-index: 1500;
    background: var(--md-primary-fg-color);
    overflow: visible;
}

.md-tabs__list {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
}

/* Lisää kullanvärinen reunus koko sivulle */
body {
  border: 5px solid #CFB53B;
}

/* Container for poster image + caption */
.md-typeset .poster {
  text-align: left;
  margin: 0;
  padding: 0;
}

/* Force image left, no auto-centering */
.md-typeset .poster img {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* Small caption under image */
.md-typeset .poster-caption {
  margin-top: 0.0rem;
  font-size: 0.5rem;
  color: var(--md-default-fg-color--light);
  text-align: left;
}

/* Hillitty ja hienovarainen kultainen korostus */
.footer-link {
    color: #f1f2f8 !important;   /* Muted Gold / Hiekan sävy */
    font-weight: 700;            /* Ei liian paksu */
    text-decoration: none;
    opacity: 0.85;               /* Hieman läpinäkyvä, jotta se pehmenee */
    transition: all 0.2s ease;
}

/* Hover-efekti: Vain hieman kirkkaampi */
.footer-link:hover {
    color: #673ab7 !important;   /* Kirkastuu alkuperäiseen kultaan */
    opacity: 1;                  /* Täysi näkyvyys */
    text-decoration: none;
}