/* =====================================================
   ملتقى النجد التنموي - Tailwind CSS Override (Minimal)
   Only animations and utilities that Tailwind CDN can't handle
   ===================================================== */

/* ===== Reveal Animation ===== */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ===== Partners Scroll ===== */
.partners-track {
    display: flex;
    gap: 40px;
    animation: scroll-partners 30s linear infinite;
    width: max-content;
}
.partners-track:hover { animation-play-state: paused; }

@keyframes scroll-partners {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ===== Counter ===== */
.counter-value { font-family: 'Inter', sans-serif; font-weight: 900; }

/* ═══════════════════════════════════════════════
   AI Chatbot Widget Styles
   ═══════════════════════════════════════════════ */

/* Typing Indicator Dots */
.najd-typing-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #9ca3af;
    animation: najdTypingBounce 1.2s ease-in-out infinite;
}

@keyframes najdTypingBounce {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
    30% { transform: translateY(-6px); opacity: 1; }
}

/* Message Entrance Animation */
.najd-msg-enter {
    animation: najdMsgSlideIn 0.3s ease-out forwards;
}

@keyframes najdMsgSlideIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Chat Scrollbar */
.najd-chat-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.najd-chat-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.najd-chat-scrollbar::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}
.najd-chat-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Chat Panel Transition */
#najdChatPanel {
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}

/* FAB Hover Effect */
#najdChatFAB:hover {
    box-shadow: 0 12px 40px rgba(249, 115, 22, 0.55) !important;
}

/* Chat Bubble Links */
#najdChatMessages a {
    color: #ea580c;
    text-decoration: underline;
    text-underline-offset: 2px;
}
#najdChatMessages a:hover {
    color: #c2410c;
}

/* Responsive: Mobile */
@media (max-width: 480px) {
    #najdChatPanel {
        width: calc(100vw - 1.5rem) !important;
        right: 0.75rem !important;
        left: 0.75rem !important;
        bottom: 96px !important;
    }
    #najdChatPanel > div {
        height: calc(100vh - 180px) !important;
    }
    #najdChatFAB {
        width: 52px !important;
        height: 52px !important;
        bottom: 80px !important;
    }
}

/* ===== Print Styles ===== */
@media print {
    nav, footer, .btn, form, #backToTop, #najdChatFAB, #najdChatPanel { display: none !important; }
    main { padding-top: 0 !important; }
    body { background: white !important; }
}