/* ===== JOVIT Assistant (FAQ + customer questions) ===== */
.ja-launcher{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--primary,#0a5c36),var(--primary-light,#1a8052));color:#fff;border:none;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,0.25);z-index:9600;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease,box-shadow 0.2s ease}
.ja-launcher:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(10,92,54,0.4)}
.ja-launcher i{font-size:1.4rem}
.ja-launcher .ja-launcher-label{position:absolute;right:66px;top:50%;transform:translateY(-50%);background:#fff;color:#1a1a2e;font-size:0.78rem;font-weight:600;padding:7px 14px;border-radius:50px;box-shadow:0 4px 16px rgba(0,0,0,0.15);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease}
.ja-launcher:hover .ja-launcher-label{opacity:1}
.ja-badge{position:absolute;top:-3px;right:-3px;width:16px;height:16px;border-radius:50%;background:#d4af37;border:2px solid #fff;display:none}

.ja-panel{position:fixed;bottom:94px;right:22px;width:370px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 130px);background:#fff;border-radius:16px;box-shadow:0 16px 50px rgba(0,0,0,0.28);z-index:9601;display:none;flex-direction:column;overflow:hidden;font-family:'Poppins','Segoe UI',sans-serif}
.ja-panel.open{display:flex;animation:jaSlideUp 0.25s ease}
@keyframes jaSlideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.ja-header{background:linear-gradient(135deg,var(--primary-dark,#063d24),var(--primary,#0a5c36));color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px;flex-shrink:0}
.ja-header .ja-avatar{width:40px;height:40px;border-radius:50%;background:rgba(212,175,55,0.2);border:1.5px solid rgba(212,175,55,0.6);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ja-header .ja-avatar i{color:#d4af37;font-size:1rem}
.ja-header .ja-title{flex:1;min-width:0}
.ja-header .ja-title strong{display:block;font-size:0.98rem;letter-spacing:0.3px}
.ja-header .ja-title span{display:flex;align-items:center;gap:5px;font-size:0.72rem;opacity:0.85;margin-top:2px}
.ja-header .ja-title .ja-online{width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block}
.ja-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px 6px;opacity:0.85}
.ja-close:hover{opacity:1}

.ja-messages{flex:1;overflow-y:auto;padding:16px 14px;background:#f8f9fa;display:flex;flex-direction:column;gap:10px}
.ja-messages::-webkit-scrollbar{width:5px}
.ja-messages::-webkit-scrollbar-thumb{background:#d0d5db;border-radius:5px}
.ja-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:0.86rem;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}
.ja-msg.ja-bot{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.05)}
.ja-msg.ja-user{align-self:flex-end;background:var(--primary,#0a5c36);color:#fff;border-bottom-right-radius:4px}
.ja-msg a{color:var(--primary,#0a5c36);font-weight:600;text-decoration:underline}
.ja-msg.ja-user a{color:#fff}
.ja-msg strong{color:inherit}
.ja-typing{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;border-bottom-left-radius:4px;padding:12px 16px;display:flex;gap:5px}
.ja-typing span{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:jaBlink 1.2s infinite}
.ja-typing span:nth-child(2){animation-delay:0.2s}
.ja-typing span:nth-child(3){animation-delay:0.4s}
@keyframes jaBlink{0%,80%,100%{opacity:0.25}40%{opacity:1}}

.ja-chips{padding:8px 12px 10px;background:#f8f9fa;border-top:1px solid #eceef1;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}
.ja-chip{background:#fff;border:1px solid #d5dbd5;color:var(--primary,#0a5c36);font-size:0.75rem;font-weight:500;padding:6px 12px;border-radius:50px;cursor:pointer;font-family:inherit;transition:all 0.15s ease}
.ja-chip:hover{background:var(--primary,#0a5c36);color:#fff;border-color:var(--primary,#0a5c36)}

.ja-input-row{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}
.ja-input-row input{flex:1;border:1.5px solid #e0e4e8;border-radius:24px;padding:11px 16px;font-family:inherit;font-size:0.86rem;outline:none;transition:border-color 0.2s}
.ja-input-row input:focus{border-color:var(--primary,#0a5c36)}
.ja-send{width:44px;height:44px;border-radius:50%;background:var(--primary,#0a5c36);color:#fff;border:none;cursor:pointer;font-size:0.9rem;display:flex;align-items:center;justify-content:center;transition:background 0.2s;flex-shrink:0}
.ja-send:hover{background:var(--primary-light,#1a8052)}
.ja-send:disabled{background:#cbd5d1;cursor:not-allowed}

@media (max-width:480px){
  .ja-panel{right:8px;left:8px;bottom:88px;width:auto}
  .ja-launcher{right:14px;bottom:14px}
  .ja-launcher .ja-launcher-label{display:none}
}

/* ===== Static FAQ section (main page) ===== */
.faq-section{background:var(--light,#f8f9fa)}
.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow 0.2s ease}
.faq-item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.06)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:none;border:none;font-family:inherit;font-size:1rem;font-weight:600;color:var(--dark,#1a1a2e);cursor:pointer;text-align:left}
.faq-question i{color:var(--primary,#0a5c36);transition:transform 0.25s ease;flex-shrink:0;font-size:0.85rem}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.faq-answer p{padding:0 22px 18px;color:var(--gray,#6c757d);font-size:0.92rem;line-height:1.7}
.faq-item.open .faq-answer{max-height:400px}