/* Elementor slot and grid. Face, type, and layouts live in cover-face.css. */

.e-con .elementor-widget-spreadread-book,
.elementor-widget-spreadread-book {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  flex-grow: 1;
}

.e-con .elementor-widget-spreadread-book > .elementor-widget-container {
  width: 100%;
  height: auto;
}

.elementor-widget-spreadread-book .sr-el-cover,
.sr-el-cover {
  --sr-cover: 480px;
  position: relative;
  top: 0;
  width: 11rem;
  max-width: 100%;
  min-width: 0;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  isolation: isolate;
  border-radius: 2px;
  container-type: inline-size;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .55) inset,
    0 12px 28px rgba(40, 32, 20, .1);
}

.elementor-widget-spreadread-book .sr-el-grid {
  --sr-cols-desktop: 6;
  --sr-cols-tablet-landscape: 6;
  --sr-cols-tablet-portrait: 4;
  --sr-cols-mobile-landscape: 4;
  --sr-cols-mobile-portrait: 2;
  --sr-cols: var(--sr-cols-desktop);
  display: grid;
  grid-template-columns: repeat(var(--sr-cols), minmax(0, 1fr));
  gap: 1.2rem;
  width: 100%;
}

@media (orientation: landscape) and (min-height: 600px) {
  .elementor-widget-spreadread-book .sr-el-grid {
    --sr-cols: var(--sr-cols-tablet-landscape);
  }
}

@media (min-width: 1200px) {
  .elementor-widget-spreadread-book .sr-el-grid {
    --sr-cols: var(--sr-cols-desktop);
  }
}

@media (orientation: portrait) and (min-width: 600px) {
  .elementor-widget-spreadread-book .sr-el-grid {
    --sr-cols: var(--sr-cols-tablet-portrait);
  }
}

@media (orientation: landscape) and (max-height: 599px) {
  .elementor-widget-spreadread-book .sr-el-grid {
    --sr-cols: var(--sr-cols-mobile-landscape);
  }
}

@media (orientation: portrait) and (max-width: 599px) {
  .elementor-widget-spreadread-book .sr-el-grid {
    --sr-cols: var(--sr-cols-mobile-portrait);
  }
}

.elementor-widget-spreadread-book .sr-el-grid .sr-el {
  width: 100%;
  min-width: 0;
}

.elementor-widget-spreadread-book .sr-el-grid .sr-el-cover {
  width: 100% !important;
  max-width: 100%;
  aspect-ratio: 2 / 3;
}

.elementor-widget-spreadread-book .sr-el-cover > .sr-el-open,
.sr-el-cover > .sr-el-open {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

.elementor-widget-spreadread-book .sr-el-cover > .sr-el-open:not(.sr-el-blank),
.sr-el-cover > .sr-el-open:not(.sr-el-blank) {
  background: #1c1812;
}

.elementor-widget-spreadread-book .sr-el-cover > .sr-el-blank {
  display: block;
  width: 100%;
  height: 100%;
}

.elementor-widget-spreadread-book .sr-el-info {
  position: absolute !important;
  right: 0.55rem;
  bottom: 0.45rem;
  z-index: 4;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--cover-mute, rgba(244, 234, 216, .78)) !important;
  text-decoration: none !important;
}

.elementor-widget-spreadread-book .sr-el-cover:hover,
.sr-el-cover:hover {
  top: -2px;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-widget-spreadread-book .sr-el-cover:hover,
  .sr-el-cover:hover {
    top: 0;
  }
}