/* index.css - Custom styling for EbookVaultCollection */

/* Custom scrollbar suppression for horizontal scrolling lists */
.hide-scrollbar::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar,
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;    /* Firefox */
}

/* Glassmorphism Panel styles for the Login screen */
.glass-panel {
    background: rgba(253, 252, 248, 0.4);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 30px 60px rgba(15, 17, 21, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.input-glow:focus {
    border-bottom-color: #775a19;
    box-shadow: 0 1px 0 0 #775a19;
}

/* Material Symbols alignment and configuration */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.icon-fill {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Immersive Ebook Reader Themes */
.reader-theme-parchment {
    background-color: #FDFCF8 !important;
    color: #191c1d !important;
}

.reader-theme-sepia {
    background-color: #F4ECD8 !important;
    color: #4A3E3D !important;
}

.reader-theme-light {
    background-color: #FFFFFF !important;
    color: #121212 !important;
}

.reader-theme-dark {
    background-color: #0F1115 !important;
    color: #E1E3E4 !important;
}

/* Immersive Reader Typography options */
.reader-font-serif {
    font-family: 'Libre Caslon Text', Georgia, serif;
}

.reader-font-sans {
    font-family: 'Hanken Grotesk', system-ui, sans-serif;
}

/* Micro-animations and Transitions */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(15, 17, 21, 0.08);
}