/* ==========================================================================
   PES site-wide footer credits bar — restyles the theme's existing
   footer.php markup (structure/menu/ACF social links untouched) to match
   the Figma "Footer" component. Loaded on every page, same --u
   proportional-scaling model as the header/page stylesheets.
   ========================================================================== */

:root {
    --pes-footer-u: calc(100vw / 1728);
}

.pes-footer-credits {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    padding: clamp(24px, calc(var(--pes-footer-u) * 57), 57px) clamp(20px, calc(var(--pes-footer-u) * 50), 50px);
}

@media only screen and (min-width: 700px) {
    .pes-footer-credits {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.pes-footer-credits__left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    float: none;
    margin: 0;
}

.pes-footer-credits__nav.foota_nav ul {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    letter-spacing: normal;
}

.pes-footer-credits__nav.foota_nav ul li {
    margin-right: 0;
}

.pes-footer-credits__nav.foota_nav ul li a {
    display: block;
    padding: 0 20px 0 0;
    font-family: 'Source Sans Pro', 'Montserrat', sans-serif;
    font-size: 1rem;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #fff;
    opacity: 1;
}

.pes-footer-credits__nav.foota_nav ul li a:after {
    height: 14px;
    background-color: #fff;
    opacity: .4;
}

.pes-footer-credits__nav.foota_nav ul li a:hover {
    opacity: .7;
}

.pes-footer-credits__copyright {
    margin: 0;
    font-family: 'Source Sans Pro', 'Montserrat', sans-serif;
    font-size: 1rem;
    letter-spacing: .32px;
    text-transform: uppercase;
    color: #fff;
}

.pes-footer-credits__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    float: none;
}

@media only screen and (min-width: 700px) {
    .pes-footer-credits__right {
        flex-direction: row;
        align-items: center;
        gap: clamp(24px, calc(var(--pes-footer-u) * 60), 60px);
    }
}

.pes-footer-credits__social {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    top: 0;
}

.pes-footer-credits__social a {
    display: block;
    flex: none;
    transition: opacity .2s ease;
}

.pes-footer-credits__social a:hover {
    opacity: .7;
}

.pes-footer-credits__social img {
    display: block;
    width: clamp(30px, calc(var(--pes-footer-u) * 42.5), 42.5px);
    height: auto;
}

.pes-footer-credits__madeby {
    display: block;
    width: clamp(64px, calc(var(--pes-footer-u) * 91), 91px);
    transition: opacity .2s ease;
}

.pes-footer-credits__madeby:hover {
    opacity: .7;
}

.pes-footer-credits__madeby img {
    display: block;
    width: 100%;
    height: auto;
}