/* Footer interaction polish. Scoped to the shared Figma footer only. */

.dt-footer-figma a,
.dt-footer-figma i,
.dt-footer-figma img {
    -webkit-transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .22s ease, -webkit-transform .22s ease;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .22s ease, transform .22s ease;
}

    .dt-footer-figma a:focus-visible {
        outline: 3px solid rgba(253, 222, 81, .95);
        outline-offset: 4px;
        border-radius: 5px;
    }

.dt-footer-figma__nav li {
    -webkit-transition: -webkit-transform .22s ease;
    transition: transform .22s ease;
}

    .dt-footer-figma__nav li::before {
        display: inline-block;
        -webkit-transition: color .22s ease, -webkit-transform .22s ease;
        transition: color .22s ease, transform .22s ease;
    }

    .dt-footer-figma__nav li:hover,
    .dt-footer-figma__nav li:focus-within {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        color: #fdde51;
    }

        .dt-footer-figma__nav li:hover::before,
        .dt-footer-figma__nav li:focus-within::before {
            color: #fff;
            -webkit-transform: translateX(3px) scale(1.2);
            transform: translateX(3px) scale(1.2);
        }

.dt-footer-figma__nav a:hover,
.dt-footer-figma__nav a:focus-visible {
    color: #fdde51 !important;
    text-decoration: none !important;
    text-shadow: 0 2px 12px rgba(253, 222, 81, .5);
}

.dt-footer-figma__contact li {
    border-radius: 9px;
    -webkit-transition: background-color .22s ease, -webkit-transform .22s ease;
    transition: background-color .22s ease, transform .22s ease;
}

    .dt-footer-figma__contact li:hover,
    .dt-footer-figma__contact li:focus-within {
        /* background: rgba(255, 255, 255, .1); */
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

        .dt-footer-figma__contact li:hover i,
        .dt-footer-figma__contact li:focus-within i {
            color: #fff;
            -webkit-transform: scale(1.16) rotate(-7deg);
            transform: scale(1.16) rotate(-7deg);
        }

.dt-footer-figma__contact a:hover,
.dt-footer-figma__contact a:focus-visible {
    color: #fff !important;
    text-decoration: none !important;
}

.dt-footer-figma__contact li i,
.dt-footer-figma__counters i {
    display: inline-block;
    transform-origin: center;
}

.dt-footer-figma__brand:hover .dt-footer-figma__accent {
    width: 132px;
    background: #fff;
    box-shadow: 0 0 16px rgba(253, 222, 81, .7);
}

.dt-footer-figma__brand h2:hover strong {
    color: #fff9b4;
    text-shadow: 0 3px 16px rgba(253, 222, 81, .38);
}

.dt-footer-figma__facebook {
    border-radius: 14px;
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
}

    .dt-footer-figma__facebook:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        box-shadow: 0 10px 24px rgba(4, 48, 111, .22);
    }

.dt-footer-figma__copyright {
    -webkit-transition: -webkit-transform .22s ease;
    transition: transform .22s ease;
}

    .dt-footer-figma__copyright:hover {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    .dt-footer-figma__copyright img {
        border-radius: 14px;
        box-shadow: 0 4px 12px rgba(2, 43, 96, .16);
    }

    .dt-footer-figma__copyright:hover img {
        box-shadow: 0 8px 18px rgba(2, 43, 96, .28);
        -webkit-transform: rotate(-4deg) scale(1.06);
        transform: rotate(-4deg) scale(1.06);
    }

.dt-footer-figma__counters span {
    -webkit-transition: color .22s ease;
    transition: color .22s ease;
}

    .dt-footer-figma__counters span:hover {
        color: #fff;
    }

        .dt-footer-figma__counters span:hover i {
            color: #fff;
            -webkit-transform: translateY(-2px) scale(1.12);
            transform: translateY(-2px) scale(1.12);
        }

@media (max-width: 739px) {
    .dt-footer-figma__nav li:hover,
    .dt-footer-figma__nav li:focus-within,
    .dt-footer-figma__contact li:hover,
    .dt-footer-figma__contact li:focus-within {
        -webkit-transform: none;
        transform: none;
    }

    .dt-footer-figma__brand:hover .dt-footer-figma__accent {
        width: 66px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dt-footer-figma a,
    .dt-footer-figma i,
    .dt-footer-figma img,
    .dt-footer-figma li,
    .dt-footer-figma__facebook,
    .dt-footer-figma__copyright,
    .dt-footer-figma__counters span {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}