/* =====================================================================
 * Imaging Center — custom styles layered on top of Tailwind CDN.
 * Keep this light; prefer Tailwind utility classes in markup.
 * ===================================================================== */

/* Hide scrollbar for horizontal carousels but keep scroll */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Simple fade-in used by carousels/sections */
.fade-in { animation: fadeIn .5s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Rich-text (WYSIWYG) content rendering on public pages */
.prose-content h2 { font-size: 1.5rem; font-weight: 700; margin: 1.25rem 0 .5rem; }
.prose-content h3 { font-size: 1.25rem; font-weight: 600; margin: 1rem 0 .5rem; }
.prose-content p  { margin: .5rem 0; line-height: 1.7; }
.prose-content ul { list-style: disc; padding-left: 1.25rem; margin: .5rem 0; }
.prose-content ol { list-style: decimal; padding-left: 1.25rem; margin: .5rem 0; }
.prose-content a  { color: var(--c-primary); text-decoration: underline; }
.prose-content img { max-width: 100%; height: auto; border-radius: .5rem; }

/* FAQ accordion */
.faq-item.open .faq-answer { display: block; }
.faq-answer { display: none; }
.faq-item.open .faq-icon { transform: rotate(180deg); }
.faq-icon { transition: transform .2s; }

/* Homepage promo popup */
#homePopup .relative { animation: homePopupIn .25s ease both; }
@keyframes homePopupIn {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to { opacity: 1; transform: none; }
}

/* Cardiac MRI — show image when src is set */
.cardiac-img[src]:not([src=""]) { display: block; }
div:has(> .cardiac-img[src]:not([src=""])) { background: transparent; border-style: solid; }