/** Delete these? **/
/*.wp-block-site-title a {
  text-decoration: none;
}

.wp-block-navigation a {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.9rem;
}

.single-product .wp-block-post-title,
.woocommerce div.product .product_title {
  font-family: Georgia, serif;
}

.rare-book-meta {
  display: grid;
  gap: 0.5rem;
  margin-top: 1.5rem;
}*/
/** Delete above? **/

.logo-img {
  height: 56px;
  width: auto;
  display: block;
}

.hero {
  min-height: 520px;
  background-image: url("../images/hero-natalia-y-f5xddISq428-unsplash.jpg");
  background-size: cover;
  background-position: center;
}
.hero-overlay {
  background: rgba(0, 0, 0, 0.42);
}
.hero-about {
  background-image: url("../images/hero-about-eva-kristensen-CfZDF4fp_8Q-unsplash.jpg");
}

.subhero {
  position: relative;
  min-height: 320px;
  color: #fff;
}
.subhero-fiction {
  background: url("../images/fiction-clem-onojeghuo-0PPKxWtYh0g-unsplash.jpg")
    center/cover no-repeat;
}
.subhero-first-editions {
  background: url("../images/first-editions-kamilla-isalieva-7MCcOaSlD9Q-unsplash.jpg")
    center/cover no-repeat;
}
.subhero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.35));
}
.subhero > .container {
  position: relative;
  z-index: 1;
}
/* HERO (background image + overlay) */
.hero {
  min-height: 520px;
  background-image: url("../images/hero-natalia-y-f5xddISq428-unsplash.jpg");
  background-size: cover;
  background-position: center;
}
.hero-overlay {
  background: rgba(0, 0, 0, 0.42);
}

.hero-about {
  background-image: url("../images/hero-about-eva-kristensen-CfZDF4fp_8Q-unsplash.jpg");
}

.subhero {
  position: relative;
  min-height: 320px;
  color: #fff;
}
.subhero-fiction {
  background: url("../images/fiction-clem-onojeghuo-0PPKxWtYh0g-unsplash.jpg")
    center/cover no-repeat;
}

.subhero-first-editions {
  background: url("../images/first-editions-kamilla-isalieva-7MCcOaSlD9Q-unsplash.jpg")
    center/cover no-repeat;
}

.subhero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.35));
}
.subhero > .container {
  position: relative;
  z-index: 1;
}

.object-fit-cover {
  object-fit: cover;
}

/* Related Products Cards */
/* Edge fade wrapper */
.edge-fade {
  --fade-bg: #fff;
  --fade-width: 48px;
  position: relative;
}

/* Left & right gradient overlays */
.edge-fade::before,
.edge-fade::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--fade-width);
  z-index: 2;
  pointer-events: none;
}

.edge-fade::before {
  left: 0;
  background: linear-gradient(
    to right,
    var(--fade-bg) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.edge-fade::after {
  right: 0;
  background: linear-gradient(
    to left,
    var(--fade-bg) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.bg-light .edge-fade {
  --fade-bg: #f8f9fa;
}

.related-scroll {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
}

.related-card {
  flex: 0 0 auto;
  width: 280px;
}

.card-book .price {
  font-weight: 600;
}

.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}

/* Fade arrows when disabled */
.btn {
  opacity: 100;
  transition: opacity 0.6s ease;
}

.btn[disabled] {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}

/* Category tiles */
.cat-bg {
  background-size: cover;
  background-position: center;
  filter: saturate(0.9);
}

/* View All */
.view_all {
  border-bottom: 1px solid #b99026; /* alternate colors: #844629 #5a2818; */
  text-align: right;
}
.view_all a {
  text-decoration: none;
  color: #b99026;
}

.carousel-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 60%);
}

.carousel-caption h5,
.carousel-caption p {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
}

.cat-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
}
.cat-label {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  font-size: 1.5rem;
}