/* ========== BRAND LOGO ========== */

.brand-logo {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 14px;
}

/* ========== NAVBAR (navbar-portfolio) ========== */

/* Header Transparent */
.portfolio-header {
    transition: background-color .3s ease, backdrop-filter .3s ease, box-shadow .3s ease;
}

.navbar-portfolio {
    background: transparent !important;
}

.navbar-scrolled {
    background: var(--bs-body-bg) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* CENTER ALIGN ICONS */
.nav-link .nav-icon {
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ACTIVE STATE */
.nav-link.active {
    color: var(--bs-primary) !important;
    font-weight: 600;
}

    .nav-link.active .nav-icon {
        color: var(--bs-primary) !important;
    }



/* ========== FOOTER ========== */

.footer-portfolio {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.footer-text {
    color: var(--bs-body-color);
}

.footer-link {
    color: var(--bs-body-color);
    text-decoration: none;
}

    .footer-link:hover {
        color: var(--bs-primary);
    }

.footer-separator {
    color: var(--bs-secondary);
}

/* ========== NAVBAR: MOBILE OVERRIDE (no transparent) ========== */
@media (max-width: 767.98px) {
    .navbar-portfolio {
        background: var(--bs-body-bg) !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    }

    .portfolio-header {
        background: var(--bs-body-bg) !important;
    }
}