/* Slim bar above the header: enquiry hours, email, WhatsApp. Desktop only. */

.topbar { display: none; }
@media (min-width: 1040px) {
  :root { --topbar-h: 41px; }
  .topbar { position: sticky; top: 0; z-index: 51; height: var(--topbar-h); display: block; background: var(--hero); border-bottom: 1px solid rgba(255, 255, 255, .14); font-size: .9rem; color: #fff; }
  .topbar-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 40px; }
  .topbar p, .topbar ul { margin: 0; padding: 0; list-style: none; }
  .topbar-left { display: flex; align-items: center; gap: 12px; font-weight: 600; text-align: left; }
  .topbar-dots { display: inline-flex; gap: 5px; }
  .topbar-dots i { width: 7px; height: 7px; border-radius: 50%; background: #5BE3A8; }
  .topbar-right { display: flex; align-items: center; gap: 22px; }
  .topbar-right a { color: #fff; font-weight: 600; text-decoration: none; }
  .topbar-right > li > a:hover { text-decoration: underline; }
  .topbar-wa { display: inline-flex; align-items: center; gap: 7px; }
  .topbar-wa svg { width: 17px; height: 17px; color: #fff; }
}

/* The bar stays put when the page scrolls: the header sticks just below it */
@media (min-width: 1040px) {
  .site-header { top: var(--topbar-h); }
  html { scroll-padding-top: calc(64px + var(--topbar-h)); }
}