/* Mobile-specific styles for Bookshelf Module */

@media (max-width: 767.98px) {
    .mobile-enabled { min-height: 100vh; min-height: 100dvh; }
    .mobile-enabled .bookshelf-nav { display: none; }
    
    .mobile-enabled .bookshelf-reading-pane { width: 100% !important; max-width: 100% !important; padding: 0; }
    .mobile-enabled .bookshelf-row-wrapper > .col { max-width: 100% !important; min-width: 100% !important; padding: 0; }
    .mobile-enabled .bookshelf-container { padding: 0; margin: 0; max-width: 100%; }
    
    .mobile-enabled .btn { min-height: 44px; padding: 0.5rem 1rem; }
    
    .mobile-enabled .bookshelf-content-body { font-size: 1rem; line-height: 1.6; }
    .mobile-enabled .bookshelf-content-body h1 { font-size: 1.75rem; }
    .mobile-enabled .bookshelf-content-body h2 { font-size: 1.5rem; }
    .mobile-enabled .bookshelf-content-body h3 { font-size: 1.25rem; }
    
    .mobile-enabled .bookshelf-content-body img, .mobile-enabled .bookshelf-content-body table, .mobile-enabled .bookshelf-content-body pre { max-width: 100%; overflow-x: auto; }
    
    .mobile-enabled .bookshelf-grid { grid-template-columns: 1fr !important; }
    
    .mobile-enabled .bookshelf-sticky-title .btn,
    .mobile-enabled .bookshelf-sticky-title a.btn { display: none !important; }
    
    .mobile-enabled .bookshelf-sticky-title { padding: 1rem 0.5rem; justify-content: center; }
    .mobile-enabled .bookshelf-sticky-title h4 { width: 100%; text-align: center; }

    
    .mobile-enabled .bookshelf-scrollarea { padding: 0; height: calc(100dvh - 400px) !important; }
    
    .mobile-enabled .bookshelf-grid-card { min-height: 120px; }
    .mobile-enabled .bookshelf-grid-card h5 { font-size: 1.1rem; }
    
    .mobile-enabled .table-of-contents { display: none !important; }
}