.drink-card[data-category="signature"] .drink-art {
  right: 8px;
  overflow: hidden;
}

.drink-card[data-category="signature"] .drink-art img {
  object-position: center center;
}

.header-logo {
  border: 0;
  clip-path: none;
  padding: 2px;
  background: transparent;
  box-shadow: none;
}

.header-logo::after {
  display: none;
}

.header-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-queue span {
  background: #167da5;
  color: #fff;
}

.button.primary {
  background: #167da5;
  border-color: #167da5;
  color: #fff;
}

.button.primary:hover {
  background: #2098c4;
  border-color: #2098c4;
}

.filters button.active,
.filters button:hover {
  background: #167da5;
  border-color: #167da5;
  color: #fff;
}

#cutoffButton.active {
  background: #167da5;
  border-color: #2aa7d3;
  color: #fff;
  box-shadow: 0 0 14px rgba(22, 125, 165, .24);
}

.eyebrow i,
.hero h1 em::after {
  background: #167da5;
}

.menu-group--signature {
  --group-accent: #167da5;
}

.section-heading h2::after,
.reservation-copy h2::after,
.prts-separator b {
  color: #167da5;
}

.reservation-window,
.detail-alert {
  border-left-color: #167da5;
}

footer {
  border-top-color: #167da5;
}

.prts-rail::before {
  background: repeating-linear-gradient(135deg, #167da5 0 6px, #111 6px 12px);
}

.prts-separator::after {
  background: repeating-linear-gradient(135deg, transparent 0 9px, rgba(22, 125, 165, .22) 9px 11px);
}

#reservationDate,
.reservation-window strong {
  color: #167da5;
}

.drink-card.unavailable {
  filter: grayscale(.85) brightness(.5);
  border-color: #394044;
  cursor: not-allowed;
}

.drink-card.unavailable:hover {
  filter: grayscale(.85) brightness(.55);
  border-color: #4b5559;
  transform: none;
}

.stock-badge {
  border-color: #d05a50 !important;
  color: #ff9188 !important;
}

.stock-alert {
  border-left-color: #d05a50 !important;
  background: #241313;
  color: #ffaaa3;
}

.button:disabled,
.button:disabled:hover {
  background: #303638;
  border-color: #4a5154;
  color: #858d8f;
  cursor: not-allowed;
}

.admin-inventory {
  margin: 24px 0 30px;
  padding: 18px;
  border: 1px solid #3b484b;
  background: #0c1112;
}

.admin-inventory > p {
  margin: 4px 0 18px;
  color: var(--muted);
  font: 9px/1.7 var(--mono);
}

.inventory-checklist fieldset {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid #2f3a3d;
}

.inventory-checklist legend {
  padding: 0 8px;
  color: var(--cyan);
  font: 700 9px var(--mono);
  letter-spacing: .1em;
}

.inventory-checklist fieldset > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.inventory-checklist label {
  position: relative;
  display: grid;
  place-items: center;
  align-items: center;
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid #293336;
  background: #151a1b;
  color: #adb7b9;
  font: 10px var(--mono);
  text-align: center;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
}

.inventory-checklist label:has(input:checked) {
  border-color: #2aa7d3;
  background: #167da5;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 0 14px rgba(22,125,165,.22);
}

.inventory-checklist input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.inventory-checklist label:hover {
  border-color: #526064;
  background: #1c2325;
  color: #f1f4f4;
}

.inventory-checklist label:has(input:checked):hover {
  border-color: #55c5ea;
  background: #2098c4;
}

.inventory-checklist label:has(input:focus-visible) {
  outline: 2px solid #65d9ff;
  outline-offset: 2px;
}

.inventory-checklist label span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .inventory-checklist fieldset > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}