/* Section card */
.section-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
  padding: 25px;
}

/* Titles */
.section-title {
  font-family: "Cinzel", serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-1);
}

/* USER HEADER */
.user-header {
  background: white;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
  padding: 30px;
}

.brand-title {
  font-family: "Cinzel", serif;
  font-size: 2.6rem;
  font-weight: 300;
  letter-spacing: 2px;
}

/* BACK BUTTON */
.back-link {
  display: inline-block;
  margin-bottom: 20px;
}

/* TABLE */

.book-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.book-table thead {
  background: var(--color-3);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.book-table th,
.book-table td {
  padding: 12px;
  vertical-align: middle;
}

/* EXACT COLUMN WIDTHS */

.col-icon   { width: 60px; }
.col-book   { width: 28%; }
.col-progress { width: 20%; }
.col-review { width: auto; }
.col-rating { width: 90px; }
.col-delete { width: 100px; }

/* BOOK ICON */

.book-icon {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.book-icon img {
  width: 24px;
  height: 24px;
}

/* BOOK LINK */

.book-link {
  font-family: "Poppins", sans-serif;
  font-size: 1.1rem;
  color: var(--color-1);
  font-weight: 500;
  text-decoration: none;
}

.book-link:hover {
  color: var(--color-7);
}

/* PROGRESS */

.progress-container {
  background: #eee;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  background: var(--color-7);
  border-radius: 6px;
}

/* REVIEW TEXT */

.review-preview {
  font-size: 0.95rem;
  line-height: 1.4;

  display: -webkit-box;
  -webkit-line-clamp: 3;   /* max 3 lijnen */
  -webkit-box-orient: vertical;

  overflow: hidden;
}

/* SCORE BADGE */

.score-badge {
  padding: 6px 10px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  color: white;
}

/* SCORE COLORS */

.score-low {
  background: var(--color-4);
}

.score-mid {
  background: var(--color-2);
}

.score-high {
  background: var(--color-1);
}

/* DELETE BUTTON */

.delete-btn {
  background: var(--color-4);
  border: none;
  padding: 6px 10px;
  color: white;
  border-radius: 6px;
  cursor: pointer;
}

.delete-btn:hover {
  background: var(--color-7);
}

.add-review-disabled{
  background:#ddd;
  border:none;
  padding:6px 10px;
  border-radius:6px;
  color:#888;
  cursor:not-allowed;
}

.add-book-btn{
  background:var(--color-2);
  color:white;
  padding:10px 16px;
  border-radius:8px;
  text-decoration:none;
  font-weight:500;
}

.add-book-btn:hover{
  background:var(--color-4);
}