/* ========================================
   PALETA DE COLORS #e70054 - VEROSE ROSA
   ======================================== */

:root {
  --color-verose: #e70054;        /* Base */
  --color-verose-light: #f04a7c;  /* Hover */
  --color-verose-dark: #b50041;   /* Visitat */
  --color-verose-darker: #8a0031; /* Detalls */
  --color-bg-highlight: #fce7ef;  /* Fons destacat */
}

/* ============= MENÚ LATERAL ============= */
 
/* Enllaços del menú - SEMPRE NEGRE */
.book-menu a {
  color: #333333 !important;
  text-decoration: none !important;
}

/* Hover al menú - ROSAT */
.book-menu a:hover {
  color: var(--color-verose-light) !important;
  text-decoration: none !important;
}

/* Element actiu (pàgina actual) - NEGRE amb barra esquerra */
.book-menu a.active {
  color: #333333 !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--color-verose) !important;
  padding-left: calc(1rem - 3px) !important;
  text-decoration: none !important;
}

/* Visitats al menú - MANTENIR NEGRE */
.book-menu a:visited {
  color: #333333 !important;
  text-decoration: none !important;
}

/* ============= ENLLAÇOS AL COS DEL TEXT ============= */

/* Enllaços al contingut - ROSA per defecte */
.book-content a,
.book-page a {
  color: var(--color-verose) !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 0.1rem 0.2rem !important;
  margin: -0.1rem -0.2rem !important;
  display: inline-block !important;
}

/* Hover al contingut - RECTANGLE NEGRE */
.book-content a:hover,
.book-page a:hover {
  background-color: #000000 !important;
  color: transparent !important;
  text-decoration: none !important;
}

/* Visitats al contingut - ROSA FOSC */
.book-content a:visited,
.book-page a:visited {
  color: var(--color-verose-dark) !important;
  text-decoration: none !important;
}

/* ============= ENLLAÇOS DE NAVEGACIÓ (Anterior/Següent) ============= */

/* Enllaços de navegació - ROSA */
.book-page .book-nav a,
.book-page .book-nav-prev a,
.book-page .book-nav-next a {
  color: var(--color-verose) !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 0.5rem 1rem !important;
  display: inline-block !important;
}

.book-page .book-nav a:hover,
.book-page .book-nav-prev a:hover,
.book-page .book-nav-next a:hover {
  background-color: #000000 !important;
  color: transparent !important;
  text-decoration: none !important;
}

/* ============= BOTONS ============= */

.book-btn {
  background-color: var(--color-verose) !important;
  color: white !important;
  border: none !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease;
}

.book-btn:hover {
  background-color: #000000 !important;
  color: transparent !important;
  text-decoration: none !important;
}

/* ============= DESTACATS ============= */

.book-page .book-expand {
  border-left: 3px solid var(--color-verose) !important;
}

/* ============= FONS DESTACAT ============= */

.verose-highlight {
  background-color: var(--color-bg-highlight) !important;
  border-left: 4px solid var(--color-verose) !important;
  padding: 1rem !important;
  border-radius: 0 4px 4px 0 !important;
  margin: 1.5rem 0 !important;
}