/* Flavor AI Chat v7 */
*,:before,:after{box-sizing:border-box}
.flavor-ai-wrap{position:relative;display:inline-block;isolation:isolate;z-index:var(--fai-zi,999999);
    --fai-btn-bg:#fff;--fai-btn-c:#5a4a3a;--fai-btn-sz:44px;--fai-btn-fs:13px;--fai-btn-r:14px;--fai-btn-ph:18px;--fai-btn-pv:10px;--fai-btn-is:18px;--fai-btn-blur:18px;
    --fai-w:380px;--fai-h:520px;--fai-mvh:70vh;--fai-mh:300px;--fai-r:18px;--fai-blur:22px;--fai-oy:12px;
    --fai-bg:#f5f0eb;--fai-txt:#2d2a26;--fai-hbg:#fff;--fai-htxt:#2d2a26;
    --fai-ubg:#fff;--fai-utxt:#2d2a26;--fai-abg:#f5f0eb;--fai-atxt:#2d2a26;
    --fai-ibg:#fff;--fai-itxt:#2d2a26;--fai-ibrd:#e0dbd5;
    --fai-cbg:#fff;--fai-ctxt:#2d2a26;--fai-cbrd:#ece7e1;
    --fai-qbg:#fff;--fai-qtxt:#6b5e50;--fai-qbrd:#e0dbd5;
    --fai-acc:#c4956a;--fai-acch:#b07d52;--fai-typ:#c4956a;
    --fai-sbg:#c4956a;--fai-stxt:#fff;--fai-stat:#7cb68e;--fai-dv:#ece7e1;
    --fai-bbg:#7cb68e;--fai-btxt:#fff;
    --fai-xbg:#e8e0d8;--fai-xtxt:#6b5e50;--fai-xfs:11px;--fai-xph:10px;--fai-xpv:4px;--fai-xr:8px;
    --fai-mp:10px;--fai-cp:10px;--fai-ip:12px
}
/* TRIGGER */
.fai-trigger{display:inline-flex;align-items:center;gap:7px;height:var(--fai-btn-sz);padding:var(--fai-btn-pv) var(--fai-btn-ph);background:var(--fai-btn-bg);color:var(--fai-btn-c);border-radius:var(--fai-btn-r);cursor:pointer;user-select:none;transition:all .3s;position:relative;z-index:100;font-family:inherit}
.fai-trigger:hover{transform:translateY(-2px)}
.fai-trigger.glass{backdrop-filter:blur(var(--fai-btn-blur));-webkit-backdrop-filter:blur(var(--fai-btn-blur));border:1px solid rgba(255,255,255,.35)}
.fai-trigger.shadow{box-shadow:0 4px 20px rgba(0,0,0,.07)}
.fai-trigger-icon{display:flex;align-items:center}
.fai-trigger-icon svg{width:var(--fai-btn-is);height:var(--fai-btn-is)}
.fai-trigger-text{font-size:var(--fai-btn-fs);font-weight:600;white-space:nowrap}
.fai-trigger.icon-only .fai-trigger-text{display:none}
.fai-trigger.text-only .fai-trigger-icon{display:none}
/* POPUP */
.fai-popup{position:absolute;width:var(--fai-w);height:var(--fai-h);max-height:var(--fai-mvh);min-height:var(--fai-mh);max-width:96vw;background:var(--fai-bg);border-radius:var(--fai-r);box-shadow:0 12px 60px rgba(0,0,0,.1);z-index:var(--fai-zi,999999);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.92) translateY(8px);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.fai-popup.on{opacity:1;transform:scale(1) translateY(0);pointer-events:all}
.fai-popup.glass{backdrop-filter:blur(var(--fai-blur));-webkit-backdrop-filter:blur(var(--fai-blur));border:1px solid rgba(255,255,255,.35)}
.fai-popup.glass .fai-header{background:rgba(255,255,255,.35);backdrop-filter:blur(10px)}
.fai-popup.glass .fai-input-area{background:rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.fai-popup.pos-bc{bottom:calc(100% + var(--fai-oy));left:50%;margin-left:calc(var(--fai-w)/-2)}
.fai-popup.pos-bl{bottom:calc(100% + var(--fai-oy));left:0}
.fai-popup.pos-br{bottom:calc(100% + var(--fai-oy));right:0}
.fai-popup.pos-tc{top:calc(100% + var(--fai-oy));left:50%;margin-left:calc(var(--fai-w)/-2)}
.fai-popup.pos-ct{position:fixed;top:50%;left:50%;margin-left:calc(var(--fai-w)/-2);margin-top:calc(var(--fai-h)/-2)}
/* HEADER */
.fai-header{background:var(--fai-hbg);color:var(--fai-htxt);padding:11px 14px;display:flex;align-items:center;flex-shrink:0;border-bottom:1px solid var(--fai-dv)}
.fai-header-left{display:flex;align-items:center;gap:9px}
.fai-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--fai-acc),var(--fai-acch));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fai-avatar svg{width:16px;height:16px;color:#fff}
.fai-title{font-size:14px;font-weight:700}
.fai-subtitle{font-size:11px;opacity:.5;display:flex;align-items:center;gap:4px}
.fai-status-dot{width:6px;height:6px;border-radius:50%;background:var(--fai-stat);animation:fai-blink 2.5s infinite}
@keyframes fai-blink{0%,100%{opacity:1}50%{opacity:.3}}
/* MESSAGES */
.fai-messages{flex:1;overflow-y:auto;padding:var(--fai-ip);display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.fai-messages::-webkit-scrollbar{width:3px}.fai-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.06);border-radius:3px}
.fai-msg{max-width:82%;padding:var(--fai-mp) calc(var(--fai-mp) + 4px);border-radius:14px;font-size:13px;line-height:1.6;word-break:break-word;white-space:pre-wrap;animation:fai-up .3s}
@keyframes fai-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fai-msg-user{align-self:flex-end;background:var(--fai-ubg);color:var(--fai-utxt);border-bottom-right-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.fai-msg-ai{align-self:flex-start;background:var(--fai-abg);color:var(--fai-atxt);border-bottom-left-radius:5px}
.fai-popup.glass .fai-msg-user{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.fai-popup.glass .fai-msg-ai{background:rgba(255,255,255,.4)}
.fai-msg-welcome{text-align:center;font-size:12.5px;opacity:.6;align-self:center;background:none!important;max-width:100%;box-shadow:none!important}
/* TYPING */
.fai-typing{display:flex;align-items:center;gap:4px;padding:12px 16px;align-self:flex-start;background:var(--fai-abg);border-radius:14px;border-bottom-left-radius:5px;animation:fai-up .3s}
.fai-popup.glass .fai-typing{background:rgba(255,255,255,.4)}
.fai-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--fai-typ);animation:fai-bounce 1.4s infinite}
.fai-typing-dot:nth-child(2){animation-delay:.16s}.fai-typing-dot:nth-child(3){animation-delay:.32s}
@keyframes fai-bounce{0%,60%,100%{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}

/* ===== PRODUCT CARDS ===== */
/* ══ PRODUCT CARDS ══════════════════════════════════════════════════════════ */

/* Cards wrapper */
.fai-cards{
    display:flex;flex-direction:column;
    gap:6px;margin-top:6px;
    align-self:flex-start;
    width:100%;max-width:min(100%, var(--fai-card-maxw, 300px));
    box-sizing:border-box;
}

/* ── Base card ─────────────────────────────────────────────────────────────── */
.fai-card{
    background:var(--fai-cbg);
    color:var(--fai-ctxt);
    border-radius:12px;
    border:1px solid var(--fai-cbrd);
    position:relative;
    overflow:hidden;
    transition:box-shadow .2s,border-color .2s,transform .15s;
    box-shadow:0 1px 6px rgba(0,0,0,.06);
}
.fai-card:hover{border-color:var(--fai-acc);box-shadow:0 3px 12px rgba(0,0,0,.10);transform:translateY(-1px)}
.fai-popup.glass .fai-card{background:rgba(255,255,255,.65);backdrop-filter:blur(8px)}

/* ── Animation types ───────────────────────────────────────────────────────── */
.fai-anim-slideUp{animation:fai-slideUp var(--fai-card-spd,350ms) both}
.fai-anim-fadeIn {animation:fai-fadeIn  var(--fai-card-spd,350ms) both}
.fai-anim-zoomIn {animation:fai-zoomIn  var(--fai-card-spd,350ms) both}
.fai-anim-none   {animation:none}

/* Cards hidden by default — JS reveals them sequentially */
.fai-card-hidden {
    opacity: 0;
    transform: translateY(16px);
    transition: none;
}
.fai-card-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.32s cubic-bezier(.22,.68,0,1.2), transform 0.32s cubic-bezier(.22,.68,0,1.2);
}

@keyframes fai-slideUp {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fai-fadeIn  {from{opacity:0}to{opacity:1}}
@keyframes fai-zoomIn  {from{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}

/* ── SIDE LAYOUT (default) — narrow horizontal strip ──────────────────────── */
.fai-card-side{
    display:flex;
    flex-direction:row;
    align-items:center;
    min-height:60px;
    max-height:80px;
    overflow:hidden;
}
/* Small image on the left (RTL: right) */
.fai-card-img-side{
    width:var(--fai-img-w,60px);
    min-width:var(--fai-img-w,60px);
    max-width:var(--fai-img-w,60px);
    height:var(--fai-img-h,60px);
    min-height:var(--fai-img-h,60px);
    max-height:80px;
    flex-shrink:0;
    overflow:hidden;
    border-radius:10px 0 0 10px;
}
[dir=rtl] .fai-card-side .fai-card-img-side{border-radius:0 10px 10px 0}
[dir=ltr] .fai-card-side .fai-card-img-side{border-radius:10px 0 0 10px}
.fai-card-img-side img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.fai-card-side:hover .fai-card-img-side img{transform:scale(1.06)}

.fai-card-body-side{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:6px 8px 6px;
    min-width:0;
    gap:2px;
}
.fai-card-top-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:4px;
}
.fai-card-side .fai-card-name{
    font-size:12.5px;font-weight:700;
    overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;flex:1;min-width:0;
    line-height:1.3;
}
.fai-card-side .fai-card-desc{
    font-size:10.5px;opacity:.68;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:var(--fai-desc-lines,1);
    line-clamp:var(--fai-desc-lines,1);
    line-height:1.35;
    white-space:normal;
}
/* Actions in side layout: compact column on the right edge */
.fai-card-side .fai-card-actions{
    padding:0 8px 0 4px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    flex-shrink:0;min-width:62px;
}
[dir=rtl] .fai-card-side .fai-card-actions{padding:0 4px 0 8px}

/* ── TOP LAYOUT ────────────────────────────────────────────────────────────── */
.fai-card-top{display:flex;flex-direction:column}
.fai-card-img-top{
    width:100%;
    height:calc(var(--fai-img-h,72px) * 1.3);
    overflow:hidden;
    border-radius:12px 12px 0 0;
    flex-shrink:0;
}
.fai-card-img-top img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.fai-card-top:hover .fai-card-img-top img{transform:scale(1.04)}
.fai-card-top .fai-card-body{padding:9px 11px 4px}
.fai-card-top .fai-card-name{font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fai-card-top .fai-card-desc{font-size:11px;opacity:.72;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--fai-desc-lines,2);line-clamp:var(--fai-desc-lines,2);line-height:1.45}
.fai-card-top .fai-card-actions{padding:4px 11px 9px;display:flex;align-items:center;justify-content:space-between;gap:5px}

/* ── MINIMAL LAYOUT ────────────────────────────────────────────────────────── */
.fai-card-minimal{display:flex;flex-direction:column}
.fai-card-body-minimal{padding:9px 11px 4px}
.fai-card-minimal .fai-card-name{font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fai-card-minimal .fai-card-desc{font-size:11px;opacity:.72;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--fai-desc-lines,2);line-clamp:var(--fai-desc-lines,2);line-height:1.45}
.fai-card-minimal .fai-card-actions{padding:4px 11px 9px;display:flex;align-items:center;justify-content:flex-end;gap:5px}

/* ── LIST LAYOUT ───────────────────────────────────────────────────────────── */
.fai-card-list{
    display:flex;
    flex-direction:row;
    align-items:center;
    min-height:48px;
}
.fai-card-img-list{
    width:48px;height:48px;
    flex-shrink:0;overflow:hidden;
    border-radius:10px 0 0 10px;
}
[dir=rtl] .fai-card-list .fai-card-img-list{border-radius:0 10px 10px 0}
[dir=ltr] .fai-card-list .fai-card-img-list{border-radius:10px 0 0 10px}
.fai-card-img-list img{width:100%;height:100%;object-fit:cover;display:block}
.fai-card-body-list{flex:1;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:6px;min-width:0}
.fai-card-list .fai-card-name{font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}
.fai-card-list .fai-card-actions{padding:0 8px 0 0;flex-shrink:0;display:flex;gap:4px;align-items:center}
[dir=rtl] .fai-card-list .fai-card-actions{padding:0 0 0 8px}

/* ── Shared price ──────────────────────────────────────────────────────────── */
.fai-card-price{display:flex;align-items:center;gap:4px;flex-shrink:0}
.fai-price-current{font-size:12px;color:var(--fai-acc);font-weight:700;white-space:nowrap}
.fai-price-sale{color:#d64c4c}
.fai-price-old{font-size:10px;color:#bbb;text-decoration:line-through;white-space:nowrap}

/* ── Shared actions ────────────────────────────────────────────────────────── */
.fai-card-actions{display:flex;align-items:center;gap:5px}
.fai-add-btn{
    background:var(--fai-acc);color:#fff;border:none;
    padding:5px 14px;border-radius:8px;font-size:12px;font-weight:600;
    cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;
}
.fai-add-btn:hover{background:var(--fai-acch);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.15)}
.fai-add-btn.done{background:var(--fai-bbg)}
.fai-add-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.fai-qty-row{display:none;align-items:center;gap:4px}
.fai-qty-row.show{display:flex}
.fai-qty-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--fai-dv);background:transparent;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--fai-ctxt);transition:all .15s;font-family:inherit}
.fai-qty-btn:hover{background:var(--fai-acc);color:#fff;border-color:var(--fai-acc)}
.fai-qty-num{min-width:16px;text-align:center;font-size:12px;font-weight:700}
.fai-add-more{background:var(--fai-acc);color:#fff;border:none;padding:4px 10px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.fai-add-more:hover{background:var(--fai-acch)}
.fai-add-more.done{background:var(--fai-bbg)}

/* Badge */
.fai-badge{position:absolute;top:0;right:0;background:var(--fai-bbg);color:var(--fai-btxt);font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:0 14px 0 10px;z-index:2;animation:fai-pop .25s}
[dir=rtl] .fai-badge{right:auto;left:0;border-radius:14px 0 10px 0}
@keyframes fai-pop{from{transform:scale(0)}to{transform:scale(1)}}

/* ===== QUESTION BAR (preset + smart suggestions) ===== */
.fai-questions{
    padding:0 var(--fai-ip);
    display:flex; align-items:center; gap:6px;
    flex-shrink:0;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    min-height:0; transition:min-height .3s, padding .3s
}
.fai-questions:not(:empty){ min-height:38px; padding:4px var(--fai-ip) 6px; border-top:1px solid var(--fai-dv); }
.fai-questions::-webkit-scrollbar{display:none}

/* Label chip that precedes smart buttons */
.fai-q-label{
    font-size:9.5px; font-weight:700; color:var(--fai-acc);
    opacity:.7; white-space:nowrap; flex-shrink:0;
    padding:2px 0; letter-spacing:.03em
}

/* Question buttons */
.fai-qbtn{
    background:var(--fai-qbg); color:var(--fai-qtxt);
    border:1px solid var(--fai-qbrd);
    padding:5px 13px; border-radius:18px;
    font-size:11px; cursor:pointer;
    transition:all .2s; white-space:nowrap;
    font-family:inherit; flex-shrink:0;
    animation:fai-qin .3s both
}
@keyframes fai-qin{from{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:none}}
.fai-qbtn:hover{background:var(--fai-acc);color:#fff;border-color:var(--fai-acc);transform:translateY(-1px)}
/* Smart buttons: accent-tinted */
.fai-qbtn.smart{
    border-color:var(--fai-acc); color:var(--fai-acc);
    background:rgba(196,149,106,.06)
}
.fai-qbtn.smart:hover{background:var(--fai-acc);color:#fff}
.fai-popup.glass .fai-qbtn{background:rgba(255,255,255,.45);backdrop-filter:blur(6px)}

/* INPUT */
.fai-input-area{padding:6px var(--fai-ip) 5px;flex-shrink:0;border-top:1px solid var(--fai-dv)}
.fai-input-box{display:flex;gap:6px;align-items:flex-end;background:var(--fai-ibg);border-radius:11px;padding:3px 3px 3px 10px;border:1px solid var(--fai-ibrd);transition:border-color .2s}
[dir=rtl] .fai-input-box{padding:3px 10px 3px 3px}
.fai-input-box:focus-within{border-color:var(--fai-acc)}
.fai-popup.glass .fai-input-box{background:rgba(255,255,255,.45);backdrop-filter:blur(8px)}
.fai-input{flex:1;background:transparent;border:none;color:var(--fai-itxt);font-size:13px;font-family:inherit;resize:none;min-height:28px;max-height:56px;padding:6px 0;outline:none;line-height:1.4}
.fai-input::placeholder{color:rgba(45,42,38,.25)}
.fai-send-btn{width:30px;height:30px;border-radius:8px;background:var(--fai-sbg);color:var(--fai-stxt);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.fai-send-btn:hover{filter:brightness(1.1)}
.fai-send-btn:disabled{opacity:.35}
.fai-send-btn svg{width:14px;height:14px}
[dir=rtl] .fai-send-btn svg{transform:scaleX(-1)}
/* FOOTER */
.fai-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:0 2px}
.fai-powered{font-size:9px;opacity:.2}
.fai-close-btn{display:flex;align-items:center;gap:3px;background:var(--fai-xbg);color:var(--fai-xtxt);border:none;padding:var(--fai-xpv) var(--fai-xph);border-radius:var(--fai-xr);font-size:var(--fai-xfs);cursor:pointer;transition:all .2s;font-family:inherit}
.fai-close-btn:hover{opacity:.7}
.fai-close-btn svg{flex-shrink:0}
/* MOBILE + KEYBOARD-AWARE */
@media(max-width:520px){
    .fai-popup{
        position:fixed!important;
        top:auto!important;
        bottom:0!important;
        left:0!important;right:0!important;
        width:100vw!important;max-width:100vw!important;
        height:auto!important;
        /* Use dvh so popup shrinks when keyboard appears */
        max-height:75dvh!important;
        border-radius:18px 18px 0 0!important;
        margin:0!important;
        transform:translateY(100%)!important;
        /* Smooth resize when keyboard opens/closes */
        transition:transform .3s cubic-bezier(.34,1.56,.64,1),max-height .25s ease!important
    }
    .fai-popup.on{transform:translateY(0)!important}
    /* Header always visible — compact on small screens */
    .fai-header{
        padding:8px 12px!important;
        position:sticky!important;top:0!important;
        z-index:2!important;
    }
    .fai-avatar{width:26px!important;height:26px!important}
    .fai-title{font-size:13px!important}
    .fai-subtitle{display:none!important}
    /* Messages area */
    .fai-messages{padding:8px}
    .fai-cards{max-width:100%!important;width:100%}
    /* Side layout stays side on small screens but image slightly smaller */
    .fai-card-img-side{width:60px!important;min-height:60px!important}
    /* Top layout image shorter on mobile */
    .fai-card-img-top{height:70px!important}
    /* Input area sticks to bottom above keyboard */
    .fai-input-area{
        position:sticky!important;bottom:0!important;
        z-index:2!important;
        background:var(--fai-bg)!important;
        padding-bottom:max(6px, env(safe-area-inset-bottom))!important
    }
    /* Question bar sticky above input */
    .fai-questions{
        position:sticky!important;bottom:0!important;
        z-index:1!important;
        background:var(--fai-bg)!important
    }
}
/* When viewport is very short (keyboard open on desktop browser) */
@media(max-height:500px){
    .fai-popup{max-height:90dvh!important}
    .fai-header{padding:6px 12px!important}
    .fai-subtitle{display:none!important}
}
.fai-shake{animation:fai-shake .4s}
@keyframes fai-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* ── RTL: user bubble on RIGHT, AI bubble on LEFT ── */
[dir=rtl] .fai-msg-user{
    align-self:flex-end;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:14px
}
[dir=rtl] .fai-msg-ai{
    align-self:flex-start;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:14px
}
/* LTR (en): user on right (same as default), AI on left */
[dir=ltr] .fai-msg-user{
    align-self:flex-end;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:14px
}
[dir=ltr] .fai-msg-ai{
    align-self:flex-start;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:5px
}

/* ── Force popup above ALL elements ─────────────────────────────────────── */
/* When chat is open, the popup gets maximum stacking priority */
.fai-popup.on{
    /* Extra insurance: paint on top */
    isolation:isolate;
}
/* Body-level backdrop for proper stacking when needed */
body.fai-open .fai-popup{
    z-index:var(--fai-zi,999999)!important;
}

/* ── Stock Alert ─────────────────────────────────────────────────────────── */
.fai-stock-alert{
    background:#fff3cd;
    color:#856404;
    border:1px solid #ffc107;
    border-radius:8px;
    padding:6px 10px;
    font-size:12px;
    text-align:center;
    margin-top:6px;
    animation:fai-fadein .2s ease;
}
[dir=rtl] .fai-stock-alert{ font-family:inherit; }

/* ═══════════════════════════════════════════════════
   v13 FIXES
   ═══════════════════════════════════════════════════ */

/* ── POPUP: Always on top — moved to body, uses fixed positioning ─────────── */
/* When popup is moved to body by JS, ensure correct display */
body > .fai-popup {
    position: fixed !important;
    z-index: 2147483647 !important;
}

/* ── CHAT DIRECTION FIX for RTL (fa/ar): user RIGHT, AI LEFT ─────────────── */
/* In Persian and Arabic: user messages on RIGHT, AI messages on LEFT        */
[dir=rtl] .fai-messages {
    direction: rtl;
}
[dir=rtl] .fai-msg-user {
    align-self: flex-end !important;
    border-radius: 14px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 14px !important;
    margin-left: auto;
    margin-right: 0;
}
[dir=rtl] .fai-msg-ai {
    align-self: flex-start !important;
    border-radius: 14px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 14px !important;
    margin-right: auto;
    margin-left: 0;
}
[dir=rtl] .fai-msg-welcome {
    align-self: center !important;
    margin: 0 auto !important;
}
[dir=rtl] .fai-typing {
    align-self: flex-start !important;
}
[dir=rtl] .fai-cards {
    align-self: flex-start;
}

/* LTR (en): default — user RIGHT, AI LEFT (unchanged) */
[dir=ltr] .fai-msg-user {
    align-self: flex-end;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 14px;
}
[dir=ltr] .fai-msg-ai {
    align-self: flex-start;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 5px;
}