/* ============================================================
   Content Pipeline Demo — supplemental styles
   Most styling is handled via Tailwind utility classes.
   This file covers patterns Tailwind can't do inline.
   ============================================================ */

/* Hide scrollbar while keeping scroll functionality */
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Smooth tab fade transition */
[x-show] {
    transition: opacity 0.2s ease;
}

/* Social post card hover lift */
.social-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.social-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px -4px rgba(99, 102, 241, 0.08);
}

/* Blog body prose-like line spacing */
.prose-p {
    line-height: 1.85;
}

/* Copy button — shown on hover of parent card */
.copy-btn {
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
.copy-btn:hover {
    opacity: 1;
}

/* Vertical tab scroll — prevent layout shift when tab overflows */
.vertical-tabs-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}