diff --git a/index.html b/index.html index cf8da71..547c6aa 100644 --- a/index.html +++ b/index.html @@ -971,41 +971,13 @@ } } - /* ── Chat Widget ─────────────────────────────────────────── */ - .chat-widget { - position: fixed; - bottom: 24px; - right: 24px; - z-index: 9999; - font-size: 14px; - line-height: 1.5; - } - .chat-toggle { - display: flex; - align-items: center; - gap: 8px; - padding: 12px 20px; - background: var(--accent); - color: #fff; - border: none; - border-radius: 60px; - font-size: 14px; - font-weight: 600; - cursor: pointer; - box-shadow: 0 4px 20px rgba(79, 142, 247, 0.35); - transition: opacity 0.25s, transform 0.25s; - } - .chat-toggle:hover { - opacity: 0.9; - transform: scale(1.04); - } - .chat-toggle svg { flex-shrink: 0; } + /* ── Chat Panel (fixed overlay, toggled from nav) ──────── */ .chat-panel { display: none; flex-direction: column; position: fixed; - bottom: 80px; - right: 24px; + bottom: 20px; + right: 20px; width: 360px; max-height: 520px; background: var(--bg-card); @@ -1013,6 +985,7 @@ border-radius: var(--radius-card); box-shadow: var(--shadow); overflow: hidden; + z-index: 9999; animation: chatSlideUp 0.28s ease; } .chat-panel.open { display: flex; } @@ -1114,11 +1087,9 @@ right: 10px; left: 10px; width: auto; - bottom: 72px; + bottom: 10px; max-height: 60vh; } - .chat-widget { bottom: 14px; right: 14px; } - .chat-toggle { padding: 10px 16px; font-size: 13px; } } @@ -1143,11 +1114,9 @@