/* ═══════════════════════════════════════════════
   FOOTER BAR — compact horizontal footer for post/page
═══════════════════════════════════════════════ */

.footer-bar {
    position: relative;
    z-index: 103;
    background-color: var(--text-color);
    color: #fff;
    height: 120px;
    padding: 0 max(40px, calc(2.8vw * var(--scale)));
}

.footer-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: max(24px, calc(1.67vw * var(--scale)));
}

/* ── Left: logo + social icons ── */
.footer-bar-left {
    display: flex;
    align-items: center;
    gap: max(56px, calc(3.9vw * var(--scale)));
}

.footer-bar-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.footer-bar-logo img {
    height: max(36px, calc(2.5vw * var(--scale)));
    width: auto;
    filter: brightness(0) invert(1);
}

.footer-bar-logo span {
    font-family: var(--font1);
    font-size: max(18px, calc(1.25vw * var(--scale)));
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.05em;
}

.footer-bar-social {
    display: flex;
    align-items: center;
    gap: max(28px, calc(1.94vw * var(--scale)));
}

.footer-bar-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.footer-bar-social-icon:hover {
    opacity: 1;
}

.footer-bar-social-icon svg {
    width: max(26px, calc(1.81vw * var(--scale)));
    height: max(26px, calc(1.81vw * var(--scale)));
}

/* ── Right: nav links + copyright ── */
.footer-bar-right {
    display: flex;
    align-items: center;
    gap: max(32px, calc(2.22vw * var(--scale)));
}

.footer-bar-right a {
    font-family: var(--font2);
    font-size: max(12px, calc(0.83vw * var(--scale)));
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.5;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.footer-bar-right a:hover {
    opacity: 1;
}

.footer-bar-copyright {
    font-family: var(--font2);
    font-size: max(12px, calc(0.83vw * var(--scale)));
    font-weight: 300;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.5);
}

/* ── Mobile ── */
@media (max-width: 991px) {
    .footer-bar-inner {
        flex-direction: column;
        align-items: center;
        gap: max(16px, calc(1.11vw * var(--scale)));
    }

    .footer-bar-left {
        flex-direction: column;
        gap: max(12px, calc(0.83vw * var(--scale)));
    }

    .footer-bar-right {
        flex-wrap: wrap;
        justify-content: center;
        gap: max(14px, calc(0.97vw * var(--scale)));
    }
}