/* Shop help assistant: floating chat button and panel (Views/Shared/_Assistant.cshtml). */
.assistant-launch {
    position: fixed; right: 1rem; bottom: 1.25rem; z-index: 250;
    display: flex; align-items: center; gap: .45rem;
    padding: .7rem 1rem; border: none; border-radius: var(--radius-xl);
    background: var(--sage); color: #fff; box-shadow: var(--shadow-lg);
    font: 600 .92rem var(--font-body); cursor: pointer; transition: var(--t);
}
.assistant-launch:hover { background: var(--bark-mid); }
.assistant-launch-icon { font-size: 1.15rem; line-height: 1; }
.assistant-open .assistant-launch { display: none; }

.assistant-panel {
    position: fixed; right: 1rem; bottom: 1.25rem; z-index: 260;
    width: 370px; max-width: calc(100vw - 2rem); height: 560px; max-height: calc(100vh - 6rem);
    display: none; flex-direction: column; overflow: hidden;
    background: var(--warm-white); border: 1px solid var(--mist); border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg); font-family: var(--font-body); color: var(--bark);
}
.assistant-open .assistant-panel { display: flex; }

.assistant-header {
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
    padding: .8rem 1rem; background: var(--sage); color: #fff;
}
.assistant-title { font-weight: 700; font-size: .98rem; }
.assistant-subtitle { font-size: .74rem; opacity: .85; }
.assistant-close {
    border: none; background: transparent; color: #fff; font-size: 1.4rem; line-height: 1;
    cursor: pointer; padding: .2rem .4rem; border-radius: var(--radius-sm);
}
.assistant-close:hover { background: rgba(255,255,255,.15); }

.assistant-messages { flex: 1; overflow-y: auto; padding: .9rem; display: flex; flex-direction: column; gap: .6rem; }
.assistant-msg { max-width: 88%; padding: .6rem .8rem; border-radius: 14px; font-size: .88rem; line-height: 1.45; overflow-wrap: anywhere; }
.assistant-msg p { margin: 0 0 .45rem; }
.assistant-msg p:last-child { margin-bottom: 0; }
.assistant-msg ul, .assistant-msg ol { margin: .2rem 0 .45rem; padding-left: 1.15rem; }
.assistant-msg li { margin: .15rem 0; }
.assistant-msg-bot { align-self: flex-start; background: var(--sage-pale); border-bottom-left-radius: 4px; }
.assistant-msg-user { align-self: flex-end; background: var(--bark-mid); color: var(--cream); border-bottom-right-radius: 4px; white-space: pre-wrap; }
.assistant-q { font-weight: 700; color: var(--sage); }
.assistant-msg-bot a { color: var(--sage); }
.assistant-msg-bot a:hover { color: var(--bark-mid); }
.assistant-typing { font-style: italic; color: var(--earth); }

.assistant-products { display: flex; flex-direction: column; gap: .45rem; margin-top: .5rem; }
.assistant-product {
    display: flex; gap: .6rem; align-items: center; padding: .45rem; text-decoration: none; color: inherit;
    background: #fff; border: 1px solid var(--mist); border-radius: var(--radius-sm); transition: var(--t);
}
.assistant-product:hover { border-color: var(--sage-light); box-shadow: var(--shadow-sm); }
.assistant-product img, .assistant-product-noimg {
    width: 52px; height: 52px; flex: 0 0 52px; object-fit: cover; border-radius: 6px; background: var(--mist);
}
.assistant-product-name { font-weight: 600; font-size: .84rem; }
.assistant-product-meta { font-size: .74rem; color: var(--earth); }
.assistant-product-price { font-weight: 700; font-size: .84rem; color: var(--bark); }
.assistant-out { color: var(--rust); font-weight: 600; }
.assistant-sameday { color: var(--sage); font-weight: 600; }
.assistant-more { font-size: .8rem; font-weight: 600; color: var(--sage); }

.assistant-suggestions { display: flex; flex-wrap: wrap; gap: .35rem; padding: 0 .9rem .6rem; }
.assistant-chip {
    border: 1px solid var(--sage-light); background: #fff; color: var(--sage);
    border-radius: var(--radius-xl); padding: .3rem .65rem; font: 500 .76rem var(--font-body); cursor: pointer;
}
.assistant-chip:hover { background: var(--sage-pale); }

.assistant-form { display: flex; gap: .4rem; padding: .6rem; border-top: 1px solid var(--mist); background: #fff; }
.assistant-input {
    flex: 1; min-width: 0; border: 1px solid var(--mist); border-radius: var(--radius-xl);
    padding: .55rem .85rem; font: .9rem var(--font-body); color: var(--bark);
}
.assistant-input:focus { outline: none; border-color: var(--sage-light); }
.assistant-send {
    border: none; border-radius: var(--radius-xl); background: var(--sage); color: #fff;
    padding: 0 1rem; font: 600 .86rem var(--font-body); cursor: pointer;
}
.assistant-send:disabled { opacity: .5; cursor: default; }
.assistant-footnote { font-size: .68rem; color: var(--earth); text-align: center; padding: 0 .6rem .5rem; background: #fff; }

/* Phones: clear the floating cart bar, and open as a bottom sheet. */
@media (max-width: 640px) {
    .assistant-launch { bottom: 5rem; padding: .7rem; }
    .assistant-launch-text { display: none; }
    .assistant-panel { right: 0; bottom: 0; width: 100vw; max-width: 100vw; height: 82vh; max-height: 82vh; border-radius: var(--radius-md) var(--radius-md) 0 0; }
}