/* CSS Premium Luxury MENTAVA */
.footer-luxury {
    background: linear-gradient(135deg, #0b111a 0%, #151b22 100%);
    position: relative;
    color: #d1d5db;
    overflow: hidden;
}

/* Subtle noise effect overlay */
.footer-luxury::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABAABJzQnCgAAAABJRU5ErkJggg==");
    pointer-events: none;
    z-index: 0;
}

.footer-content {
    position: relative;
    z-index: 1;
}

/* Luxury Typography */
.heading-luxury {
    font-size: 0.85rem;
    letter-spacing: 2px;
    font-weight: 600;
    color: #ffffff;
}

/* Navigation Hover Underline Animation */
.nav-link-luxury {
    position: relative;
    color: #9ca3af;
    text-decoration: none;
    padding: 0;
    transition: color 0.3s ease;
    font-size: 0.9rem;
}
.nav-link-luxury::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #ffffff;
    transition: width 0.3s ease;
}
.nav-link-luxury:hover {
    color: #ffffff !important;
}
.nav-link-luxury:hover::after {
    width: 100%;
}

/* Premium Contact Cards */
.contact-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}
.contact-card:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
.contact-icon {
    background: rgba(255, 255, 255, 0.1);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Social Media Glow Buttons */
.social-btn-luxury {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #a1a1aa;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}
.social-btn-luxury:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1);
}

/* Navbar publik MENTAVA */
.mentava-public-header {
    position: fixed;
    width: 100%;
    z-index: 1040;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    background: rgba(5, 25, 27, .62);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    transition: background-color .2s ease, box-shadow .2s ease;
}

.mentava-public-header.scrolled {
    background: rgba(5, 31, 32, .97) !important;
    box-shadow: 0 10px 35px rgba(3, 18, 20, .2);
}

.mentava-navbar {
    min-height: 78px;
}

.mentava-navbar .container-xxl,
.mentava-navbar .container-fluid,
.mentava-navbar .navbar-collapse {
    min-width: 0;
}

.mentava-brand {
    min-width: 0;
    margin-right: 1rem;
}

.mentava-navbar.navbar-expand-xl .mentava-brand {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.mentava-brand-logo {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: contain;
}

.mentava-brand-copy {
    min-width: 0;
    line-height: 1.1;
}

.mentava-brand-name {
    color: #72d39a;
    font-weight: 700;
    letter-spacing: .04em;
}

.mentava-brand-tagline {
    display: block;
    max-width: 13rem;
    overflow: hidden;
    color: rgba(255, 255, 255, .78);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mentava-navbar .navbar-nav {
    min-width: 0;
}

.mentava-navbar .nav-link {
    position: relative;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: .65rem;
    color: rgba(255, 255, 255, .88) !important;
    background: transparent;
    font-size: .88rem;
    font-weight: 600;
    white-space: nowrap;
    transition: color .18s ease, background-color .18s ease;
}

.mentava-navbar .nav-link:hover,
.mentava-navbar .nav-link:focus-visible,
.mentava-navbar .nav-link.active {
    color: #fff !important;
    background: rgba(255, 255, 255, .12);
}

.mentava-navbar .nav-link.active::before {
    content: '';
    position: absolute;
    right: .75rem;
    bottom: .35rem;
    left: .75rem;
    height: 2px;
    border-radius: 2px;
    background: #72d39a;
}

.mentava-navbar .navbar-toggler {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: .7rem;
}

.mentava-navbar .navbar-toggler-animation span {
    background: #fff !important;
}

/* Keep click, touch and keyboard state in sync with Bootstrap. */
.mentava-navbar.navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu {
    top: 100%;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: none;
    max-height: calc(100vh - var(--welcome-header-height, 78px) - 1.5rem);
    max-height: calc(100dvh - var(--welcome-header-height, 78px) - 1.5rem);
    overflow-y: auto;
}

.mentava-navbar.navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu.show {
    display: block;
    visibility: visible;
    opacity: 1;
}

.mentava-navbar.navbar-expand-xl .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: auto;
}

@media (min-width: 1200px) {
    .mentava-navbar .mentava-discover {
        position: static;
    }

    .mentava-navbar .mentava-discover-menu {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.mentava-discover-menu {
    right: 0;
    left: auto;
    width: min(46rem, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid #e5eee9;
    border-radius: 1rem;
    box-shadow: 0 22px 55px rgba(6, 38, 37, .18);
}

.mentava-menu-label {
    margin: 0 0 .5rem;
    color: #6b7b76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mentava-discover-menu .dropdown-item {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: .75rem;
    padding: .65rem .75rem;
    border-radius: .7rem;
    color: #183c36;
    font-weight: 500;
    white-space: normal;
}

.mentava-discover-menu .dropdown-item i {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    flex: 0 0 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .55rem;
    color: #0f7654;
    background: #e7f5ee;
}

.mentava-discover-menu .dropdown-item:hover,
.mentava-discover-menu .dropdown-item:focus-visible,
.mentava-discover-menu .dropdown-item.active {
    color: #0b5d43;
    background: #f0f8f4;
}

.mentava-discover-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: .85rem;
    color: #fff;
    background: #0d5f4a;
}

.mentava-discover-card small {
    display: block;
    margin-top: .2rem;
    color: rgba(255, 255, 255, .76);
}

.mentava-nav-actions {
    flex-shrink: 0;
}

.mentava-cta,
.mentava-register {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.mentava-cta {
    color: #073f31;
    border-color: #80d4aa;
    background: #80d4aa;
    box-shadow: 0 8px 22px rgba(71, 184, 129, .22);
}

.mentava-cta:hover,
.mentava-cta:focus-visible {
    color: #052d24;
    border-color: #a2e2c1;
    background: #a2e2c1;
}

.mentava-register {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(255, 255, 255, .08);
}

.mentava-register:hover,
.mentava-register:focus-visible {
    color: #fff;
    border-color: #fff;
    background: rgba(255, 255, 255, .16);
}

.mentava-icon-button,
.mentava-account-toggle {
    position: relative;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: .7rem;
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.mentava-icon-button {
    position: relative;
    padding: .5rem;
}

.mentava-account-toggle {
    max-width: 13rem;
    gap: .55rem;
    padding: .3rem .55rem;
}

.mentava-account-toggle::after {
    margin-left: .1rem;
}

.mentava-icon-button:hover,
.mentava-icon-button:focus-visible,
.mentava-account-toggle:hover,
.mentava-account-toggle:focus-visible {
    color: #fff;
    border-color: rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .16);
}

.mentava-avatar {
    width: 34px;
    height: 34px;
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, .68);
    border-radius: 50%;
    object-fit: cover;
}

.mentava-avatar-fallback {
    color: #064632;
    background: #bce8d0;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.mentava-account-name {
    overflow: hidden;
    font-size: .82rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1599.98px) {
    .mentava-account-name {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    .mentava-navbar .nav-link {
        padding-right: .45rem;
        padding-left: .45rem;
        font-size: .84rem;
    }
}

.mentava-language-switch form {
    margin: 0;
}

.mentava-language-button {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: .7rem;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    font-size: .85rem;
    font-weight: 700;
    line-height: 1;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.mentava-language-button:hover,
.mentava-language-button:focus-visible {
    border-color: rgba(255, 255, 255, .58);
    background: rgba(255, 255, 255, .17);
    transform: translateY(-1px);
}

.mentava-notification-badge {
    position: absolute;
    top: -.3rem;
    right: -.35rem;
    min-width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .25rem;
    border: 2px solid #0b3432;
    border-radius: 1rem;
    color: #fff;
    background: #dc3545;
    font-size: .62rem;
    font-weight: 800;
}

.mentava-notification-menu,
.mentava-profile-menu {
    width: min(23rem, calc(100vw - 1.5rem));
    padding: .6rem;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 22px 55px rgba(6, 38, 37, .2);
}

.mentava-notification-header,
.mentava-profile-summary {
    padding: .65rem .7rem;
    border-bottom: 1px solid #e7efeb;
}

.mentava-profile-summary strong,
.mentava-profile-summary small {
    display: block;
    overflow-wrap: anywhere;
}

.mentava-profile-summary small {
    margin-top: .2rem;
    color: #6d7b77;
}

.mentava-notification-list {
    max-height: 22rem;
    overflow-y: auto;
}

.mentava-notification-item {
    width: 100%;
    white-space: normal;
    display: grid;
    grid-template-columns: .55rem minmax(0, 1fr);
    gap: .65rem;
    padding: .8rem .7rem;
    border: 0;
    border-radius: .7rem;
    color: #31443f;
    background: transparent;
    text-align: left;
}

.mentava-notification-item:hover,
.mentava-notification-item:focus-visible,
.mentava-notification-item.is-unread {
    background: #eff8f3;
}

.mentava-notification-dot {
    width: .5rem;
    height: .5rem;
    margin-top: .4rem;
    border-radius: 50%;
    background: #cbd5d1;
}

.mentava-notification-item.is-unread .mentava-notification-dot {
    background: #198754;
}

.mentava-notification-message,
.mentava-notification-item time {
    display: block;
    overflow-wrap: anywhere;
}

.mentava-notification-message {
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.45;
}

.mentava-notification-item time {
    margin-top: .2rem;
    color: #72817c;
    font-size: .72rem;
}

.mentava-notification-empty {
    padding: 2rem 1rem;
    color: #75827e;
    text-align: center;
}

.mentava-notification-footer {
    display: flex;
    justify-content: center;
    padding: .65rem;
    border-top: 1px solid #e7efeb;
    color: #0d6f50;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.mentava-profile-menu .dropdown-item {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: .7rem;
    border-radius: .65rem;
}

.mentava-profile-menu .dropdown-item:hover,
.mentava-profile-menu .dropdown-item:focus-visible {
    background: #eff8f3;
}

.mentava-navbar button:focus-visible,
.mentava-navbar a:focus-visible,
.mentava-footer a:focus-visible {
    outline: 3px solid rgba(128, 212, 170, .5);
    outline-offset: 2px;
}

/* Footer publik MENTAVA */
.mentava-footer {
    position: relative;
    overflow: hidden;
    color: #b9c9c4;
    background: #071f21;
}

.mentava-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 15% 0%, rgba(46, 139, 101, .18), transparent 34%);
}

.mentava-footer-content {
    position: relative;
    z-index: 1;
}

.mentava-footer-logo {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.mentava-footer-title {
    margin-bottom: 1.15rem;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.mentava-footer-description {
    color: #aebfba;
    font-size: .86rem;
    line-height: 1.7;
}

.mentava-contact-list,
.mentava-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mentava-contact-list {
    display: grid;
    gap: .65rem;
}

.mentava-contact-list li,
.mentava-contact-list a {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: .65rem;
    color: #c6d4d0;
    font-size: .82rem;
    line-height: 1.45;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.mentava-contact-list i {
    margin-top: .1rem;
    color: #72d39a;
}

.mentava-footer-links {
    display: grid;
    gap: .72rem;
}

.mentava-footer-links a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #aebfba;
    font-size: .86rem;
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
}

.mentava-footer-links a::before {
    content: '';
    width: .35rem;
    height: .35rem;
    flex: 0 0 .35rem;
    border-radius: 50%;
    background: #4da77d;
}

.mentava-footer-links a:hover,
.mentava-footer-links a:focus-visible {
    color: #fff;
    transform: translateX(2px);
}

.mentava-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: #8fa39d;
    font-size: .78rem;
}

@media (max-width: 1199.98px) {
    .mentava-navbar .navbar-collapse {
        right: .75rem;
        left: .75rem;
        max-height: calc(100vh - var(--welcome-header-height, 78px) - 1.5rem);
        max-height: calc(100dvh - var(--welcome-header-height, 78px) - 1.5rem);
        margin-top: .5rem;
        padding: 1rem;
        overflow-y: auto;
        border: 1px solid #dce9e3;
        border-radius: 1rem;
        background: #fff;
        box-shadow: 0 20px 45px rgba(6, 38, 37, .2);
    }

    .mentava-navbar.navbar-expand-xl .navbar-collapse .navbar-nav .nav-item {
        padding: .25rem 0;
    }

    .mentava-navbar.navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu {
        position: static;
        width: 100%;
        min-width: 0;
        max-height: none;
        overflow: visible;
    }

    .mentava-navbar .nav-link,
    .mentava-public-header.scrolled .mentava-navbar .nav-link {
        width: 100%;
        color: #173d36 !important;
    }

    .mentava-navbar .nav-link:hover,
    .mentava-navbar .nav-link:focus-visible,
    .mentava-navbar .nav-link.active {
        color: #0a5c43 !important;
        background: #edf7f2;
    }

    .mentava-discover-menu {
        position: static !important;
        width: 100%;
        margin-top: .35rem;
        box-shadow: none;
    }

    .mentava-nav-actions {
        width: 100%;
        align-items: stretch !important;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #e2ece7;
    }

    .mentava-nav-actions > li,
    .mentava-nav-actions .mentava-cta,
    .mentava-nav-actions .mentava-register,
    .mentava-account-toggle {
        width: 100%;
        max-width: none;
    }

    .mentava-icon-button,
    .mentava-account-toggle,
    .mentava-language-button,
    .mentava-register {
        color: #173d36;
        border-color: #cadbd3;
        background: #f4f9f6;
    }

    .mentava-icon-button:hover,
    .mentava-icon-button:focus-visible,
    .mentava-account-toggle:hover,
    .mentava-account-toggle:focus-visible,
    .mentava-language-button:hover,
    .mentava-language-button:focus-visible,
    .mentava-register:hover,
    .mentava-register:focus-visible {
        color: #0a5c43;
        border-color: #8ebda7;
        background: #edf7f2;
    }

    .mentava-language-button {
        width: 100%;
    }

    .mentava-account-name {
        display: block;
        max-width: calc(100% - 4.5rem);
    }

    .mentava-notification-menu,
    .mentava-profile-menu,
    .language-switcher .dropdown-menu {
        right: auto !important;
        left: 0 !important;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .mentava-brand-tagline {
        max-width: 9rem;
    }

    .mentava-brand-logo {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .mentava-navbar .navbar-collapse {
        padding: .75rem;
    }

    .mentava-discover-card {
        align-items: stretch;
        flex-direction: column;
    }

    .mentava-footer {
        text-align: left;
    }
}

/* Give content pages room below the fixed navbar. */
.mentava-inner-page {
    padding-top: var(--welcome-header-height, 78px);
}

.mentava-inner-page .mentava-public-header {
    background: rgba(5, 31, 32, .97);
}