/**
 * Flipbook theme overrides — match websima site palette.
 * Depends on site CSS vars: --color1, --color2, --color3, --text, --white, --gray
 */

:root {
    --c-primary: var(--color1, #c41230);
    --c-secondary: var(--text, #302b31);
}

.flipbook-overlay {
    background-color: rgba(48, 43, 49, 0.72);
    backdrop-filter: blur(10px);
}

.wbs-flipbook-title {
    color: var(--text, #302b31);
    font-weight: 600;
}

.flipbook-wrapper {
    border-radius: 1.25rem;
    background: var(--white, #ffffff);
    box-shadow: 0 12px 35px rgba(48, 43, 49, 0.22);
}

.flipbook-menuBottom .flipbook-menu {
    background: var(--white, #ffffff) !important;
    border-radius: 1rem;
}

.flipbook-menuTop.flipbook-menu-fixed {
    background: var(--white, #ffffff) !important;
    border-radius: 1rem;
}

.flipbook-menu span {
    color: var(--color1, #c41230) !important;
}

.flipbook-menu span:hover {
    color: var(--text, #302b31) !important;
}

.flipbook-nav span {
    color: var(--color1, #c41230);
    text-shadow: none;
}

.flipbook-nav span:hover {
    color: var(--text, #302b31);
}

.flipbook-currentPageInput {
    border-radius: 0.75rem !important;
    color: var(--text, #302b31);
    border-color: var(--color3, #eae8e9);
}

.flipbook-currentPageInput:focus {
    outline: 2px solid color-mix(in srgb, var(--color1, #c41230) 45%, transparent);
}

.flipbook-menu-header,
.flipbook-menu-title {
    color: var(--text, #302b31);
}

.flipbook-thumb {
    border-color: var(--color3, #eae8e9);
}

.flipbook-thumb:hover,
.flipbook-thumb.selected {
    border-color: var(--color1, #c41230);
}