/* Buttons */
.btn-red {
  background: linear-gradient(135deg, var(--red-primary), var(--red-light));
  color: #fff;
  border-radius: var(--radius-md);
  border: none;
  padding: 10px 22px;
  transition: var(--transition);
}

.btn-red:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(230,57,70,0.3);
}

/* Cards */
.ui-card {
  border-radius: var(--radius-lg);
  border: 1px solid #f1d3d6;
  background: #fff;
  box-shadow: var(--shadow-soft);
  transition: var(--transition);
}

.ui-card:hover {
  transform: translateY(-6px);
}

/* Dark Panel */
.dark-panel {
  background: linear-gradient(135deg, #1a1a1a, #2b0f14);
  border-radius: 26px;
  padding: 26px;
  color: #fff;
  box-shadow: 0 25px 50px rgba(0,0,0,0.4);
}

/* Restaurant Item */
.restaurant-card {
  background: rgba(255,255,255,0.05);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--transition);
}

.restaurant-card:hover {
  background: rgba(255,255,255,0.12);
  transform: scale(1.02);
}

/* Pills */
.category-pill {
  background: rgba(255,255,255,0.08);
  border-radius: 30px;
  padding: 6px 14px;
  font-size: 0.85rem;
  transition: var(--transition);
}

.category-pill:hover {
  background: var(--red-primary);
  color: #fff;
}