/* ---------------------------------------------------------
   BOOKS PAGE — HERO BACKGROUND OVERRIDE
   This stylesheet loads AFTER styles.css and overrides only
   what the Books page needs. Nothing else is affected.
---------------------------------------------------------- */

/* Give the Books page hero its own background layer */
.lm-hero.lm-books-bg {
  background-image: url('images/larmagibooks.png') !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/* Remove the dark overlay ONLY on the Books page hero */
.lm-hero.lm-books-bg .lm-hero-overlay {
  background: none !important;
}

/* Improve text contrast */
.lm-hero.lm-books-bg .lm-hero-content h1,
.lm-hero.lm-books-bg .lm-hero-content h2,
.lm-hero.lm-books-bg .lm-hero-content p {
  text-shadow: 0 0 22px rgba(0, 0, 0, 0.65);
}

/* ⭐ FORCE wider Books Page Panel */
.lm-main-panel.lm-books-wide {
  max-width: 90vw !important;
}


/* Adjust grid */
.lm-books-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem;
}

/* Genre card spacing */
.lm-genre-card {
  padding: 2.4rem;
}