/* Tema menú restaurante: primario #2a2a2a / #2f2f2f */
.bg-gradient-primary {
  background: linear-gradient(35deg, #2a2a2a 0, #2f2f2f 100%) !important;
}

.btn-primary {
  background-color: #2a2a2a !important;
  border-color: #2a2a2a !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #2f2f2f !important;
  border-color: #2f2f2f !important;
}

.text-primary {
  color: #2a2a2a !important;
}

.tabbable .nav-pills.restaurant-category-nav {
  background: linear-gradient(135deg, #2a2a2a 0%, #2f2f2f 100%) !important;
  border: 1px solid #1f1f1f;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.tabbable .nav-pills.restaurant-category-nav .nav-link {
  color: #2a2a2a !important;
  background: #fff !important;
  border-color: rgba(255, 255, 255, 0.85);
}

.tabbable .nav-pills.restaurant-category-nav .nav-link.active {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #2a2a2a !important;
  font-weight: 700;
}

.container-restorant .row > [class*="col-"] {
  margin-bottom: 2.25rem;
}

.container-restorant .strip {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  color: #1a1a1a;
  margin-bottom: 0;
}

.container-restorant .strip .res_title,
.container-restorant .strip .res_title a {
  color: #1a1a1a !important;
}

.container-restorant .strip .res_description {
  color: #5a5a5a;
}

.container-restorant .strip .res_mimimum {
  background: #1a1a1a;
  color: #ffffff !important;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-weight: 700;
  border: 1px solid #1a1a1a;
}

#productModal .modal-content {
  border-radius: 14px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);
}

#productModal #modalPrice {
  background: #1a1a1a;
  color: #fff !important;
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  font-weight: 700;
}

#productModal #variants-area-inside .btn-group-toggle .btn {
  border-radius: 10px !important;
}

#productModal #variants-area-inside .btn-group-toggle .btn.active {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #fff !important;
}

#cartSideNav .cart-side-item-card {
  border-radius: 14px;
}

#cartSideNav .cart-side-checkout {
  border-radius: 10px;
  background-color: #2a2a2a !important;
}