/* Disabled state of choices */
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
 	background-color: transparent;
 	pointer-events: none;
}

/* Style for right menu items */
.header-sticky .navbar-nav.nav-pills-primary-soft .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;        /* same as the icon buttons */
  padding: 0 18px !important;
  line-height: 1;      /* prevent extra vertical space */
}
/* Base state: same border as hover, but transparent */
.nav-pills-primary-soft .nav-link {
  border: 2px solid transparent;     /* keep height constant */
  border-radius: 0.75rem;
}
/* Hover / active: just change border color / bg, not size */
.nav-pills-primary-soft .nav-link:hover,
.nav-pills-primary-soft .nav-link.active {
  border-color: var(--bs-primary);
}

/* Cart items count badge */
.cart-items-count-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  transform: translate(45%, -45%);
  min-width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  padding: 0;
  background: #e53935;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/* Customer bookings: make tabs full-width on small devices */
@media (max-width: 575.98px) {
  .booking-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .booking-tabs .nav-item {
    flex: 1 0 0;
    margin-right: 0;      /* we already added mb-1 in Blade */
  }

  .booking-tabs .nav-link {
    width: 100%;
    text-align: center;
  }
}
