/* Theme color overrides for topbar and navigation — matte glassy black */

.tp-site-header.tp-header-style-2 .topbar {
    background-color: #000;
}

.tp-site-header.tp-header-style-2 .navigation {
    background: linear-gradient(135deg, rgba(30, 30, 30, 0.6) 0%, rgba(15, 15, 15, 0.55) 50%, rgba(30, 30, 30, 0.6) 100%) !important;
    background-color: transparent !important;
    backdrop-filter: blur(24px) saturate(140%) brightness(1.1) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%) brightness(1.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Ensure topbar text colors are correct */
.tp-site-header.tp-header-style-2 .topbar ul li,
.tp-site-header.tp-header-style-2 .topbar ul li i {
    color: #fff;
}

.tp-site-header.tp-header-style-2 .topbar .contact-info ul li a {
    color: #fff;
}

.tp-site-header.tp-header-style-2 .topbar .contact-info ul li a:hover {
    color: rgba(255, 255, 255, 0.6);
}