/* TourHog brand: added to pages for every operator except Jungle Zipline (see src/brand.js). */
:root { --th-orange: #fc6239; --th-cream: #fdf6ec; }

/* The TourHog logo before the business name, wherever a page shows its brand. */
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand::before {
  content: ""; flex: none; width: 40px; height: 40px; border-radius: 50%;
  background: var(--th-cream) url(/crew/tourhog-logo.svg) center / 88% no-repeat;
}
.side .brand { display: flex; }
@media (max-width: 860px) { .side .brand { display: none; } }

/* "on TourHog" mark, bottom corner of every page. */
body[data-tourhog]::after {
  content: "on TourHog"; position: fixed; z-index: 9999; pointer-events: none;
  left: calc(10px + env(safe-area-inset-left, 0px)); bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  padding: 6px 12px 6px 34px; border-radius: 999px; font: 700 12px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #2a0d04; background: var(--th-cream) url(/crew/tourhog-logo.svg) 6px center / 22px no-repeat;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18); border: 1px solid var(--th-orange);
}
@media print { body[data-tourhog]::after { display: none; } }