/* --- GLOBAL DEFAULTS & SCROLL BEHAVIOR --- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* --- CUSTOM UTILITIES --- */
/* Custom scrollbar for the chat window */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.chat-scroll::-webkit-scrollbar {
    width: 6px;
}
.chat-scroll::-webkit-scrollbar-track {
    background: #0f172a; 
}
.chat-scroll::-webkit-scrollbar-thumb {
    background: #64ffda; 
    border-radius: 3px;
}

/* --- ECOSYSTEM BRANDING (Scoped) --- */
/* These styles only apply to the Chatbot and specific Ecosystem elements */
:root {
    --eco-dark: #0a192f;
    --eco-light: #112240;
    --eco-accent: #64ffda; /* Tech Green */
    --eco-text: #ccd6f6;
}

/* Chat Widget Styling */
#chat-widget-container {
    z-index: 9999;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Tech font */
}

.eco-bg { background-color: var(--eco-dark); }
.eco-bg-light { background-color: var(--eco-light); }
.eco-text { color: var(--eco-text); }
.eco-accent { color: var(--eco-accent); }
.eco-border { border: 1px solid var(--eco-accent); }

/* Chat Bubble Animation */
@keyframes popIn {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.chat-bubble-anim {
    animation: popIn 0.3s ease-out forwards;
}

/* --- NATIVE ACCORDION STYLING (Business Section) --- */
details > summary {
    list-style: none;
    cursor: pointer;
    transition: all 0.2s;
}
details > summary::-webkit-details-marker {
    display: none;
}
details[open] > summary {
    background-color: #f3f4f6;
    color: #2563eb; /* Blue-600 */
}
details[open] > summary .arrow-icon {
    transform: rotate(180deg);
}

/* --- COOKIE BANNER ANIMATION --- */
#cookie-banner {
    transition: transform 0.5s ease-in-out;
}
#cookie-banner.active {
    transform: translateY(0);
}
#cookie-banner.hidden-banner {
    transform: translateY(100%);
}