/**
 * Placeholder sampul buku tanpa gambar — Graha Ilmu
 */
.gi-cover-ph {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    background: linear-gradient(145deg, #f4f5fc 0%, #e8ebf8 42%, #dce2f4 100%);
    color: #2f318b;
}

.gi-cover-ph__texture {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    background-image:
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 3px,
            rgb(47 49 139 / 0.04) 3px,
            rgb(47 49 139 / 0.04) 4px
        ),
        radial-gradient(ellipse 80% 60% at 72% 38%, rgb(255 255 255 / 0.85) 0%, transparent 70%);
    pointer-events: none;
}

.gi-cover-ph__spine {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 18%;
    min-width: 1.75rem;
    max-width: 3.25rem;
    background: linear-gradient(90deg, #1e2168 0%, #2f318b 55%, #3d42a8 100%);
    box-shadow: 4px 0 14px rgb(30 33 104 / 0.22);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.65rem 0.25rem;
}

.gi-cover-ph__spine-letter {
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: clamp(0.65rem, 4vw, 0.95rem);
    font-weight: 700;
    color: rgb(255 255 255 / 0.92);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    letter-spacing: 0.08em;
    line-height: 1;
    max-height: 72%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gi-cover-ph__spine-lines {
    position: absolute;
    top: 8%;
    right: 0;
    width: 2px;
    height: 84%;
    background: linear-gradient(
        180deg,
        rgb(255 255 255 / 0) 0%,
        rgb(255 255 255 / 0.35) 20%,
        rgb(255 255 255 / 0.35) 80%,
        rgb(255 255 255 / 0) 100%
    );
}

.gi-cover-ph__panel {
    position: absolute;
    top: 6%;
    right: 6%;
    bottom: 6%;
    left: 22%;
    border-radius: 0.2rem 0.35rem 0.35rem 0.2rem;
    background: linear-gradient(160deg, #fff 0%, #f8f9fe 55%, #eef1fa 100%);
    box-shadow:
        inset 0 0 0 1px rgb(255 255 255 / 0.9),
        0 4px 20px rgb(47 49 139 / 0.08),
        -2px 0 8px rgb(47 49 139 / 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
}

.gi-cover-ph__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2f318b;
    line-height: 0;
}

.gi-cover-ph__icon .gi-icon-book-open {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gi-cover-ph__hint {
    font-size: 0.5625rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #64748b;
}

/* Varian besar — detail buku */
.gi-cover-ph--detail .gi-cover-ph__panel {
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 20%;
}

.gi-cover-ph--detail .gi-cover-ph__icon .gi-icon-book-open {
    width: 52px !important;
    height: 52px !important;
}

/* Varian ringkas — kartu home */
.gi-cover-ph--compact .gi-cover-ph__spine {
    width: 14%;
    min-width: 1.25rem;
}

.gi-cover-ph--compact .gi-cover-ph__panel {
    left: 18%;
    top: 8%;
    right: 8%;
    bottom: 8%;
}

.gi-cover-ph--compact .gi-cover-ph__hint {
    font-size: 0.4375rem;
    letter-spacing: 0.08em;
}

/* Legacy class alias */
.gi-koleksi-card-placeholder {
    display: block;
    height: 100%;
    min-height: 100%;
    padding: 0;
    background: transparent;
}

.gi-koleksi-card-cover .gi-cover-ph,
.gi-buku-cover .gi-cover-ph,
.aspect-\[3\/4\] > .gi-cover-ph,
.gi-koleksi-card-placeholder .gi-cover-ph {
    min-height: 100%;
}

.aspect-\[3\/4\] > .gi-cover-ph {
    position: absolute;
    inset: 0;
}