/* ======================================================
   FOOTER COMPONENT
   Keeps footer in normal flow and ties ornament color to page theme tokens.
   ====================================================== */
.site-footer {
    position: static;
    bottom: auto;
    z-index: auto;
    width: 100%;
    padding: 0;
    margin: 80px 0 0;
    background: transparent;
    color: var(--footer-fg);
    line-height: 0;
    overflow: visible;
    box-shadow: none;
    border: 0;
    opacity: 1;
}

.footer-landscape-image,
.footer-ornament {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

.footer-ornament .silhouette,
.site-footer svg path,
.site-footer svg polygon {
    fill: var(--footer-bg);
    opacity: 1;
    fill-opacity: 1;
}

/* Footer color fallback for pages that still render an <img> before SVG inlining. */
.site-footer.footer-has-image,
.site-footer:has(.footer-landscape-image) {
    position: relative;
}

.site-footer.footer-has-image::before,
.site-footer:has(.footer-landscape-image)::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1753.7 / 81.27;
    background-color: var(--footer-bg);
    -webkit-mask-image: url("../../images/footer-ustyurt.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center bottom;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../../images/footer-ustyurt.svg");
    mask-repeat: no-repeat;
    mask-position: center bottom;
    mask-size: 100% 100%;
}

.site-footer.footer-has-image .footer-landscape-image,
.site-footer:has(.footer-landscape-image) .footer-landscape-image {
    display: none;
}