/* Library → Grocery Theme Override
   Primary: #0044bb  Hover: #0022aa  Light: #e8f0ff  Font: Heebo */

/* ── Root token ───────────────────────────────────────────── */
:root {
    --lib-primary: #0044bb;
    --lib-primary-dark: #0022aa;
    --lib-primary-light: #e8f0ff;
    --lib-primary-border: #b3c8f0;
}

/* ── Typography ───────────────────────────────────────────── */
body {
    font-family: Heebo, sans-serif;
    font-size: 14px;
    color: #555;
}

/* ── All links ────────────────────────────────────────────── */
a { color: #0044bb; }
a:hover { color: #0022aa; text-decoration: none; }

/* ── Alerts ───────────────────────────────────────────────── */
.alert-success { background: #d4edda; color: #155724; border-color: #c3e6cb; }
.alert-danger  { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }
.alert-info    { background: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
.alert-warning { background: #fff3cd; color: #856404; border-color: #ffeeba; }
.ls-alert-info { background: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
.ls-alert-success { background: #d4edda; color: #155724; border-color: #c3e6cb; }
.ls-alert-danger  { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }

/* ── Library-specific color: teal → blue ─────────────────── */

/* Header brand + nav */
.lib-brand-name { color: #0044bb; }
.lib-nav a:hover, .lib-nav a.active { background: var(--lib-primary-light); color: #0044bb; }
.lib-btn-login  { color: #0044bb; border-color: #0044bb; }
.lib-btn-login:hover { background: #0044bb; color: #fff; }
.lib-btn-upload { background: #0044bb; color: #fff; }
.lib-btn-upload:hover { background: #0022aa; color: #fff; }
.lib-user-toggle img { border-color: #0044bb; }
.lib-user-dropdown a:hover, .lib-user-dropdown button:hover { background: var(--lib-primary-light); color: #0044bb; }
.lib-mobile-nav a:hover, .lib-mobile-nav a.active { color: #0044bb; }

/* Footer */
.lib-footer-brand .lib-brand-name { color: #0044bb; }
.lib-footer-links a:hover { color: #0044bb; }

/* Hero slider buttons */
.lib-hero-btn { color: #0044bb; }
.lib-hero-btn:hover { background: var(--lib-primary-light); color: #0044bb; }
.lib-hero-btn-dark { color: #0044bb; }
.lib-hero-btn-warm { color: #0044bb; }

/* Info bar */
.lib-info-bar { background: var(--lib-primary-light); border-color: var(--lib-primary-border); }
.lib-info-bar-text strong { color: #0044bb; }
.lib-info-bar a { background: #0044bb; }
.lib-info-bar a:hover { background: #0022aa; }

/* Section head links */
.lib-section-head a { color: #0044bb; }
.lib-section-head a:hover { color: #0022aa; }

/* Scroll card price */
.lib-scroll-price { color: #0044bb; }

/* Author card */
.lib-author-avatar { background: linear-gradient(135deg, #0044bb 0%, #75a7ff 100%); }

/* Category pills */
.lib-cat-pill:hover { background: #0044bb; border-color: #0044bb; }
.lib-genre-pill:hover { background: #0044bb; border-color: #0044bb; }

/* Filter sidebar */
.lib-filter-group input:focus, .lib-filter-group select:focus { border-color: #0044bb; }
.lib-filter-btn { background: #0044bb; }
.lib-filter-btn:hover { background: #0022aa; }
.lib-clear-btn:hover { color: #0044bb; }
.lib-filter-group input[type=text]:focus,
.lib-filter-group select:focus { border-color: #0044bb; }

/* Type tabs */
.type-tabs a.active, .type-tabs a:hover { background: #0044bb; border-color: #0044bb; }

/* Book card */
.book-price { color: #0044bb; }
.book-genre { background: #e8f0ff; color: #0044bb; }
.book-link:hover { text-decoration: none; }

/* Book card hover */
.lib-scroll-card:hover { box-shadow: 0 4px 18px rgba(0, 68, 187, .12); }
.book-card:hover      { box-shadow: 0 4px 18px rgba(0, 68, 187, .10); }

/* Filter tabs active */
.filter-tabs a.active { background: #0044bb; border-color: #0044bb; color: #fff; }
.filter-tabs a:hover  { background: var(--lib-primary-light); color: #0044bb; }

/* My-rentals browse btn */
.browse-btn { background: #0044bb; color: #fff; }
.browse-btn:hover { background: #0022aa; opacity: 1; color: #fff; }

/* Rental card ref id */
.rental-meta span[style*="0d9488"] { color: #0044bb !important; }
.inv-link { color: #0044bb; }
.inv-link:hover { color: #0022aa; }

/* Show page */
.ls-breadcrumb a { color: #0044bb; }
.ls-breadcrumb a:hover { color: #0022aa; }
.ls-input:focus  { border-color: #0044bb; box-shadow: 0 0 0 2px rgba(0,68,187,.10); }
.ls-cost-box { background: #e8f0ff; border-color: var(--lib-primary-border); }
.ls-cost-amt { color: #0044bb; }

/* Submit buttons: rent = primary blue */
.ls-submit.rent,
.ls-action-header.rent { background: #0044bb; }
.ls-login-btn.rent { background: #0044bb; }

/* Action header: keep buy/request their own colours, just update rent */
.ls-submit:hover { opacity: .88; }

/* Wishlist button accent */
.ls-btn-wish { border-color: #0044bb; color: #0044bb; }
.ls-btn-wish.active { background: var(--lib-primary-light); border-color: #0044bb; }
.ls-btn-wish:hover { background: var(--lib-primary-light); }

/* Price colours */
.ls-price-blue { color: #0044bb; }

/* Back button */
.ls-back:hover { background: var(--lib-primary-light); }

/* My-wishlist / my-purchases / my-subscription */
.lib-primary-text { color: #0044bb; }
.lib-primary-bg   { background: #0044bb; color: #fff; }

/* Sidebar nav active */
#site__sidebar nav a.active,
#side a.active { color: #0044bb; background: var(--lib-primary-light); }

/* Plans page */
.plan-card .plan-cta { background: #0044bb; }
.plan-card .plan-cta:hover { background: #0022aa; }
.plan-popular-badge { background: #0044bb; }
.plan-price { color: #0044bb; }

/* Register as owner */
.owner-reg-submit { background: #0044bb; }
.owner-reg-submit:hover { background: #0022aa; }

/* Generic inline override for any remaining teal */
[style*="#0d9488"] { color: #0044bb !important; }
[style*="color:#0d9488"] { color: #0044bb !important; }
[style*="background:#0d9488"],
[style*="background-color:#0d9488"] { background: #0044bb !important; }
[style*="border-color:#0d9488"] { border-color: #0044bb !important; }
[style*="color: #0d9488"] { color: #0044bb !important; }

/* ── Book Cards — match grocery product-card look ─────────── */
.book-card,
.lib-scroll-card,
.ls-book-card {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    transition: box-shadow .2s, transform .15s;
}
.book-card:hover    { box-shadow: 0 6px 20px rgba(0,68,187,.10); transform: translateY(-2px); }
.lib-scroll-card:hover { box-shadow: 0 6px 20px rgba(0,68,187,.10); transform: translateY(-2px); }
.ls-book-card:hover { box-shadow: 0 6px 20px rgba(0,68,187,.10); transform: translateY(-4px); }

.book-title, .lib-scroll-title { font-family: Heebo, sans-serif; font-weight: 700; color: #232d3b; }
.book-author, .lib-scroll-author { font-size: 12px; color: #777; }

.book-price,
.lib-scroll-price { font-weight: 700; color: #0044bb; font-size: 13px; }

.book-genre {
    background: #e8f0ff;
    color: #0044bb;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
}

.book-avail.ok { color: #11b76b; }
.book-avail.oos { color: #dc3545; }

/* Featured badge */
.feat-badge, .sc-badge-feat { background: #e86121; }

/* Free badge */
.sc-badge-free { background: #11b76b; }

/* ── Hero slide book icon colour ─────────────────────────── */
.lib-hero-slide-1 { background: linear-gradient(120deg, #0d1b4e 0%, #0044bb 60%, #75a7ff 100%); }
.lib-hero-slide-2 { background: linear-gradient(120deg, #0c266c 0%, #0044bb 60%, #75a7ff 100%); }
.lib-hero-slide-3 { background: linear-gradient(120deg, #78350f 0%, #d97706 60%, #fde68a 100%); }

/* ── Filter sidebar matches grocery product-widget ────────── */
.filters-column-ads {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 20px;
}

/* ── Pagination links ─────────────────────────────────────── */
.page-item.active .page-link { background: #0044bb; border-color: #0044bb; color: #fff; }
.page-link { color: #0044bb; }
.page-link:hover { color: #0022aa; }

/* ── Toastr match ─────────────────────────────────────────── */
.toast-success { background-color: #11b76b !important; }
.toast-error   { background-color: #dc3545 !important; }
.toast-info    { background-color: #0044bb !important; }