/* ═══════════════════════════════════════════════════
   Micah Health Facilitator (MHF) - Custom Styles
   ═══════════════════════════════════════════════════ */

/* ── Smooth Scroll ── */
html { scroll-behavior: smooth; }

/* ── Line Clamp ── */
.line-clamp-1 { overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.line-clamp-2 { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.line-clamp-3 { overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

/* ── Prose ── */
.prose h2 { margin-top: 2rem; }
.prose p  { margin-bottom: 1rem; }
.prose ul { list-style: none; padding: 0; }

/* ── Animations ── */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }

@keyframes pulse-ring {
    0%   { transform: scale(0.8); opacity: 1; }
    100% { transform: scale(2);   opacity: 0; }
}

/* ── WhatsApp Pulse ── */
.fixed a[aria-label="WhatsApp"]::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.3);
    animation: pulse-ring 2s ease-out infinite;
}

/* ── Mobile Menu Transition ── */
#mobileMenu {
    transition: max-height 0.3s ease-in-out;
    overflow: hidden;
}

/* ── Chat Window Animation ── */
#chatWindow {
    animation: fadeInUp 0.3s ease-out;
}

/* ── Scrollbar ── */
#chatMessages::-webkit-scrollbar { width: 4px; }
#chatMessages::-webkit-scrollbar-track { background: transparent; }
#chatMessages::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

/* ── Focus States ── */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* ── Print Styles ── */
@media print {
    nav, footer, .fixed, #aiChatbot { display: none !important; }
}