@font-face {
    font-family: 'StorytelEuclid';
    src: local('StorytelEuclid'), url('~/fonts/StorytelEuclid-Light-Latin.woff2') format('woff2'), url('~/fonts/StorytelEuclid-Light-Latin.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'StorytelEuclid';
    src: local('StorytelEuclid'), url('~/fonts/StorytelEuclid-Medium-Latin.woff2') format('woff2'), url('~/fonts/StorytelEuclid-Medium-Latin.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'StorytelEuclid';
    src: local('StorytelEuclid'), url('~/fonts/StorytelEuclid-Regular-Latin.woff2') format('woff2'), url('~/fonts/StorytelEuclid-Regular-Latin.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'StorytelEuclid';
    src: local('StorytelEuclid'), url('~/fonts/StorytelEuclid-Semibold-Latin.woff2') format('woff2'), url('~/fonts/StorytelEuclid-Semibold-Latin.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.swiper-wrapper {
    transition-timing-function: linear;
}

body {
    font-family: "StorytelEuclid", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.fs-6 {
    font-size: .8rem !important;
}

.bg-dark {
    background-color: #000 !important;
}

.navbar {
    --bs-navbar-nav-link-padding-x: 1rem;
}

.navbar-nav .nav-link {
    color: #fff;
}

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show,
    .navbar-nav .nav-link:hover {
        color: rgb(255, 80, 28);
    }

.navbar-expand-lg .navbar-nav.border {
    border-left: 1px solid rgb(92, 92, 92) !important;
    border-right: 1px solid rgb(92, 92, 92) !important;
}

.slide-book-item img {
    width: 120px;
}

.slide-book-cover img {
    width: 400px;
}

.text-orange {
    color: rgb(255, 80, 28);
}

.swiper-book-list-left,
.swiper-book-list-right {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0));
}

.book-rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.book-list-author {
    font-size: .7rem;
}

/* Book cover and info styles */
.book-cover {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 10px;
}

.book-cover img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.book-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.book-info span {
    line-height: 1.2;
}

/* Hover effects */
article:hover .book-cover img {
    transform: scale(1.05);
}

article {
    transition: all 0.3s ease;
}

article:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}