/*
 * Header/footer/banner styling for Blackmore_Portal_Account. The main header
 * no longer carries a login/account/logout item - that's handled by the
 * footer "Client Portal" / "My Account" link and the logged-in green banner.
 */

/* Footer menu "Client Portal" / logged-in links - inherit the footer menu's
   own link styling. The first logged-in item (My Collections) gets a bit of
   top margin to separate it from the legal links (Privacy/Cookie/Terms)
   above it in the stacked/vertical footer menu layout. */
.blackmore-portal-footer-link-first {
    margin-top: 1.25rem;
}

/* Full-width green banner shown under the header for logged-in users, with
   "My Collections | Change My Password | Logout" centered on one line. */
.blackmore-portal-user-banner {
    width: 100%;
    background: var(--ast-global-color-0, #00a651);
}

.blackmore-portal-user-banner-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.blackmore-portal-user-banner-inner a {
    color: var(--ast-global-color-5, #ffffff);
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
}

.blackmore-portal-user-banner-inner a:hover {
    opacity: 1;
    text-decoration: underline;
}

.blackmore-portal-user-banner-inner a.blackmore-portal-user-banner-active {
    font-weight: 700;
    opacity: 1;
}

.blackmore-portal-user-banner-sep {
    color: var(--ast-global-color-5, #ffffff);
    opacity: 0.6;
}