/*-- Listing Pages Styling (matching silviacanelon.com) --*/

/*-- Page Title Styling --*/
#title-block-header {
  text-align: center;
  padding: 2rem 0 0.75rem 0;
  margin-bottom: 0.75rem;
}

#title-block-header .title {
  font-family: "Petrona", Georgia, serif;
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--spc-primary, #002642);
  margin-bottom: 0.5rem;
}

#title-block-header .subtitle,
#title-block-header .lead {
  font-size: 1.1rem;
  color: var(--spc-primary-light, #2E4963);
}

[data-bs-theme="dark"] #title-block-header .title {
  color: var(--spc-primary, #e8e8e8);
}

[data-bs-theme="dark"] #title-block-header .subtitle,
[data-bs-theme="dark"] #title-block-header .lead {
  color: var(--spc-primary-light, #b0b0b0);
}

/*-- Page Description Text --*/
main#quarto-document-content > p,
.page-columns > main > p,
#quarto-content main > p {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 2rem auto;
  padding: 0 1rem;
  color: var(--spc-primary-light, #2E4963);
  font-size: 1.05rem;
  line-height: 1.7;
}

[data-bs-theme="dark"] main#quarto-document-content > p,
[data-bs-theme="dark"] .page-columns > main > p,
[data-bs-theme="dark"] #quarto-content main > p {
  color: var(--spc-primary-light, #b0b0b0);
}

/*-- Default Listing --*/
.quarto-listing-default .listing-item {
  background: transparent;
  border: none;
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

/*-- Listing Titles --*/
.listing-title {
  font-family: "Petrona", Georgia, serif;
  color: var(--spc-primary, #002642);
  text-decoration: none;
}

.listing-title:hover {
  color: var(--spc-secondary, #A23E02);
  text-decoration: none;
}

/*-- Listing Metadata --*/
.listing-date,
.listing-author,
.listing-reading-time {
  color: #6c757d;
  font-size: 0.9rem;
}

/*-- Categories/Tags --*/
.listing-category,
.quarto-category {
  background-color: transparent;
  color: var(--spc-secondary, #A23E02);
  border: 1px solid var(--spc-secondary, #A23E02);
  border-radius: 3px;
  padding: 0.15rem 0.5rem;
  font-size: 0.8rem;
  text-decoration: none;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  display: inline-block;
}

.listing-category:hover,
.quarto-category:hover {
  background-color: var(--spc-secondary, #A23E02);
  color: white;
  text-decoration: none;
}

/*-- Grid Listings --*/
.quarto-grid-item .card {
  background: transparent;
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

/*-- Table Listings --*/
.quarto-listing-table table {
  background: transparent;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
}

.quarto-listing-table th {
  background-color: rgba(162, 62, 2, 0.1);
  color: var(--spc-primary, #002642);
  border-bottom: 2px solid #A23E02;
  font-weight: 500;
  padding: 0.75rem 1rem;
}

.quarto-listing-table td {
  border-bottom: 1px solid rgba(0, 38, 66, 0.1);
  padding: 0.75rem 1rem;
  color: var(--spc-primary, #002642);
}

.quarto-listing-table tbody tr:hover {
  background-color: rgba(162, 62, 2, 0.08);
}

/*-- Title Banner --*/
.quarto-title-banner {
  background-color: var(--spc-bg-1, #FAF0E3) !important;
}

.quarto-title-banner .quarto-title {
  font-family: "Petrona", Georgia, serif;
  color: var(--spc-primary, #002642);
}

/*-- Dark Mode --*/
[data-bs-theme="dark"] .quarto-listing-default .listing-item {
  background: transparent;
  border: none;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .listing-title {
  color: var(--spc-primary, #e8e8e8);
}

[data-bs-theme="dark"] .listing-title:hover {
  color: var(--spc-secondary, #D96E34);
}

[data-bs-theme="dark"] .listing-category,
[data-bs-theme="dark"] .quarto-category {
  background-color: transparent;
  color: var(--spc-secondary, #D96E34);
  border-color: var(--spc-secondary, #D96E34);
}

[data-bs-theme="dark"] .listing-category:hover,
[data-bs-theme="dark"] .quarto-category:hover {
  background-color: var(--spc-secondary, #D96E34);
  color: white;
}

[data-bs-theme="dark"] .quarto-grid-item .card {
  background: transparent;
  border: none;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .quarto-listing-table table {
  background: transparent;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .quarto-listing-table th {
  background-color: rgba(217, 110, 52, 0.15);
  color: #e8e8e8;
  border-bottom: 2px solid #D96E34;
}

[data-bs-theme="dark"] .quarto-listing-table td {
  border-bottom: 1px solid rgba(232, 232, 232, 0.15);
  color: #e8e8e8;
}

[data-bs-theme="dark"] .quarto-listing-table tbody tr:hover {
  background-color: rgba(217, 110, 52, 0.12);
}

[data-bs-theme="dark"] .quarto-title-banner {
  background-color: var(--spc-bg-1, #16213e) !important;
}

[data-bs-theme="dark"] .quarto-title-banner .quarto-title {
  color: var(--spc-primary, #e8e8e8);
}

/*-- Pagination --*/
.page-link {
  color: var(--spc-primary, #002642);
}

.page-link:hover {
  background-color: var(--spc-secondary, #A23E02);
  border-color: var(--spc-secondary, #A23E02);
  color: white;
}

.page-item.active .page-link {
  background-color: var(--spc-secondary, #A23E02);
  border-color: var(--spc-secondary, #A23E02);
}

[data-bs-theme="dark"] .page-link {
  color: var(--spc-primary, #e8e8e8);
  background-color: var(--spc-bg-1, #16213e);
}

[data-bs-theme="dark"] .page-link:hover {
  background-color: var(--spc-secondary, #D96E34);
  border-color: var(--spc-secondary, #D96E34);
}

[data-bs-theme="dark"] .page-item.active .page-link {
  background-color: var(--spc-secondary, #D96E34);
  border-color: var(--spc-secondary, #D96E34);
}