/* On Demand AI asistent – plutajući chat (koristi boje iz style.css) */
.od-chat-btn {
    position: fixed; right: 20px; bottom: 20px; z-index: 1050;
    display: flex; align-items: center; gap: 10px;
    background: var(--primary, #06A3DA); color: #fff; border: 0; border-radius: 30px;
    padding: 12px 20px; font-family: 'Nunito', sans-serif; font-weight: 700;
    box-shadow: 0 6px 20px rgba(9, 30, 62, .25); cursor: pointer;
}
.od-chat-btn i { font-size: 18px; }
.od-chat-btn:focus-visible { outline: 3px solid var(--dark, #091E3E); outline-offset: 2px; }
.back-to-top { bottom: 90px !important; }

.od-chat-panel {
    position: fixed; right: 20px; bottom: 84px; z-index: 1051;
    width: 370px; max-width: calc(100vw - 32px); height: 540px; max-height: calc(100vh - 110px);
    display: none; flex-direction: column; background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 12px 40px rgba(9, 30, 62, .3); font-family: 'Rubik', sans-serif;
}
.od-chat-panel.open { display: flex; }
.od-chat-head {
    background: var(--dark, #091E3E); color: #fff; padding: 14px 16px;
    display: flex; align-items: center; justify-content: space-between;
}
.od-chat-head strong { font-family: 'Nunito', sans-serif; font-size: 16px; display: block; }
.od-chat-head small { color: #b8c4d6; font-size: 12px; }
.od-chat-close { background: none; border: 0; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; padding: 4px 8px; }
.od-chat-log { flex: 1; overflow-y: auto; padding: 14px; background: var(--light, #EEF9FF); }
.od-msg { max-width: 85%; margin-bottom: 10px; padding: 10px 13px; border-radius: 12px; font-size: 14.5px; line-height: 1.45; white-space: pre-wrap; word-wrap: break-word; }
.od-msg.bot { background: #fff; color: #33475b; border-bottom-left-radius: 3px; }
.od-msg.user { background: var(--primary, #06A3DA); color: #fff; margin-left: auto; border-bottom-right-radius: 3px; }
.od-msg.typing { color: #8a99ab; font-style: italic; }
.od-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.od-chip { background: #fff; border: 1px solid var(--primary, #06A3DA); color: var(--primary, #06A3DA); border-radius: 16px; padding: 5px 11px; font-size: 13px; cursor: pointer; }
.od-chip:hover { background: var(--primary, #06A3DA); color: #fff; }
.od-chat-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #e3e9ef; background: #fff; }
.od-chat-form textarea { flex: 1; resize: none; border: 1px solid #d5dde5; border-radius: 10px; padding: 9px 11px; font-size: 14.5px; height: 44px; font-family: inherit; }
.od-chat-form button { background: var(--primary, #06A3DA); color: #fff; border: 0; border-radius: 10px; width: 46px; cursor: pointer; }
.od-chat-form button:disabled { opacity: .5; cursor: default; }
.od-chat-note { font-size: 11.5px; color: #8a99ab; padding: 0 12px 8px; background: #fff; }

@media (max-width: 480px) {
    .od-chat-btn span { display: none; }
    .od-chat-btn { padding: 14px 16px; }
    .od-chat-panel { right: 8px; left: 8px; width: auto; max-width: none; bottom: 80px; height: calc(100vh - 100px); }
}