/* LI Rocks — brand skin for the LI Rocks Core plugin frontend */
:root {
  --lr-midnight: #131A2E;
  --lr-amber: #FFB53A;
  --lr-teal: #2E8C86;
  --lr-paper: #F6F1E6;
  --lr-ink-soft: #3A4160;
  --lr-radius: 12px;
}
.lilm-directory-shell, .lilm-seo-shell { font-family: Inter, system-ui, sans-serif; }
.lilm-directory-eyebrow, .lilm-seo-eyebrow {
  color: var(--lr-teal); letter-spacing: .14em; text-transform: uppercase;
  font-weight: 700; font-size: .78rem;
}
.lilm-directory-hero h1, .lilm-seo-hero h1, .lilm-schedule-heading {
  font-family: 'Archivo Black', Impact, 'Arial Black', sans-serif;
  color: var(--lr-midnight); line-height: 1.12;
}
.lilm-directory-count, .lilm-seo-count, .lilm-total-count { color: var(--lr-ink-soft); }
.lilm-prototype-list table { border-collapse: collapse; width: 100%; }
.lilm-prototype-list thead th {
  background: var(--lr-midnight); color: var(--lr-paper);
  text-transform: uppercase; letter-spacing: .06em; font-size: .78rem;
  padding: 12px 14px; text-align: left;
}
.lilm-prototype-list thead th a { color: var(--lr-paper); text-decoration: none; }
.lilm-prototype-list tbody td { padding: 12px 14px; border-bottom: 1px solid #e7e0cf; }
.lilm-prototype-list tbody tr:nth-child(even) { background: rgba(46,140,134,.05); }
.lilm-prototype-list tbody tr:hover { background: rgba(255,181,58,.12); }
.lilm-prototype-list a { color: var(--lr-midnight); text-decoration-color: var(--lr-amber); text-decoration-thickness: 2px; }
.lilm-prototype-list a:hover { color: var(--lr-teal); }
.lilm-event-col a, .lilm-primary {
  display: inline-block; background: var(--lr-amber); color: var(--lr-midnight) !important;
  border-radius: 999px; padding: 6px 14px; font-weight: 700; text-decoration: none !important;
  border: 2px solid var(--lr-midnight);
}
.lilm-event-col a:hover, .lilm-primary:hover { background: var(--lr-midnight); color: var(--lr-amber) !important; }
.lilm-empty-state { color: var(--lr-ink-soft); border: 2px dashed var(--lr-teal); border-radius: var(--lr-radius); padding: 28px; }
.lilm-sentinel-message, .lilm-spinner { color: var(--lr-ink-soft); }
[class*="lilm-featured"] { background: var(--lr-midnight); color: var(--lr-paper); border-radius: var(--lr-radius); }
[class*="lilm-featured"] a { color: var(--lr-amber); }
@media (max-width: 640px) {
  .lilm-prototype-list thead th, .lilm-prototype-list tbody td { padding: 9px 8px; }
}