/*
 * LINA – the chat widget of ws_meilisearch in the LINEAR CI
 * (Marketing, specification LIESMICH_LINA.md of 2026-10-13).
 *
 * Only custom properties and the few LINEAR-specific touches. Layout and
 * behaviour stay in ws_meilisearch (ChatWidget.css); name, icon and texts come
 * from the chatWidget.* settings of this set.
 *
 * Colours: Petrol #183d46 (head, launcher, text), Türkis #61a4a4 (surfaces and
 * focus only — no white text on it, contrast too low), Hell #c4dad4 (borders,
 * subtitle on Petrol), Sehr hell #ecf2f0 (visitor question, usage examples),
 * Akzent #2f6f70 (links, headings, send button), Grau #4a6a70 (hints).
 * No rounded corners anywhere, Open Sans (loaded by the site).
 */
.ws-meilisearch-chat {
    --wsms-chat-primary: #183d46;
    --wsms-chat-on-primary: #fff;
    --wsms-chat-on-primary-muted: #c4dad4;
    --wsms-chat-accent: #2f6f70;
    --wsms-chat-on-accent: #fff;
    --wsms-chat-text: #183d46;
    --wsms-chat-muted: #4a6a70;
    --wsms-chat-border: #c4dad4;
    --wsms-chat-soft: #ecf2f0;
    --wsms-chat-bg: #fff;
    --wsms-chat-focus: #61a4a4;
    --wsms-chat-font: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    --wsms-chat-font-size: 15px;
    --wsms-chat-radius: 0;
    --wsms-chat-launcher-radius: 0;
    --wsms-chat-width: 520px;
    --wsms-chat-width-expanded: 800px;
    --wsms-chat-height: 760px;
    --wsms-chat-content-max: 680px;
    --wsms-chat-offset: 24px;
    --wsms-chat-shadow: 0 12px 40px rgba(24, 61, 70, .22);
}

/* Launcher 32px from the corner, the panel 24px (specification 2 and 3). */
.ws-meilisearch-chat-launcher {
    right: 32px;
    bottom: 32px;
    /* Abnahme 15.10.: on short pages the Petrol launcher disappeared into the
     * dark footer; the Türkis rim keeps it visible. */
    border: 1px solid #61a4a4;
    box-shadow: 0 8px 24px rgba(24, 61, 70, .3);
}
.ws-meilisearch-chat-teaser {
    right: 32px;
    bottom: 104px;
}

/* "Beispiele zum Kennenlernen": white instead of the light usage tone. */
.ws-meilisearch-chat-example--prospect {
    background: #fff;
}

/* No rounded corners — also not on what the answer brings along (cards,
 * buttons, alerts of the embedded shell). */
.ws-meilisearch-chat,
.ws-meilisearch-chat * {
    border-radius: 0 !important;
}

@media (max-width: 767px) {
    /* Full screen on the phone: above SimpleCMP's settings button
     * (z-index 2147483000, bottom left), which otherwise covers the AI notice
     * under the input. */
    .ws-meilisearch-chat {
        --wsms-chat-z: 2147483001;
    }
    .ws-meilisearch-chat-launcher {
        right: 16px;
        bottom: 16px;
    }
}