/**
 * Component: ISBN Lookup Sidebar Widget
 */

/* WRAPPER */
.isbn-sidebar-wrapper {
    background-color: var(--az-navy, #0a192f);
    /* 20px converted to 12px baseline */
    padding: 1.6667rem;
    border-radius: 8px; /* Kept strict px */
    color: white;
    margin-top: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Kept strict px */
}

/* --- FIX: ANCHOR OFFSET FOR ANY JUMP LINKS --- */
/* Ensures jump-to-section links clear the sticky header perfectly. */
.isbn-sidebar-wrapper [id] {
    scroll-margin-top: 10rem;
}

/* INPUT FIELD */
.isbn-sidebar-input {
    border: none;
    /* 10px converted */
    padding: 0.8333rem;
    border-radius: 4px; /* Kept strict px */
    width: 100%;
    font-size: 0.9rem;
    background: rgba(255,255,255,0.1);
    color: white;
    border: 1px solid rgba(255,255,255,0.2); /* Kept strict px */
    font-family: monospace; /* Helps align ISBN digits */
    transition: 0.2s ease;
}

.isbn-sidebar-input:focus {
    background: rgba(255,255,255,0.2);
    outline: none;
    color: white;
    border-color: var(--az-bronze, #a67c00);
}

.isbn-sidebar-input::placeholder {
    color: rgba(255,255,255,0.5);
}

/* BUTTON */
.isbn-sidebar-btn {
    background-color: #8a6500;
    color: #fff;
    font-weight: 700;
    border: none;
    width: 100%;
    /* 8px converted */
    padding: 0.6667rem;
    border-radius: 4px; /* Kept strict px */
    /* 10px converted */
    margin-top: 0.8333rem;
    transition: 0.2s;
    cursor: pointer;
}

.isbn-sidebar-btn:hover {
    background-color: white;
    color: var(--az-navy, #0a192f);
}

/* RESULT BOX */
.isbn-result-box {
    background: white;
    border-radius: 4px; /* Kept strict px */
    /* 10px converted */
    padding: 0.8333rem;
    color: #212529;
    animation: sidebarFadeIn 0.3s ease;
}

.isbn-img-container {
    /* 45px and 65px converted */
    width: 3.75rem;
    height: 5.4167rem;
    flex-shrink: 0;
    background-color: #eee;
    border-radius: 3px; /* Kept strict px */
    overflow: hidden;
}

.isbn-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* UTILITIES */
.fade-in-up { 
    animation: sidebarFadeIn 0.5s ease forwards; 
}

@keyframes sidebarFadeIn {
    /* 5px kept strict for crisp animation */
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- RESPONSIVE OFFSET ADJUSTMENT --- */
@media (max-width: 991px) {
    .isbn-sidebar-wrapper [id] {
        /* Clear the taller mobile search-row header */
        scroll-margin-top: 15rem; 
    }
}