/* askbloop.com — minimal custom CSS layered on Tailwind */

[x-cloak] { display: none !important; }

/* Hide the default disclosure triangle on <summary> so our own SVG chevron is the only indicator. */
summary::-webkit-details-marker { display: none; }
summary::marker { content: ''; }

@keyframes bloop-bob {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}
.animate-bloop-bob {
    animation: bloop-bob 3.5s ease-in-out infinite;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .animate-bloop-bob { animation: none; }
    * { transition: none !important; }
}

/* HTMX View Transitions polish */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 220ms;
}

/* ──────────────────────────────────────────────────────────
   PRINT STYLES — hide chrome, render the result page cleanly
   so Ctrl+P / Save-as-PDF produces a friendly one-pager.
   ────────────────────────────────────────────────────────── */
@media print {
    /* Hide everything that isn't the plan itself */
    header, footer, nav,
    #flash,
    .voice-btn,
    [aria-label="Quick actions"],
    .fixed[class*="bottom-5"],
    .fixed[class*="bottom-4"] {
        display: none !important;
    }
    /* Hide all the action chips on the result page */
    a[target="_blank"][rel*="nofollow"],
    button[disabled],
    .group[x-data],
    [x-data][class*="relative"] {
        display: none !important;
    }
    /* Hide the "More ideas" chip grid links and footer CTAs cleanly */
    section.mt-10 a[target="_blank"],
    .mt-8.flex.flex-wrap.gap-3 {
        display: none !important;
    }
    /* Reset background / colors for print legibility */
    html, body {
        background: #fff !important;
        color: #000 !important;
    }
    main, #app {
        padding: 0 !important;
        max-width: 100% !important;
    }
    /* Avoid splitting a result item across pages */
    article {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
    }
    a {
        color: #000 !important;
        text-decoration: none !important;
    }
    /* Show URLs after links so printed output is useful */
    article a[href]::after {
        content: " (" attr(href) ")";
        font-size: 11px;
        color: #555;
        word-break: break-all;
    }
}