/* Customer Reviews Module Stylesheet (Theme Red/Warning) */

.btn-write-review {
  background-color: #e31e42 !important;
  color: #ffffff !important;
  border-radius: 50px;
  font-weight: 700;
  padding: 0.65rem 2rem;
  border: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(227, 30, 66, 0.2);
}

.btn-write-review:hover {
  background-color: #c91a3a !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(227, 30, 66, 0.3);
}

/* Review Cards Layout */
.review-card {
  border: 1px solid #f1f5f9 !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

.review-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Avatar Circle */
.avatar-circle-small {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #e31e42; /* Theme Red */
  color: #ffffff;
  font-weight: 700;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(227, 30, 66, 0.15);
}

/* Rating Stars */
.star-rating i {
  margin-right: 0.15rem;
}

/* Description Text */
.review-desc-text {
  font-style: italic;
  color: #475569 !important;
}

/* Pagination Overrides in CodeIgniter pagination links */
.pagination {
  gap: 0.25rem;
}

.pagination .page-item .page-link {
  border: none !important;
  color: #212529 !important;
  font-weight: 600;
  border-radius: 50% !important;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  margin: 0;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.pagination .page-item .page-link:hover {
  background-color: #ffc107 !important; /* Theme Yellow */
  color: #000000 !important;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active span.page-link {
  background-color: #e31e42 !important; /* Theme Red */
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(227, 30, 66, 0.25);
}

.pagination .page-item.disabled .page-link {
  background-color: #f1f5f9 !important;
  color: #cbd5e1 !important;
  opacity: 0.6;
}