/* Foodie chat: modificări direct în chat. Negru și portocaliu, butoane mari pe mobil. Se încarcă după bot-widget.css. */
.fbot-cards{display:flex;flex-direction:column;gap:10px;align-self:stretch;width:100%}
.fbot-card{background:#141916;border:1px solid #2a312c;border-radius:18px;padding:14px 14px 12px;color:#f5f5f2;box-shadow:0 6px 18px rgba(0,0,0,.25);animation:fbotUp .32s cubic-bezier(.2,.8,.2,1) both}
.fbot-card.is-info{border-color:#3a2a1a;background:linear-gradient(180deg,#1a1510 0,#141916 70%)}
.fbot-card.is-locked{opacity:.86;border-style:dashed}
.fbot-card.is-picked{border-color:#ff790c;box-shadow:0 0 0 2px rgba(255,121,12,.25)}
.fbot-card-h{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.fbot-card-t{font-weight:800;font-size:17px;line-height:1.2;color:#fff}
.fbot-card-s{font-size:12.5px;color:#ffb27a;font-weight:600}
.fbot-card.is-locked .fbot-card-s{color:#a3a8a5}
.fbot-card-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fbot-card-l li{display:flex;flex-direction:column;gap:1px;font-size:14.5px;line-height:1.35}
.fbot-card-l li.is-h{font-weight:700;color:#ffb27a;margin-top:4px}
.fbot-card-l li.is-where{padding-top:6px;border-top:1px solid #262c28}
.fbot-card-l li.is-where+li.is-where{padding-top:0;border-top:0}
.fbot-card-l li.has-img{flex-direction:row;align-items:center;gap:10px}
.fbot-card-p{flex:0 0 48px;width:48px;height:48px;border-radius:12px;object-fit:cover;background:#222824;border:1px solid #2a312c;animation:fbotFade .4s ease both}
.fbot-card-x{display:flex;flex-direction:column;gap:1px;min-width:0}
@keyframes fbotFade{from{opacity:0}to{opacity:1}}
.fbot-card-k{display:flex;align-items:center;gap:6px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#8f9792;font-weight:700}
.fbot-card-i{font-size:13px;letter-spacing:0}
.fbot-card-v{color:#f5f5f2}
.fbot-card-a{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.fbot-card-a.n1{grid-template-columns:1fr}.fbot-card-a.n2{grid-template-columns:1fr 1fr}
.fbot-card-b{min-height:48px;padding:8px 6px;border-radius:14px;border:1.5px solid #ff790c;background:#0f1311;color:#fff;font-family:inherit;font-weight:700;font-size:14px;line-height:1.15;cursor:pointer;transition:transform .12s ease,background .15s ease}
.fbot-card-b:active{transform:scale(.97)}
.fbot-card-b:hover,.fbot-card-b:focus-visible{background:rgba(255,121,12,.14);outline:none}
.fbot-card-b.fbot-k-danger{border-color:#5a3b2a;color:#ffb8a0}
.fbot-card.is-locked .fbot-card-b{border-color:#3a403c;color:#c9cdca}
/* butoanele răspunsului: principal, pericol, „chips” discrete */
.fbot-btns.fbot-stack{gap:8px}
.fbot-btn{transition:transform .12s ease,background .15s ease,border-color .15s ease}
.fbot-btn:active{transform:scale(.98)}
.fbot-btn.fbot-k-primary{min-height:52px;border:0;background:#ff5200;background-image:linear-gradient(100deg,#ff5200,#ff850c);color:#fff;font-weight:800;font-size:15.5px;text-align:center;box-shadow:0 6px 16px rgba(255,82,0,.28)}
.fbot-btn.fbot-k-primary:hover,.fbot-btn.fbot-k-primary:focus-visible{filter:brightness(1.06);color:#fff}
.fbot-btn.fbot-k-danger{min-height:48px;border-color:#6b3d27;color:#ffb8a0;text-align:center}
.fbot-btns.fbot-stack>.fbot-btn:not(.fbot-k-ghost):not(.fbot-opt){min-height:48px;font-size:15px}
.fbot-btns .fbot-btn.fbot-k-ghost{width:auto;align-self:flex-start;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #343c36;background:#111512;color:#d9dcda;font-weight:600;font-size:14px}
.fbot-btns .fbot-btn.fbot-k-ghost:hover,.fbot-btns .fbot-btn.fbot-k-ghost:focus-visible{border-color:#ff790c;color:#fff}
.fbot-btns:has(.fbot-k-ghost){flex-direction:row;flex-wrap:wrap}
.fbot-btns:has(.fbot-k-ghost)>.fbot-btn:not(.fbot-k-ghost){flex:1 1 100%}
.fbot-link.fbot-link-ghost{background:none;background-image:none;border:1px dashed #3a403c;color:#c9cdca;font-weight:600;min-height:40px}
.fbot-link.fbot-link-ghost:hover{border-color:#ff790c;color:#fff}
/* intrări mai fluide */
.fbot-msg,.fbot-btns,.fbot-links,.fbot-form{animation:fbotUp .28s cubic-bezier(.2,.8,.2,1) both}
.fbot-form select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ff790c 50%),linear-gradient(135deg,#ff790c 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}
/* indicator „scrie” cu trei puncte */
.fbot-typing{position:relative;align-self:flex-start;min-width:58px;height:38px;padding:0 14px;border-radius:16px;background:#1b201d;border:1px solid #232925;color:transparent!important;font-size:0!important;display:flex;align-items:center}
.fbot-typing::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff790c;box-shadow:12px 0 0 #ff790c,24px 0 0 #ff790c;animation:fbotDots 1.1s infinite ease-in-out}
@keyframes fbotDots{0%{box-shadow:12px 0 0 rgba(255,121,12,.35),24px 0 0 rgba(255,121,12,.15);opacity:1}33%{box-shadow:12px 0 0 #ff790c,24px 0 0 rgba(255,121,12,.35);opacity:.45}66%{box-shadow:12px 0 0 rgba(255,121,12,.35),24px 0 0 #ff790c;opacity:.3}100%{box-shadow:12px 0 0 rgba(255,121,12,.35),24px 0 0 rgba(255,121,12,.15);opacity:1}}
@keyframes fbotUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fbot-card,.fbot-msg,.fbot-btns,.fbot-links,.fbot-form{animation:none}.fbot-typing::before{animation:none}}
@media (max-width:420px){.fbot-card-b{font-size:13.5px;min-height:50px}.fbot-card{padding:13px 12px 11px}}