/**
 * E-Books Basic Styles (Legacy support)
 * Most styling now in ebook-modern.css
 */

:root{
    --ej-text-white: #ffffff;

}
/* A-Z Navigation fallback */
.az-navigation { padding:1rem 0; border-top:1px solid #e9ecef; margin-top:1rem; }
.az-navigation .btn { min-width:36px; font-weight:500; }
.az-navigation .btn.disabled { opacity:0.4; }

/* Search highlighting */
mark, .ebook-title mark {
    background:linear-gradient(120deg,#fef3c7,#fde68a);
    color:inherit; padding:0.1em 0.2em; border-radius:3px; font-weight:600;
}

/* Autocomplete fallback */
.autocomplete-dropdown {
    position:absolute; top:100%; left:0; right:0;
    background:#fff; border:1px solid #dee2e6; border-top:none;
    border-radius:0 0 8px 8px; box-shadow:0 4px 12px rgba(0,0,0,0.1);
    max-height:400px; overflow-y:auto; z-index:1050;
}
.autocomplete-dropdown.d-none { display:none !important; }
.autocomplete-item { padding:0.75rem 1rem; border-bottom:1px solid #f1f1f1; cursor:pointer; }
.autocomplete-item:hover, .autocomplete-item.active { background:rgba(14,165,233,0.06); }
.autocomplete-item:last-child { border-bottom:none; }
.autocomplete-item .title { font-weight:600; color:#1e293b; }
.autocomplete-item .author { font-size:0.85rem; color:#64748b; }

/* Print */
@media print {
    .az-navigation, .filter-section, .btn, .pagination { display:none !important; }
    .card { box-shadow:none !important; border:1px solid #ddd !important; }
}

.ebook-advanced-link, .ej-advanced-link a{

    padding: 1rem;
    background: rebeccapurple;
    border-radius: 18pc;
    font-size: 1rem !important;
    color: var(--text-white) !important;

}

/* HERO */
.ej-hero-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #0c4a6e 80%, rgba(14,165,233,0.85) 100%);
    color: var(--ej-text-white);
    padding: 2rem 0;
    margin-bottom: 0;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(90deg, #0ea5e9 0%, #8b5cf6 100%) 1;
    position: relative;
    overflow: hidden;
}
.ej-hero-section::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(14, 165, 233, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
    pointer-events: none;
}
.ej-hero-section > * { position: relative; z-index: 1; }
.ej-hero-section h1 { font-weight: 700; font-size: 1.85rem; margin-bottom: 0.5rem; color: var(--ej-text-white) !important; }
.ej-hero-section .lead { opacity: 0.92; font-size: 0.95rem; color: var(--ej-text-white); }
.ej-hero-section a { color: var(--ej-text-white); opacity: 0.85; transition: var(--ej-transition-fast); }
.ej-hero-section a:hover { color: var(--ej-text-white); opacity: 1; text-decoration: underline; }
.ej-hero-section .breadcrumb { background: transparent; margin-bottom: 0; }
.ej-hero-section .breadcrumb-item a { color: rgba(255, 255, 255, 0.8); }
.ej-hero-section .breadcrumb-item.active { color: var(--ej-text-white); }

/* SEARCH BOX */
.ej-search-box { max-width: 600px; margin: 0 auto; position: relative; }
.ej-search-box .input-group { box-shadow: var(--ej-shadow); border-radius: var(--ej-radius-lg); overflow: hidden; }
.ej-search-box .form-control { border: none; padding: 0.65rem 0.9rem; font-size: 0.9rem; background: var(--ej-bg-input); color: var(--ej-text-primary); }
.ej-search-box .form-control::placeholder { color: var(--ej-text-muted); }
.ej-search-box .form-control:focus { box-shadow: none; background: var(--ej-bg-input); }
.ej-search-box .input-group-text { background: var(--ej-bg-input); border: none; padding-left: 0.9rem; color: var(--ej-text-secondary); }
.ej-search-box .btn {
    padding: 0.65rem 1.1rem; font-weight: 600; font-size: 0.9rem;
    background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
    border: none; color: var(--ej-text-white); transition: var(--ej-transition-fast);
}
.ej-search-box .btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.ej-search-box .btn:focus { box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3); }