/* =========================================
   BOOKS HERO
========================================= */

.veil-books-hero {
  position: relative;
  min-height: 340px;

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;

  overflow: hidden;

  background:
    linear-gradient(rgba(5,10,20,.38), rgba(5,10,20,.84)),
    url('/wp-content/uploads/books-veil-hero-1.png')
    center center / cover no-repeat;

  border-bottom: 1px solid rgba(211,177,106,.3);
}

.veil-books-hero__overlay {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at center,
      rgba(139,0,15,.16),
      transparent 42%),

    radial-gradient(circle at top,
      rgba(90,166,173,.12),
      transparent 58%),

    linear-gradient(
      90deg,
      rgba(3,8,18,.92),
      transparent 45%,
      rgba(3,8,18,.92)
    );

  pointer-events: none;
}

.veil-books-hero__content {
  position: relative;
  z-index: 2;
  padding: 3rem 1.5rem;
}

.veil-books-hero h1 {
  margin: 0;

  font-family: "Cinzel", serif;
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 400;

  letter-spacing: .08em;
  text-transform: uppercase;

  color: #f5ead6;

  text-shadow:
    0 0 18px rgba(0,0,0,.85),
    0 0 40px rgba(139,0,15,.18);
}

.veil-books-hero p {
  margin: 0;

  font-family: "Cormorant Garamond", serif;
  font-size: 1.35rem;

  color: #e8dcc7;
}

/* =========================================
   BOOKS CONTENT
========================================= */

.veil-books-wrap {
  padding: 4rem 8%;

  background:
    radial-gradient(circle at top,
      rgba(139,0,15,.05),
      transparent 30%),

    radial-gradient(circle at center,
      rgba(90,166,173,.06),
      transparent 45%),

    linear-gradient(
      180deg,
      #050814,
      #080b12
    );
}

.veil-books-intro {
  max-width: 960px;
  margin: 0 auto;

  text-align: center;
}

.veil-books-intro .lv-sub {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* Placeholder grid */
.veil-books-grid {
  margin-top: 3rem;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

  .veil-books-hero {
    min-height: 260px;
  }

  .veil-books-wrap {
    padding: 3rem 1.25rem;
  }

}

/* =========================================================
   BOOK FORMAT / ISBN CARDS
   ========================================================= */

.formats-heading {
    text-align: center;
}

.formats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
    margin-top: 16px;
}

.format-card {
    padding: 16px;
}

.format-title {
    margin: 0;
    text-align: center;
}

/* Book price */
.book-price {
    margin: 5px 0 16px;
    text-align: center;

    color: #5acbed;
    font-size: 2.15rem;
    font-weight: 800;
    line-height: 1.2;

    text-shadow:
        0 0 6px rgba(90, 203, 237, 0.35),
        0 0 12px rgba(90, 203, 237, 0.20);
}

.format-details {
    margin: 0;
}
/* Book format pricing */
.book-price {
    color: #5acbed;;
    font-size: 2.15rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 14px;
    text-shadow:
        0 0 6px rgba(90, 203, 237, 0.35),
        0 0 12px rgba(90, 203, 237, 0.20);
}
.book-card .book-price {
    color: #5acbed !important;
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin: 4px 0 16px !important;
    text-align: center !important;

    text-shadow:
        0 0 6px rgba(90, 203, 237, 0.45),
        0 0 14px rgba(90, 203, 237, 0.25);
}