/* Slim "Karobar Group" bar shown above the header on every company site
   (EstateDrive, Business Consulting, Investment Advisory). Pages opt in with <body class="has-groupbar">. */
:root { --groupbar-h: 36px; }
html { scroll-padding-top: calc(80px + var(--groupbar-h)); }
.has-groupbar { padding-top: var(--groupbar-h); }
.has-groupbar .header { top: var(--groupbar-h); }

.groupbar { position: fixed; inset: 0 0 auto; z-index: 55; height: var(--groupbar-h); background: #0a1426; color: rgba(255, 255, 255, .75); font-family: var(--sans); font-size: .8rem; }
.groupbar__inner { width: min(1200px, 100% - 32px); margin-inline: auto; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.groupbar a { color: inherit; text-decoration: none; transition: color .2s; white-space: nowrap; }
.groupbar a:hover { color: #fff; }
.groupbar__back { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #fff !important; }
.groupbar__back img { width: 20px; height: 20px; border-radius: 5px; }
.groupbar__back svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .groupbar__back svg { transform: scaleX(-1); }
.groupbar__links { display: flex; align-items: center; gap: 18px; }
.groupbar__links span { opacity: .6; }
.groupbar__links a[aria-current="page"] { color: var(--accent-2, #e0a53a); font-weight: 600; }

@media (max-width: 860px) {
  .has-groupbar .nav { top: calc(76px + var(--groupbar-h)); }
}
@media (max-width: 640px) {
  .groupbar__links { display: none; }
}