.ol-home {
    position: relative;
    display: flex;
    justify-content: center;
}

.ol-home-moon-container {
    background-image: url("https://ovidiulorenz.ro/wp-content/uploads/2023/05/moon.webp");
    background-position: 50% 50%;
    background-size: 600px;
    background-repeat: no-repeat;

    z-index: -999;
    pointer-events: none;

    transition: all 2s;
    transform: translate(-25px, -25px);
    opacity: 0;
    scale: 0.95;
}

.ol-home-moon-container-showing {
    transform: translate(0, 0);
    opacity: 0.6;
    scale: 1;
}

.ol-home-moon-mask {
    opacity: 0.8;
    filter: blur(12px);
    scale: 1.05;
    rotate: 20deg;
    fill: black;
}

/**/

.ol-home-book-container {
    display: flex;
    align-items: center;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-image: url("https://ovidiulorenz.ro/wp-content/uploads/2026/05/coperta.webp");
    background-size: contain;
	background-repeat: no-repeat;

    transition: all 1s;
    width: 350px;
    height: 350px;
    opacity: 0;
}

.ol-home-book-container-showing {
    width: 400px;
    height: 400px;
    opacity: 1;
}

#shop {
	width: 270px;
	height: 400px;
}

/**/

.ol-quote-container {
  width: 450px;
  height: 600px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ol-quote-source {
  color: var(--wp--preset--color--accent);
  font-weight: bold;
}

/* SWIPER */

.ol-quote-container .swiper-pagination {
  --swiper-pagination-bullet-inactive-opacity: 0.8;

  position: unset;

  text-align: right;
}

.ol-quote-container .swiper-pagination-bullet {
  background-color: var(--wp--preset--color--secondary);
}

.ol-quote-container .swiper-pagination-bullet-active {
  background-color: var(--wp--preset--color--primary);
  transform: scale(1.2);
}