/* Zligger Plugin Showcase — supplemental styles (Tailwind handles the bulk) */

::selection { background: #FF6600; color: #fff; }

.card-hover {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -20px rgba(255, 102, 0, 0.35);
  border-color: rgba(255, 102, 0, 0.5);
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .2rem .6rem;
  border-radius: 9999px;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .01em;
}

/* Tabs */
.tab-btn[aria-selected="true"] {
  color: #FF6600;
  border-color: #FF6600;
}

/* Lightbox */
#lightbox {
  backdrop-filter: blur(6px);
}
#lightbox img {
  max-height: 85vh;
}

/* Prose content coming from CMS fields */
.zligger-prose h1, .zligger-prose h2, .zligger-prose h3 { color: #fff; font-weight: 700; margin-top: 1.25em; margin-bottom: .5em; }
.zligger-prose p { margin-bottom: 1em; line-height: 1.75; color: #CBD5E1; }
.zligger-prose ul, .zligger-prose ol { margin: 0 0 1em 1.25em; color: #CBD5E1; }
.zligger-prose li { margin-bottom: .35em; }
.zligger-prose code { background: rgba(255,255,255,0.08); padding: .15em .4em; border-radius: 4px; font-size: .875em; color: #FF9645; }
.zligger-prose a { color: #FF6600; text-decoration: underline; text-underline-offset: 2px; }

/* Custom scrollbar for sticky sidebar */
.sidebar-scroll::-webkit-scrollbar { width: 6px; }
.sidebar-scroll::-webkit-scrollbar-thumb { background: rgba(255,102,0,.4); border-radius: 3px; }