/* Bilingual content toggling — default language is PT */
html.lang-pt [data-lang="en"] { display: none; }
html.lang-en [data-lang="pt"] { display: none; }

/* Language toggle: both PT/EN labels stay visible, active one sits over the sliding thumb */
.lang-toggle-label {
    color: #9ca3af;
}
html.lang-pt #langLabelPt,
html.lang-en #langLabelEn {
    color: #2563eb;
}

/* Active portfolio filter */
.portfolio-filter-btn {
    background-color: #ffffff;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}
.portfolio-filter-btn:hover {
    background-color: #f9fafb;
}
.portfolio-filter-btn.active {
    background-color: #2563eb;
    color: #ffffff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    border-color: transparent;
}

.portfolio-item.is-hidden {
    display: none;
}

/* Transparent header while at the top of the page (over the dark hero) */
#siteHeader.at-top {
    background-color: transparent;
    border-color: transparent;
}
#siteHeader.at-top .nav-fg-always {
    color: #ffffff !important;
}

@media (min-width: 768px) {
    #siteHeader.at-top .nav-fg-desktop {
        color: #ffffff !important;
    }
    #siteHeader.at-top .nav-fg-desktop:hover {
        color: #93c5fd !important;
    }
    #siteHeader.at-top .nav-lang-wrap {
        background-color: rgba(255, 255, 255, 0.12) !important;
    }
    #siteHeader.at-top .lang-toggle-label {
        color: rgba(255, 255, 255, 0.55);
    }
    html.lang-pt #siteHeader.at-top #langLabelPt,
    html.lang-en #siteHeader.at-top #langLabelEn {
        color: #2563eb;
    }
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f0f4f8;
}
::-webkit-scrollbar-thumb {
    background: #93c5fd;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}