/* ==========================================================================
   MMP — Books page
   File: assets/css/books.css
   ========================================================================== */

.mmp-books-hero {
  text-align: center;
  background: linear-gradient(180deg, var(--mmp-page-paper), var(--mmp-page-cream));
  padding: 90px 40px !important;
}

.mmp-books-hero-inner {
  max-width: 850px;
  margin: 0 auto;
}

.mmp-books-hero h1 {
  color: var(--mmp-page-ink) !important;
  font-size: clamp(3.5rem, 8vw, 6.8rem) !important;
  letter-spacing: -0.06em !important;
  line-height: 0.96 !important;
}

.mmp-books-lede {
  font-family: var(--mmp-font-editorial);
  font-size: 1.4rem;
  color: var(--mmp-page-ink);
}

.mmp-books-btn-row {
  display: flex !important;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px !important;
}

.mmp-books-btn .wp-block-button__link {
  background: var(--mmp-page-ink) !important;
  color: var(--mmp-page-paper) !important;
  border: 1px solid var(--mmp-page-ink) !important;
  border-radius: 0 !important;
  font-family: var(--mmp-font-body);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 14px 22px;
}

.mmp-books-btn-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--mmp-page-ink) !important;
  border-color: var(--mmp-page-border) !important;
}

.mmp-books-launch {
  background: var(--mmp-page-ink);
  color: var(--mmp-page-paper);
  padding: 90px 40px !important;
}

.mmp-books-launch h2,
.mmp-books-launch h3 {
  color: var(--mmp-page-paper) !important;
}

.mmp-books-launch p {
  color: rgba(255, 250, 241, 0.82);
}

.mmp-books-badge {
  display: inline-block;
  width: fit-content;
  padding: 8px 12px;
  background: var(--mmp-page-gold);
  color: var(--mmp-page-ink);
  font-family: var(--mmp-font-body);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 !important;
}

.mmp-books-launch-grid {
  gap: 40px !important;
  align-items: center;
  margin-top: 40px !important;
}

.mmp-books-cover {
  margin: 0 !important;
}

.mmp-books-cover img,
.mmp-books-cover img[src=""] {
  width: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
  background: linear-gradient(135deg, var(--mmp-page-blue), var(--mmp-page-clay));
}

.mmp-books-launch-cover img,
.mmp-books-launch-cover img[src=""] {
  min-height: 520px;
}

.mmp-books-divider {
  border: none !important;
  border-top: 1px solid rgba(255, 250, 241, 0.15) !important;
  margin: 35px 0 !important;
}

.mmp-books-catalog {
  background: var(--mmp-white);
  padding: 90px 40px !important;
}

.mmp-books-card {
  gap: 36px !important;
  padding: 40px 0 !important;
  border-bottom: 1px solid var(--mmp-page-border-light);
  align-items: flex-start;
}

.mmp-books-card-last {
  border-bottom: none;
}

.mmp-books-card .mmp-books-cover img,
.mmp-books-card .mmp-books-cover img[src=""],
.mmp-books-cover-square img,
.mmp-books-cover-square img[src=""] {
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
  height: auto;
  object-fit: cover;
}

.mmp-books-meta {
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 !important;
}

.mmp-books-pill {
  padding: 8px 12px;
  background: var(--mmp-page-cream);
  color: var(--mmp-page-ink);
  font-family: var(--mmp-font-body);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 !important;
}

.mmp-books-coming {
  background: var(--mmp-page-paper);
  padding: 90px 40px !important;
}

.mmp-books-future-grid {
  gap: 24px !important;
  margin-top: 40px !important;
}

.mmp-books-future-card {
  background: var(--mmp-white);
  border: 1px solid var(--mmp-page-border-light);
  padding: 24px !important;
  box-shadow: var(--mmp-shadow-subtle);
}

.mmp-books-future-card-horizontal {
  display: grid !important;
  grid-template-columns: 120px 1fr;
  gap: 20px;
  align-items: flex-start;
}

.mmp-books-future-card-horizontal .mmp-books-future-cover {
  margin: 0 !important;
  width: 120px;
}

.mmp-books-future-card-horizontal .mmp-books-future-cover img,
.mmp-books-future-card-horizontal .mmp-books-future-cover img[src=""] {
  width: 120px;
  height: auto;
  max-height: 190px;
  min-height: 0 !important;
  aspect-ratio: auto;
  object-fit: contain;
  display: block;
  background: transparent;
}

.mmp-books-future-content {
  padding: 0 !important;
}

.mmp-books-future-content .mmp-books-badge {
  margin-top: 0 !important;
}

.mmp-books-future-card h3 {
  margin-top: 15px !important;
}

.mmp-books-why {
  background: #faf7f0;
  text-align: center;
  padding: 90px 40px !important;
}

.mmp-books-why-inner {
  max-width: 850px;
  margin: 0 auto;
}

.mmp-books-cta {
  background: var(--mmp-page-ink);
  color: var(--mmp-page-paper);
  text-align: center;
  padding: 90px 40px !important;
}

.mmp-books-cta-inner {
  max-width: 850px;
  margin: 0 auto;
}

.mmp-books-cta h2 {
  color: var(--mmp-page-paper) !important;
}

.mmp-books-cta p {
  color: rgba(255, 250, 241, 0.82);
}

.mmp-books-cta .mmp-books-btn-row {
  justify-content: center;
}

.mmp-books-cta .mmp-books-btn .wp-block-button__link {
  background: var(--mmp-page-paper) !important;
  color: var(--mmp-page-ink) !important;
  border-color: var(--mmp-page-paper) !important;
}

.mmp-books-cta .mmp-books-btn-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--mmp-page-paper) !important;
  border-color: rgba(255, 250, 241, 0.45) !important;
}

@media (max-width: 900px) {
  .mmp-books-launch-grid,
  .mmp-books-future-grid {
    flex-direction: column !important;
  }

  .mmp-books-card {
    flex-direction: column !important;
  }

  .mmp-books-card > .wp-block-column:first-child {
    flex-basis: auto !important;
    width: 100%;
  }
}

@media (max-width: 680px) {
  .mmp-books-hero,
  .mmp-books-launch,
  .mmp-books-catalog,
  .mmp-books-coming,
  .mmp-books-why,
  .mmp-books-cta {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mmp-books-future-card-horizontal {
    grid-template-columns: 1fr;
  }

  .mmp-books-future-card-horizontal .mmp-books-future-cover {
    width: 100%;
  }

  .mmp-books-future-card-horizontal .mmp-books-future-cover img,
  .mmp-books-future-card-horizontal .mmp-books-future-cover img[src=""] {
    width: 100%;
    max-height: none;
    height: auto;
  }
}

.mmp-books-hero-inner,
.mmp-books-launch-wrap,
.mmp-books-catalog-wrap,
.mmp-books-coming-wrap,
.mmp-books-why-inner,
.mmp-books-cta-inner {
    margin-inline: auto;
}