﻿/* --- Book Card Enhancements --- */

/* Smooth out all button interactions */
.btn {
    transition: all 0.2s ease-in-out;
}

    .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

/* Base card styling */
.book-card {
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden; /* Ensures the image doesn't break the rounded corners */
}

    /* Card hover effect: lift up and add a deeper shadow */
    .book-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.1) !important;
    }

/* Image wrapper for the zoom effect */
.book-image-wrapper {
    background-color: #fcfcfc;
    overflow: hidden; /* Keeps the zoomed image contained */
}

    .book-image-wrapper img {
        transition: transform 0.5s ease;
    }

/* Zoom the image slightly when hovering over the card */
.book-card:hover .book-image-wrapper img {
    transform: scale(1.08);
}

/* Make the price pop */
.price-tag {
    color: #2b7a78; /* A modern, readable green/teal */
    font-size: 1.15rem;
    font-weight: 700;
}
