/* ==========================================================================
   SITE FOOTER — Desktop (1280px – 1920px)
   Shared across every desktop page (same idea as menu.desktop.css).
   Design reference: 1920 width. Height is set to fit the current
   content (34rem) — will grow if more rows get added later.
   Children use "bottom"/"left"/"right" measured from THIS component's
   own box, not the page, so it can be dropped onto any page unchanged.
   ========================================================================== */

.site-footer {
    position: relative;
    width: 100%;
    height: 34rem;
    background-color: #000000;
    overflow: hidden;
}

/* Social icons */
.site-footer__icon {
    position: absolute;
    width: 6rem;
    height: 6rem;
    z-index: 1;
    transition: transform 0.2s ease;
}

.site-footer__icon:hover {
    transform: scale(0.9);
}

.site-footer__icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.site-footer__icon--instagram { left: 10rem; bottom: 26rem; }
.site-footer__icon--telegram { left: 17rem; bottom: 26rem; }
.site-footer__icon--whatsapp { left: 24rem; bottom: 26rem; }

.site-footer__icon--behance { left: 10rem; bottom: 19rem; }
.site-footer__icon--linkedin { left: 17rem; bottom: 19rem; }
.site-footer__icon--facebook { left: 24rem; bottom: 19rem; }
.site-footer__icon--pinterest { left: 31rem; bottom: 19rem; }
.site-footer__icon--tiktok { left: 45rem; bottom: 19rem; }

.site-footer__icon--discord {
    left: 38rem;
    bottom: 19rem;
    opacity: 0.3;
    pointer-events: none;
    transition: none;
}

/* Divider line */
.site-footer__divider {
    position: absolute;
    left: 50%;
    bottom: 15rem;
    transform: translateX(-50%);
    width: 172rem;
    height: 0.1rem;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

/* Nav links */
.site-footer__link {
    position: absolute;
    font-family: 'Atyp Display', sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -0.08em;
    color: #ffffff;
    opacity: 1;
    white-space: nowrap;
    z-index: 1;
    transition: opacity 0.2s ease;
}

.site-footer__link:hover {
    opacity: 0.5;
}

.site-footer__link--caps {
    text-transform: uppercase;
}

.site-footer__link--disabled {
    opacity: 0.2;
    text-decoration: line-through;
    cursor: default;
    pointer-events: none;
}

.site-footer__link--disabled:hover {
    opacity: 0.2;
}

/* English (default) positions */
.site-footer__link--info { right: 53.8rem; bottom: 24.5rem; }
.site-footer__link--services { right: 36.4rem; bottom: 24.5rem; }
.site-footer__link--contact { right: 10rem; bottom: 24.5rem; }
.site-footer__link--career { right: 48.7rem; bottom: 19rem; }
.site-footer__link--blog { right: 37.3rem; bottom: 19rem; }
.site-footer__link--press { right: 24.7rem; bottom: 19rem; }
.site-footer__link--events { right: 10rem; bottom: 19rem; }

/* Ukrainian positions */
html[data-lang="uk"] .site-footer__link--info { right: 66.7rem; }
html[data-lang="uk"] .site-footer__link--services { right: 48.5rem; }
html[data-lang="uk"] .site-footer__link--contact { right: 10rem; }
html[data-lang="uk"] .site-footer__link--career { right: 49.4rem; }
html[data-lang="uk"] .site-footer__link--blog { right: 37.4rem; }
html[data-lang="uk"] .site-footer__link--press { right: 22.4rem; }
html[data-lang="uk"] .site-footer__link--events { right: 10rem; }

/* Japanese positions */
html[data-lang="ja"] .site-footer__link--info { right: 55.5rem; }
html[data-lang="ja"] .site-footer__link--services { right: 36.4rem; }
html[data-lang="ja"] .site-footer__link--contact { right: 10rem; }
html[data-lang="ja"] .site-footer__link--career { right: 59.9rem; }
html[data-lang="ja"] .site-footer__link--blog { right: 44.5rem; }
html[data-lang="ja"] .site-footer__link--press { right: 29.1rem; }
html[data-lang="ja"] .site-footer__link--events { right: 10rem; }

/* Bottom row — wordmark graphic, legal links, colophon graphic. */
.site-footer__bottom-graphic {
    position: absolute;
    left: 10rem;
    bottom: 4.5rem;
    width: 40.5rem;
    height: 6.5rem;
    z-index: 1;
}

.site-footer__kolontitul {
    position: absolute;
    right: 10rem;
    bottom: 4.5rem;
    width: 30rem;
    height: 2rem;
    z-index: 1;
}

.site-footer__legal {
    position: absolute;
    bottom: 7.4rem;
    font-family: 'Atyp Display', sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: -0.08em;
    color: #ffffff;
    opacity: 1;
    white-space: nowrap;
    cursor: default;
    z-index: 1;
    transition: opacity 0.2s ease;
}

.site-footer__legal:hover {
    opacity: 0.5;
}

.site-footer__legal--terms { right: 28.5rem; }
.site-footer__legal--privacy { right: 10rem; }

.site-footer__legal-divider {
    position: absolute;
    right: 26.7rem;
    bottom: 7.6rem;
    width: 0.2rem;
    height: 2.8rem;
    background-color: #ffffff;
    z-index: 1;
}

html[data-lang="uk"] .site-footer__legal--terms { right: 45.7rem; }
html[data-lang="uk"] .site-footer__legal--privacy { right: 10rem; }
html[data-lang="uk"] .site-footer__legal-divider { right: 43.9rem; bottom: 7.4rem; }

html[data-lang="ja"] .site-footer__legal--terms { right: 40.8rem; }
html[data-lang="ja"] .site-footer__legal--privacy { right: 10rem; }
html[data-lang="ja"] .site-footer__legal-divider { right: 39rem; bottom: 7.4rem; }