/* Selected item highlight */
.cpf-selected-item {
  border: 2px solid #0BB288 !important;
  box-shadow: 0 6px 20px rgba(11,178,136,0.08);
  background: #fbfffb;
}

/* make cards clickable cursor */
.cpf-product-item { cursor: pointer; }

/* sticky request bar on mobile: make it visible */
#cpf_request_bar {
  position: sticky;
  bottom: 18px;
  z-index: 20;
}

/* ensure checkboxes are visible */
.cpf-select-checkbox { transform: scale(1.1); }




/* --- Search bar styling --- */
.cpf-search-box {
  justify-content: flex-end;
}

.cpf-search-box .form-control-lg {
  border-radius: 50px 0 0 50px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding-left: 20px;
  transition: all 0.2s ease;
}

.cpf-search-box .form-control-lg:focus {
  border-color: #0BB288;
  box-shadow: 0 0 0 0.2rem rgba(11,178,136,0.15);
}

.cpf-search-box .btn-lg {
  border-radius: 0 50px 50px 0;
  padding: 0.6rem 1.5rem;
  background: #0BB288;
  border: none;
  transition: all 0.3s ease;
}

.cpf-search-box .btn-lg:hover {
  background: #099f76;
  transform: translateY(-1px);
}

/* --- Product hover effect --- */
.cpf-product-item {
  transition: all 0.25s ease;
}

.cpf-product-item:hover {
  background: #f5fffa;
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Checkbox highlight handled already */

#cpf_request_expert,#cpf_clear_selected {
    padding: 12px 24px;  /* Increase padding for bigger button */
    font-size: 14px;     /* Make text larger */
}