/* Medusa Asistent 2.0 — CGP: Nunito, bela / #F9F9F9 / BONE #EEEAE1, črn gumb, radij 3px */
.md-asistent{ position: fixed; right: 20px; bottom: 20px; z-index: 9998; font-family: 'Nunito', -apple-system, sans-serif; }
.mda-launch{ display: inline-flex; align-items: center; gap: 10px; background: #000 !important; color: #fff !important; border: 0 !important; border-radius: 3px !important; padding: 13px 18px 13px 14px; font-size: 14.5px; font-weight: 600; letter-spacing: .01em; cursor: pointer; box-shadow: 0 10px 28px rgba(0,0,0,.18); transition: transform .15s ease, opacity .15s ease; }
.mda-launch:hover{ opacity: .9; transform: translateY(-1px); }
.mda-ico{ width: 18px; height: 18px; border-radius: 50%; background: #EEEAE1; position: relative; flex: none; }
.mda-ico::after{ content: ""; position: absolute; left: 5px; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #000; }
.mda-hint{ position: absolute; right: 0; bottom: 60px; width: 260px; background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 3px; padding: 12px 14px; font-size: 13.5px; color: #222; box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.mda-panel{ position: absolute; right: 0; bottom: 62px; width: 400px; max-width: calc(100vw - 40px); height: 620px; max-height: calc(100vh - 110px); background: #fff; border: 1px solid rgba(0,0,0,.10); border-radius: 3px; box-shadow: 0 22px 56px rgba(0,0,0,.18); display: flex; flex-direction: column; overflow: hidden; }
.mda-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; background: #EEEAE1; }
.mda-head strong{ display: block; font-size: 15px; color: #000; font-weight: 600; }
.mda-head span{ font-size: 12px; color: #404040; }
.mda-close{ background: transparent !important; border: 0 !important; color: #000 !important; font-size: 24px; line-height: 1; cursor: pointer; padding: 0 4px; }
.mda-msgs{ flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: #F9F9F9; scroll-behavior: smooth; }
.mda-m{ max-width: 90%; padding: 11px 14px; border-radius: 3px; font-size: 14px; line-height: 1.55; color: #222; word-wrap: break-word; }
.mda-bot{ background: #fff; border: 1px solid rgba(0,0,0,.08); align-self: flex-start; }
.mda-me{ background: #000; color: #fff; align-self: flex-end; white-space: pre-wrap; }
.mda-sys{ background: transparent; border: 0; color: #777; font-size: 12.5px; padding: 2px 4px; }
.mda-bot a{ color: #000; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.mda-h{ display: block; margin: 4px 0 2px; }
.mda-li{ display: block; padding-left: 6px; }
.mda-btns{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.mda-btn{ display: inline-block; background: #000; color: #fff !important; text-decoration: none !important; padding: 9px 14px; border-radius: 3px; font-size: 13.5px; font-weight: 600; }
.mda-btn:hover{ opacity: .88; }
.mda-btn + .mda-btn{ background: #fff; color: #000 !important; border: 1px solid #000; }
.mda-wait{ padding: 12px 16px; }
.mda-dots{ display: inline-flex; gap: 5px; }
.mda-dots i{ width: 7px; height: 7px; border-radius: 50%; background: #A9AEB3; animation: mdaBlink 1.2s infinite ease-in-out; }
.mda-dots i:nth-child(2){ animation-delay: .2s; } .mda-dots i:nth-child(3){ animation-delay: .4s; }
@keyframes mdaBlink{ 0%,80%,100%{ opacity: .25; } 40%{ opacity: 1; } }
.mda-chips{ display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 16px 4px; background: #F9F9F9; }
.mda-chips button{ background: #fff !important; color: #404040 !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 3px !important; padding: 6px 10px; font-size: 12.5px; cursor: pointer; }
.mda-chips button:hover{ border-color: #000 !important; color: #000 !important; }
.mda-form{ display: flex; gap: 8px; padding: 12px 16px; background: #F9F9F9; border-top: 1px solid rgba(0,0,0,.06); }
.mda-form textarea{ flex: 1; resize: none; border: 1px solid rgba(0,0,0,.18); border-radius: 3px; padding: 11px 12px; font: inherit; font-size: 14px; background: #fff; color: #000; min-height: 44px; max-height: 120px; line-height: 1.4; }
.mda-form textarea:focus{ outline: none; border-color: #000; }
.mda-send{ background: #000 !important; color: #fff !important; border: 0 !important; border-radius: 3px !important; width: 46px; font-size: 18px; cursor: pointer; flex: none; }
.mda-foot{ font-size: 11.5px; color: #8a8a8a; padding: 6px 16px 12px; background: #F9F9F9; }
.mda-foot a{ color: #404040; }
/* Vnos na domači strani */
.mda-inline{ display: flex; gap: 8px; max-width: 640px; margin: 18px 0 0; }
.mda-inline input{ flex: 1; border: 1px solid rgba(0,0,0,.2); border-radius: 3px !important; padding: 13px 14px; font: inherit; font-size: 15px; background: #fff; color: #000; }
.mda-inline input:focus{ outline: none; border-color: #000; }
.mda-inline button{ background: #000 !important; color: #fff !important; border: 0 !important; border-radius: 3px !important; padding: 0 20px; font-weight: 600; font-size: 14.5px; cursor: pointer; }
@media (max-width: 600px){
  .md-asistent{ right: 12px; bottom: 14px; }
  .mda-launch-t{ display: none; }
  .mda-launch{ padding: 14px; border-radius: 50% !important; }
  .md-asistent.open .mda-launch{ display: none; }
  .mda-panel{ position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; bottom: 0; border-radius: 0; }
  .mda-inline{ flex-direction: column; }
  .mda-inline button{ padding: 13px; }
}