/* ── Karttahimmeli brand colour palette ──────────────────────────────────────
 *
 * Primary:  #1e630e  (forest green from karttahimmeli_vector_logo.svg fill)
 * Accent:   #257a0d  (brighter green for links & buttons, AA on white 5.5:1)
 *
 * Derived shades:
 *   primary-light  #2a8512   hover / raised states
 *   primary-dark   #174f0a   shadow / pressed states
 * ─────────────────────────────────────────────────────────────────────────── */

[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #1e630e;
  --md-primary-fg-color--light: #2a8512;
  --md-primary-fg-color--dark:  #174f0a;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color:              #257a0d;
  --md-accent-fg-color--transparent: rgba(37, 122, 13, 0.12);
  --md-accent-bg-color:              #ffffff;
  --md-accent-bg-color--light:       rgba(255, 255, 255, 0.7);
}

/* ── Screenshot borders ───────────────────────────────────────────────────── */
.md-content img {
    border: 1px solid #c8d0d8;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}

/* ── Heading decorations (green instead of the previous blue) ─────────────── */
h2 {
    margin: 4rem 0rem 2rem 0rem !important;
    border-bottom: solid 1px #2a8512;
}

h3 {
    margin: 3rem 0rem 1rem 0rem !important;
    padding: 0rem 0rem 0.5rem 0.5rem !important;
    border-left: solid 2px #2a8512;
}

/* ── Sidebar nav links ────────────────────────────────────────────────────── */
.md-nav__link {
    color: #1e630e;
}

/* ── Icon colour helper ───────────────────────────────────────────────────── */
.icon-color {
    color: #1e630e;
}

/* ── FAB button (map UI) ──────────────────────────────────────────────────── */
.fab-button {
    display: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #1e630e;
    color: #ffffff;
}

/* ── Sidebar bullet list style ────────────────────────────────────────────── */
.md-nav__list {
    list-style-type: disc;
}

/* ── Small admonition text ────────────────────────────────────────────────── */
.admonition.abstract { font-size: 0.75rem; }
.admonition>p        { font-size: 0.75rem; }
.admonition>ul       { font-size: 0.75rem; }
.admonition>ol       { font-size: 0.75rem; }

/* ── Blink animations ─────────────────────────────────────────────────────── */
@keyframes blinker-fifty {
    50% { opacity: 0; }
}

@keyframes blinker-double {
    10%, 30% { opacity: 1; }
    0%, 20%, 40%, 100% { opacity: 0; }
}

@keyframes blinker-triple {
    5%, 10%, 15% { opacity: 1; }
    0%, 3%, 8%, 13%, 18%, 100% { opacity: 0; }
}

@keyframes blinker-500ms-60s {
    0%, 1.7%, 100% { opacity: 0; }
    0.8% { opacity: 1; }
}

/* ── Language selector flag button ───────────────────────────────────────── */
.kh-flag-btn {
    font-size: 1.4rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
}

.kh-flag-btn .kh-flag {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    line-height: 1;
}

.md-select__link .kh-flag {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    margin-right: 0.3rem;
}

/* ── Animation utility classes ───────────────────────────────────────────── */
.blink-500ms-60s  { animation: blinker-500ms-60s 60s step-start 0s infinite; }
.blink-double2s   { animation: blinker-double    2s  step-start 0s infinite; }
.blink-fifty1s    { animation: blinker-fifty     1s  step-start 0s infinite; }
.blink-triple2s   { animation: blinker-triple    2s  step-start 0s infinite; }

/* ── Footer AI-disclosure notice ─────────────────────────────────────────── */
.kh-ai-notice {
    margin-top: 0.4rem;
    font-size: 0.7rem;
    opacity: 0.8;
}

/* ── Footer build stamp ───────────────────────────────────────────────────── */
.kh-build-info {
    margin-top: 0.2rem;
    font-size: 0.6rem;
    opacity: 0.6;
}