/* KLISC E-Resources Directory – Frontend Styles */
.klisc-er-wrap { font-family: Georgia, serif; max-width: 1100px; margin: 0 auto; padding: 0; color: #1a1a1a; }

/* Filter bar */
.klisc-er-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 1.5rem; align-items: center; }
.klisc-er-filter-bar input[type="text"] { flex: 1; min-width: 200px; padding: 8px 14px; border: 1.5px solid #c0c8d4; border-radius: 6px; font-size: 0.9rem; font-family: Georgia, serif; outline: none; transition: border-color .2s; }
.klisc-er-filter-bar input[type="text"]:focus { border-color: #DCA54A; }
.klisc-er-filter-bar select { padding: 8px 12px; border: 1.5px solid #c0c8d4; border-radius: 6px; font-size: 0.9rem; background: #fff; font-family: Georgia, serif; cursor: pointer; }
.klisc-er-count { font-size: 0.82rem; color: #888; white-space: nowrap; }

/* Table */
.klisc-er-table-wrap { overflow-x: auto; }
table.klisc-er-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
table.klisc-er-table thead tr { background: #DCA54A; color: #fff; text-align: left; }
table.klisc-er-table thead th { padding: 11px 14px; font-weight: 600; font-size: 0.82rem; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
table.klisc-er-table tbody tr { border-bottom: 1px solid #e4e8ee; transition: background .15s; }
table.klisc-er-table tbody tr:hover { background: #fdf3e0; }
table.klisc-er-table tbody tr.klisc-er-paid { background: #eaf7f0; }
table.klisc-er-table tbody tr.klisc-er-paid:hover { background: #d8f0e3; }
table.klisc-er-table td { padding: 10px 14px; vertical-align: middle; line-height: 1.5; }

/* Number col */
.klisc-er-num { color: #aaa; font-size: 0.8rem; width: 36px; text-align: center; }

/* Logo col */
.klisc-er-logo { width: 90px; text-align: center; }
.klisc-er-logo img { max-width: 80px; max-height: 44px; object-fit: contain; display: block; margin: 0 auto; }
.klisc-er-logo-placeholder { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #DCA54A; color: #fff; font-weight: 700; font-size: 0.85rem; border-radius: 6px; font-family: sans-serif; }

/* Name col */
.klisc-er-name a { color: #7a5200; font-weight: 600; text-decoration: none; }
.klisc-er-name a:hover { text-decoration: underline; }
.klisc-er-badge { display: inline-block; font-size: 0.7rem; padding: 2px 8px; border-radius: 20px; margin-left: 6px; vertical-align: middle; font-family: sans-serif; }
.klisc-badge-free { background: #d8f0e3; color: #155724; }
.klisc-badge-restricted { background: #fde8d8; color: #a04000; }

/* Subject col */
.klisc-er-subject { color: #333; max-width: 340px; }

/* Link col */
.klisc-er-link a { color: #DCA54A; font-size: 0.82rem; text-decoration: none; white-space: nowrap; font-weight: 600; }
.klisc-er-link a:hover { text-decoration: underline; }

/* Legend */
.klisc-er-legend { margin-top: 1.5rem; padding: 1rem 1.25rem; border: 1px solid #f0d49a; border-radius: 8px; background: #fdf8ee; font-size: 0.82rem; line-height: 1.8; color: #444; }
.klisc-er-legend strong { color: #7a5200; }
.klisc-er-legend ul { margin: .4rem 0 0; padding-left: 1.2rem; }

/* Mobile */
@media (max-width: 640px) {
    table.klisc-er-table thead th:nth-child(4),
    table.klisc-er-table td:nth-child(4) { display: none; }
}