/*------------------------------------*\
    TOP CONTACT BAR (dark strip above header)
\*------------------------------------*/
.topbar-strip {
    background-color: var(--nuvo-main, #1d1c23);
    width: 100%;
}
.topbar-strip-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 8px 10px;
}
.topbar-left { display: flex; align-items: center; gap: 24px; }
.topbar-left a {
    color: #fff;
    text-decoration: none;
    font-family: var(--font-body, sans-serif);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: opacity .25s ease;
}
.topbar-left a:hover { opacity: .75; }
.topbar-left svg { color: var(--nuvo-accent, #829a89); flex-shrink: 0; }

.topbar-right { display: flex; align-items: center; gap: 16px; }
.topbar-right a {
    color: #fff;
    display: flex;
    align-items: center;
    transition: color .25s ease;
}
.topbar-right a:hover { color: var(--nuvo-accent, #829a89); }
.topbar-right svg { fill: currentColor; }

@media (max-width: 575px) {
    .topbar-strip-inner { padding: 7px 16px; gap: 10px; }
    .topbar-left { gap: 14px; }
    /* Hide the email on very small screens to keep one tidy line */
    .topbar-left a:nth-child(2) { display: none; }
    .topbar-left a { font-size: 12px; }
}