/* ============================================================
   BCC Chatbot AI — widget premium
   Culoare configurabilă din admin prin --bcchat-primary (default #223369).

   Toate regulile sunt prefixate cu #bc-chat (specificitate de ID) ca să nu
   poată fi suprascrise de regulile globale ale temei — tema live „stack"
   are `button { background: 0 0; height: 3.25em }` care strică butoanele.

   Limbaj vizual: umbre stratificate, gradient subtil pe navy, micro-animații
   discrete, colțuri asimetrice pe bule. Poziționare în oglindă cu iconița
   GDPR (bcc-cookie-consent): 46×46px, bottom:12px, right:24px.
   ============================================================ */

#bc-chat {
    position: fixed;
    right: 24px;
    bottom: 12px;
    z-index: 99990;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Paletă derivată din culoarea principală */
    --bcc-p: var(--bcchat-primary, #223369);
    --bcc-p-dark: var(--bcchat-primary-dark, #16223f);
    --bcc-grad: linear-gradient(135deg, color-mix(in srgb, var(--bcc-p), #ffffff 14%) 0%, var(--bcc-p) 55%, var(--bcc-p-dark) 100%);
    --bcc-ring: color-mix(in srgb, var(--bcc-p), transparent 82%);
    --bcc-ink: #1a2333;
    --bcc-muted: #8a93a6;
    --bcc-bg: #f6f7fb;
    --bcc-line: rgba(26, 35, 51, .08);
    --bcc-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
    --bcc-shadow-md: 0 1px 2px rgba(16, 24, 40, .07), 0 8px 24px rgba(16, 24, 40, .12);
    --bcc-shadow-lg: 0 1px 2px rgba(16, 24, 40, .06), 0 12px 32px rgba(16, 24, 40, .14), 0 32px 72px rgba(22, 34, 63, .18);
}
@supports not (color: color-mix(in srgb, red, blue)) {
    #bc-chat { --bcc-grad: linear-gradient(135deg, var(--bcc-p) 0%, var(--bcc-p-dark) 100%); --bcc-ring: rgba(34, 51, 105, .18); }
}

/* Atributul hidden CÂȘTIGĂ întotdeauna — altfel display:flex de pe panou
   îl învinge și chatul apare deschis de la încărcare */
#bc-chat [hidden] { display: none !important; }

/* ---------- Reset defensiv anti-temă ---------- */
#bc-chat button {
    height: auto;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    text-shadow: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.4;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
#bc-chat input,
#bc-chat select {
    height: auto;
    margin: 0;
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    font-family: inherit;
    background: #fff;
    color: var(--bcc-ink);
}
#bc-chat p { margin: 0; padding: 0; }
#bc-chat img { max-width: 100%; border: none; box-shadow: none; }

/* ---------- Iconița de chat (în oglindă cu GDPR: 46px) ---------- */
#bc-chat .bc-chat-bubble {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--bcc-grad);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* highlight interior sus + glow colorat — efect de „bijuterie" */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(0, 0, 0, .12),
                0 2px 6px rgba(22, 34, 63, .28), 0 8px 22px rgba(22, 34, 63, .34);
    transition: transform .22s cubic-bezier(.34, 1.56, .64, 1), box-shadow .22s ease;
}
#bc-chat .bc-chat-bubble:hover {
    transform: translateY(-2px) scale(1.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), inset 0 -1px 0 rgba(0, 0, 0, .12),
                0 4px 10px rgba(22, 34, 63, .30), 0 14px 32px rgba(22, 34, 63, .42), 0 0 0 5px var(--bcc-ring);
    background: var(--bcc-grad);
}
#bc-chat .bc-chat-bubble:active { transform: scale(.95); }
#bc-chat .bc-chat-bubble svg { width: 23px; height: 23px; }
#bc-chat .bc-chat-bubble .bc-chat-icon-close { display: none; }
#bc-chat[data-state="open"] .bc-chat-icon-open { display: none; }
#bc-chat[data-state="open"] .bc-chat-icon-close { display: block; }

/* Punct verde „online" pe iconiță + două pulsuri blânde la încărcare */
#bc-chat .bc-chat-bubble::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
}
#bc-chat[data-state="closed"] .bc-chat-bubble {
    animation: bc-breathe 2.6s ease-in-out 2.5s 2;
}
@keyframes bc-breathe {
    0%, 100% { box-shadow: 0 2px 6px rgba(22, 34, 63, .25), 0 6px 18px rgba(22, 34, 63, .30), 0 0 0 0 var(--bcc-ring); }
    50%      { box-shadow: 0 2px 6px rgba(22, 34, 63, .25), 0 6px 18px rgba(22, 34, 63, .30), 0 0 0 9px rgba(34, 51, 105, 0); }
}

/* ---------- Balonul de întâmpinare ---------- */
#bc-chat .bc-chat-teaser {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 282px;
    background: rgba(255, 255, 255, .96);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid var(--bcc-line);
    border-radius: 16px 16px 4px 16px;
    box-shadow: var(--bcc-shadow-md);
    padding: 14px 16px 14px;
    cursor: pointer;
    animation: bc-teaser-in .38s cubic-bezier(.21, 1.02, .73, 1);
    transition: transform .18s ease, box-shadow .18s ease;
}
#bc-chat .bc-chat-teaser:hover { transform: translateY(-2px); box-shadow: var(--bcc-shadow-lg); }
@keyframes bc-teaser-in {
    from { opacity: 0; transform: translateY(10px) scale(.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
/* Coada balonului, spre iconiță */
#bc-chat .bc-chat-teaser::after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: -6px;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, .96);
    border-right: 1px solid var(--bcc-line);
    border-bottom: 1px solid var(--bcc-line);
    transform: rotate(45deg);
    border-bottom-right-radius: 3px;
}
#bc-chat .bc-chat-teaser p {
    margin: 0;
    font-size: 13.5px;
    color: var(--bcc-ink);
    line-height: 1.55;
    text-align: left;
}
#bc-chat .bc-chat-teaser-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 8px;
    padding-right: 22px; /* loc pentru X */
}
#bc-chat .bc-chat-teaser-logo {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    /* Blindaj anti-temă: unele teme pun margin sub TOATE imaginile
       (img{margin-bottom}), ceea ce împinge logo-ul în sus față de titlu */
    margin: 0 !important;
    align-self: center !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--bcc-ring);
}
#bc-chat .bc-chat-teaser-brand { margin: 0 !important; align-self: center !important; }
#bc-chat .bc-chat-mini-avatar { margin: 0 !important; align-self: center !important; }
#bc-chat .bc-chat-teaser-brand {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    color: var(--bcc-p);
}
#bc-chat .bc-chat-teaser-cta {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--bcc-p);
    transition: transform .18s ease;
}
#bc-chat .bc-chat-teaser:hover .bc-chat-teaser-cta { transform: translateX(3px); }
#bc-chat .bc-chat-teaser-close {
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 16px;
    color: #b6bcc9;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 6px;
    transition: color .15s, background .15s;
}
#bc-chat .bc-chat-teaser-close:hover { color: var(--bcc-ink); background: rgba(26, 35, 51, .06); }

/* ---------- Panoul ---------- */
#bc-chat .bc-chat-panel {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 400px;
    max-width: calc(100vw - 48px);
    height: 620px;
    max-height: calc(100vh - 90px);
    background: #fff;
    border-radius: 24px;
    border: 1px solid rgba(26, 35, 51, .06);
    box-shadow: 0 2px 4px rgba(16, 24, 40, .05), 0 16px 40px rgba(16, 24, 40, .16), 0 48px 96px rgba(22, 34, 63, .24);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform-origin: 92% 100%;
    animation: bc-pop .34s cubic-bezier(.21, 1.02, .73, 1);
    text-align: left;
}
@keyframes bc-pop {
    from { opacity: 0; transform: translateY(10px) scale(.94); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ---------- Header ---------- */
#bc-chat .bc-chat-header {
    background: var(--bcc-grad);
    color: #fff;
    padding: 19px 20px;
    display: flex;
    align-items: center;
    /* logo + bloc text pe STÂNGA (cerința finală) */
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
/* Luciu dublu peste gradient — adâncime fără zgomot */
#bc-chat .bc-chat-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 90% at 12% 0%, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 55%),
        radial-gradient(90% 120% at 100% 110%, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 50%);
    pointer-events: none;
}
#bc-chat .bc-chat-header-info { display: flex; align-items: center; gap: 12px; position: relative; }
/* Blindaj: logo-ul și textul rămân centrate vertical chiar dacă lazy-load-ul
   LiteSpeed injectează stiluri/placeholder pe imagine */
#bc-chat .bc-chat-header-info > * { align-self: center !important; margin: 0 !important; }
#bc-chat img.bc-chat-avatar--img { display: block; width: 44px !important; height: 44px !important; max-width: 44px; aspect-ratio: 1; }
/* Titlu + subtitlu: lângă logo, CENTRATE unul față de altul (cerința finală) */
#bc-chat .bc-chat-header-text,
#bc-chat .bc-chat-header-info > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 2px;
}
#bc-chat .bc-chat-header-info strong { margin: 0; }
#bc-chat .bc-chat-header-info .bc-chat-status { margin-top: 0; justify-content: center; }
#bc-chat .bc-chat-header-info strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .15px;
    color: #fff;
    line-height: 1.25;
}
#bc-chat .bc-chat-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 17px;
    color: #fff;
    flex-shrink: 0;
}
#bc-chat img.bc-chat-avatar--img {
    object-fit: cover;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .55);
}
#bc-chat .bc-chat-status {
    font-size: 12px;
    opacity: .92;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    margin-top: 2px;
}
#bc-chat .bc-chat-status-dot {
    position: relative;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ade80;
    display: inline-block;
}
#bc-chat .bc-chat-status-dot::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 1.5px solid rgba(74, 222, 128, .8);
    animation: bc-ping 2.2s cubic-bezier(0, 0, .2, 1) infinite;
}
@keyframes bc-ping {
    0%   { transform: scale(.6); opacity: .9; }
    70%, 100% { transform: scale(1.7); opacity: 0; }
}
#bc-chat .bc-chat-close {
    position: absolute;
    right: 10px;
    top: calc(50% + env(safe-area-inset-top, 0px) / 2);
    transform: translateY(-50%);
    color: #fff;
    padding: 8px;
    border-radius: 10px;
    opacity: .85;
    transition: opacity .15s, background .15s;
}
#bc-chat .bc-chat-close:hover { opacity: 1; background: rgba(255, 255, 255, .14); }
#bc-chat .bc-chat-close:active { transform: translateY(-50%) scale(.92); }
#bc-chat .bc-chat-close svg { width: 17px; height: 17px; display: block; }

/* ---------- Zona de mesaje ---------- */
#bc-chat .bc-chat-messages {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 18px 16px 10px;
    /* textură punctată + tentă vizibilă din culoarea brandului + separare de header */
    background:
        radial-gradient(color-mix(in srgb, var(--bcc-p), transparent 92%) 1px, transparent 1.2px) 0 0 / 15px 15px,
        linear-gradient(180deg, color-mix(in srgb, var(--bcc-p), transparent 92%) 0%, transparent 90px),
        var(--bcc-bg);
    box-shadow: inset 0 8px 14px -10px rgba(22, 34, 63, .28);
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgba(26, 35, 51, .18) transparent;
}
#bc-chat .bc-chat-messages::-webkit-scrollbar { width: 6px; }
#bc-chat .bc-chat-messages::-webkit-scrollbar-track { background: transparent; }
#bc-chat .bc-chat-messages::-webkit-scrollbar-thumb { background: rgba(26, 35, 51, .16); border-radius: 6px; }
#bc-chat .bc-chat-messages::-webkit-scrollbar-thumb:hover { background: rgba(26, 35, 51, .28); }

#bc-chat .bc-msg { display: flex; align-items: flex-end; gap: 8px; animation: bc-msg-in .22s ease-out; }
@keyframes bc-msg-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
#bc-chat .bc-msg--user { justify-content: flex-end; }

/* Avatar la primul mesaj din grup; mesajele următoare se indentează */
#bc-chat .bc-msg-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px #fff, var(--bcc-shadow-sm);
    background: #fff;
}
#bc-chat span.bc-msg-avatar--letter {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bcc-grad);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}
#bc-chat .bc-msg--bot.bc-msg--grouped { padding-left: 34px; margin-top: -4px; }
/* Mesaje consecutive ale vizitatorului, mai apropiate */
#bc-chat .bc-msg--user + .bc-msg--user { margin-top: -4px; }
#bc-chat .bc-msg-bubble {
    max-width: 84%;
    padding: 12px 16px;
    border-radius: 20px;
    font-size: 14.5px;
    line-height: 1.58;
    letter-spacing: .05px;
    white-space: pre-wrap;
    word-break: break-word;
}
#bc-chat .bc-msg--bot .bc-msg-bubble {
    background: #fff;
    color: var(--bcc-ink);
    border: 1px solid var(--bcc-line);
    border-bottom-left-radius: 6px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 10px rgba(16, 24, 40, .06);
}
#bc-chat .bc-msg--user .bc-msg-bubble {
    background: var(--bcc-grad);
    color: #fff;
    border-bottom-right-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(22, 34, 63, .18), 0 4px 12px rgba(22, 34, 63, .16);
}
#bc-chat .bc-msg-bubble a { color: var(--bcc-p); text-decoration: underline; text-underline-offset: 2px; font-weight: 600; }
#bc-chat .bc-msg--user .bc-msg-bubble a { color: #fff; }

/* Typing indicator */
#bc-chat .bc-msg--typing .bc-msg-bubble { display: flex; gap: 5px; padding: 15px 16px; }
#bc-chat .bc-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bcc-p), #ffffff 45%);
    animation: bc-bounce 1.2s infinite;
}
#bc-chat .bc-dot:nth-child(2) { animation-delay: .15s; }
#bc-chat .bc-dot:nth-child(3) { animation-delay: .3s; }
@keyframes bc-bounce {
    0%, 60%, 100% { transform: translateY(0); opacity: .45; }
    30% { transform: translateY(-5px); opacity: 1; }
}

/* ---------- Chips ---------- */
#bc-chat .bc-chat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 2px 16px 10px;
    background: var(--bcc-bg);
    flex-shrink: 0;
}
#bc-chat .bc-chat-chips:empty { display: none; }
#bc-chat .bc-chip {
    background: color-mix(in srgb, var(--bcc-p), #ffffff 92%);
    border: 1px solid color-mix(in srgb, var(--bcc-p), transparent 78%);
    color: var(--bcc-p);
    border-radius: 999px;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 650;
    box-shadow: var(--bcc-shadow-sm);
    /* responsive: se așază unele lângă altele și se rup elegant la nevoie */
    max-width: 100%;
    white-space: normal;
    text-align: center;
    line-height: 1.35;
    transition: background .16s, color .16s, border-color .16s, transform .12s, box-shadow .16s;
}
#bc-chat .bc-chip:hover {
    background: var(--bcc-p);
    border-color: var(--bcc-p);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(22, 34, 63, .22);
}
#bc-chat .bc-chip:active { transform: scale(.97); }

/* ---------- Fereastra de scriere ---------- */
#bc-chat .bc-chat-input {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 13px 14px;
    background: #fff;
    flex-shrink: 0;
    margin: 0;
}
/* Hairline cu gradient în loc de bordură plată */
#bc-chat .bc-chat-input::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(26, 35, 51, .14), transparent);
}
#bc-chat .bc-chat-input input {
    flex: 1;
    min-width: 0;
    border: 1.5px solid transparent;
    background: #f1f3f8;
    border-radius: 999px;
    padding: 11px 18px;
    /* 16px pe mobil previne zoom-ul automat iOS la focus */
    font-size: 16px;
    outline: none;
    transition: border-color .16s, background .16s, box-shadow .16s;
    -webkit-appearance: none;
    appearance: none;
}
#bc-chat .bc-chat-input input::placeholder { color: var(--bcc-muted); }
#bc-chat .bc-chat-input input:focus {
    border-color: var(--bcc-p);
    background: #fff;
    box-shadow: 0 0 0 3.5px var(--bcc-ring);
    outline: none;
}
@media (min-width: 641px) {
    #bc-chat .bc-chat-input input { font-size: 14px; }
}
#bc-chat .bc-chat-input button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--bcc-grad);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 2px 6px rgba(22, 34, 63, .22), 0 6px 14px rgba(22, 34, 63, .18);
    transition: transform .18s cubic-bezier(.34, 1.56, .64, 1), box-shadow .18s;
}
#bc-chat .bc-chat-input button:hover {
    transform: translateY(-1px) scale(1.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 4px 10px rgba(22, 34, 63, .26), 0 10px 22px rgba(22, 34, 63, .24);
    background: var(--bcc-grad);
}
#bc-chat .bc-chat-input button:active { transform: scale(.92); }
#bc-chat .bc-chat-input button svg { width: 18px; height: 18px; margin-left: 1px; transition: transform .18s ease; }
#bc-chat .bc-chat-input button:hover svg { transform: translateX(1.5px); }

/* ---------- Footer ---------- */
#bc-chat .bc-chat-footer {
    font-size: 10.5px;
    color: #a6adbb;
    text-align: center;
    padding: 0 16px;
    /* footer-ul e ultimul element — el primește protecția pentru home-bar */
    padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    flex-shrink: 0;
    letter-spacing: .1px;
}
#bc-chat .bc-chat-footer a { color: #8a93a6; text-decoration: underline; text-underline-offset: 2px; }

/* ---------- Formularul de lead ---------- */
#bc-chat .bc-lead-card { width: 100%; max-width: 100% !important; }
#bc-chat .bc-lead-title { margin: 0 0 12px; font-weight: 700; font-size: 14px; color: var(--bcc-ink); }
#bc-chat #bc-lead-form { display: flex; flex-direction: column; gap: 9px; margin: 0; }
#bc-chat .bc-lead-row2 { display: flex; gap: 9px; }
#bc-chat .bc-lead-row2 input { min-width: 0; flex: 1; }
#bc-chat #bc-lead-form input[type="text"],
#bc-chat #bc-lead-form input[type="tel"],
#bc-chat #bc-lead-form input[type="email"],
#bc-chat #bc-lead-form select {
    border: 1.5px solid var(--bcc-line);
    background: #fafbfd;
    border-radius: 12px;
    padding: 10px 13px;
    font-size: 16px;
    outline: none;
    width: 100%;
    transition: border-color .16s, background .16s, box-shadow .16s;
    -webkit-appearance: none;
    appearance: none;
}
@media (min-width: 641px) {
    #bc-chat #bc-lead-form input[type="text"],
    #bc-chat #bc-lead-form input[type="tel"],
    #bc-chat #bc-lead-form input[type="email"],
    #bc-chat #bc-lead-form select { font-size: 13.5px; }
}
#bc-chat #bc-lead-form input::placeholder { color: var(--bcc-muted); }
#bc-chat #bc-lead-form input:focus,
#bc-chat #bc-lead-form select:focus {
    border-color: var(--bcc-p);
    background: #fff;
    box-shadow: 0 0 0 3px var(--bcc-ring);
    outline: none;
}
#bc-chat .bc-hp { position: absolute !important; left: -9999px !important; height: 1px; width: 1px; opacity: 0; }
#bc-chat .bc-lead-gdpr {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 11.5px;
    color: #6b7280;
    line-height: 1.45;
    cursor: pointer;
    font-weight: normal;
    margin: 2px 0 0;
}
#bc-chat .bc-lead-gdpr input[type="checkbox"] {
    margin-top: 1px;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    accent-color: var(--bcc-p);
    -webkit-appearance: checkbox;
    appearance: checkbox;
}
#bc-chat .bc-lead-submit {
    background: var(--bcc-grad);
    color: #fff;
    border-radius: 999px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1px;
    box-shadow: 0 2px 6px rgba(22, 34, 63, .22), 0 8px 18px rgba(22, 34, 63, .20);
    transition: transform .16s, box-shadow .16s, opacity .16s;
}
#bc-chat .bc-lead-submit:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(22, 34, 63, .26), 0 12px 26px rgba(22, 34, 63, .26); }
#bc-chat .bc-lead-submit:active { transform: scale(.98); }
#bc-chat .bc-lead-submit:disabled { opacity: .55; cursor: default; transform: none; }
#bc-chat .bc-lead-error { color: #c0392b; font-size: 12px; margin: 0; }

/* Chat deschis pe mobil: pagina din spate stă pe loc (fără mișcări derutante),
   iar iconițele plutitoare (GDPR/cookie) nu acoperă textul de jos al chatului */
@media (max-width: 640px) {
    html.bcchat-lock, html.bcchat-lock body {
        overflow: hidden !important;
        overscroll-behavior: none;
    }
    html.bcchat-lock #bcc-float,
    html.bcchat-lock .bcc-float,
    html.bcchat-lock .cky-btn-revisit-wrapper,
    html.bcchat-lock [class*="cookie-revisit"] {
        display: none !important;
    }
    /* Chatul deschis trece DEASUPRA oricărui element al temei (bara sticky cu
       butonul de meniu avea z-index mai mare și acoperea X-ul chatului) */
    html.bcchat-lock #bc-chat {
        z-index: 2147483646;
    }
}

/* ---------- Mobil: sheet full-screen ---------- */
@media (max-width: 640px) {
    #bc-chat .bc-chat-panel {
        position: fixed;
        left: 0;
        right: 0;
        bottom: auto;
        /* Când tastatura împinge viewport-ul vizual (iOS), JS mută panoul cu el
           (--bcchat-vv-top) — altfel headerul sau inputul ies de sub barele telefonului */
        top: var(--bcchat-vv-top, 0px);
        width: 100%;
        max-width: none;
        /* dvh = înălțimea reală vizibilă; JS ajustează la tastatură (--bcchat-vh) */
        height: 100vh;
        height: 100dvh;
        height: var(--bcchat-vh, 100dvh);
        max-height: none;
        border-radius: 0;
        border: none;
    }
    /* Notch / Dynamic Island: headerul nu intră sub bara de sus */
    #bc-chat .bc-chat-header {
        padding-top: calc(16px + env(safe-area-inset-top, 0px));
    }
    #bc-chat .bc-chat-teaser { width: min(264px, calc(100vw - 48px)); }
    /* Ținte de atins confortabile pe touch (Apple HIG: min 44px) */
    #bc-chat .bc-chat-close { padding: 11px; }
    #bc-chat .bc-chip { padding: 9px 15px; }
    #bc-chat .bc-chat-teaser-close { padding: 8px 10px; font-size: 18px; }
}

/* Desktop cu ferestre foarte mici: panoul nu iese din ecran */
@media (min-width: 641px) and (max-height: 700px) {
    #bc-chat .bc-chat-panel { height: calc(100vh - 90px); }
}

/* Respectă reduced motion */
@media (prefers-reduced-motion: reduce) {
    #bc-chat .bc-chat-messages { scroll-behavior: auto; }
    #bc-chat .bc-chat-panel,
    #bc-chat .bc-chat-teaser,
    #bc-chat .bc-msg { animation: none; }
    #bc-chat[data-state="closed"] .bc-chat-bubble { animation: none; }
    #bc-chat .bc-chat-status-dot::after { animation: none; opacity: 0; }
    #bc-chat .bc-dot { animation-duration: 2s; }
    #bc-chat .bc-chat-bubble,
    #bc-chat .bc-chip,
    #bc-chat .bc-chat-input button,
    #bc-chat .bc-lead-submit { transition: none; }
}

/* ============================================================
   Culori editabile per element (Setări → Culori).
   Nesetate = designul standard, derivat din culoarea principală.
   ============================================================ */
#bc-chat .bc-chat-bubble { background: var(--bcc-c-bubble, var(--bcc-grad)); }
#bc-chat .bc-chat-header { background: var(--bcc-c-header-bg, var(--bcc-grad)); color: var(--bcc-c-header-text, #fff); }
#bc-chat .bc-chat-header-info strong { color: var(--bcc-c-header-text, #fff); }
#bc-chat .bc-chat-close { color: var(--bcc-c-header-text, #fff); }
#bc-chat .bc-msg--bot .bc-msg-bubble { background: var(--bcc-c-bot-bg, #fff); color: var(--bcc-c-bot-text, var(--bcc-ink)); }
#bc-chat .bc-msg--user .bc-msg-bubble { background: var(--bcc-c-user-bg, var(--bcc-grad)); color: var(--bcc-c-user-text, #fff); }
#bc-chat .bc-msg--user .bc-msg-bubble a { color: var(--bcc-c-user-text, #fff); }
#bc-chat .bc-msg-bubble a { color: var(--bcc-c-link, var(--bcc-p)); }
#bc-chat .bc-chip { background: var(--bcc-c-chip-bg, color-mix(in srgb, var(--bcc-p), #ffffff 92%)); color: var(--bcc-c-chip-text, var(--bcc-p)); }
#bc-chat .bc-chat-input button,
#bc-chat .bc-chat-input button:hover { background: var(--bcc-c-send, var(--bcc-grad)); }
#bc-chat .bc-chat-teaser { background: var(--bcc-c-teaser-bg, rgba(255, 255, 255, .96)); }
#bc-chat .bc-chat-teaser p { color: var(--bcc-c-teaser-text, var(--bcc-ink)); }
#bc-chat .bc-lead-submit { background: var(--bcc-c-form-btn, var(--bcc-grad)); }

/* ============================================================
   Modelul de diplomă în chat
   ============================================================ */
#bc-chat .bc-diploma-card { padding: 10px 10px 12px; max-width: 250px; }
#bc-chat .bc-diploma-img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--bcc-line); }
#bc-chat .bc-diploma-title { margin: 8px 2px 2px; font-weight: 700; font-size: 13px; }
#bc-chat .bc-diploma-link { display: inline-block; margin: 2px 2px 0; font-size: 13px; font-weight: 650; }

/* ============================================================
   X-ul de închidere — corect pe toate device-urile:
   pe aceeași axă cu logo/titlu, țintă touch ≥44px, feedback clar
   ============================================================ */
#bc-chat .bc-chat-close {
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 640px) {
    #bc-chat .bc-chat-close { min-width: 44px; min-height: 44px; right: calc(8px + env(safe-area-inset-right, 0px)); }
}

/* ============================================================
   Mobil: deschidere „pe o linie" — bară subțire cu câmp de scriere;
   conversația completă apare abia după primul mesaj trimis
   ============================================================ */
#bc-chat .bc-chat-mini {
    position: fixed;
    left: 12px;
    right: 12px;
    /* Deasupra iconițelor de chat și cookie (46px la bottom:12) — rămân vizibile sub bară */
    bottom: calc(70px + env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #fff;
    border: 1px solid var(--bcc-line);
    border-radius: 22px;
    padding: 8px 10px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .12), 0 12px 32px rgba(16, 24, 40, .18);
    z-index: 2147483646;
    animation: bc-teaser-in .3s cubic-bezier(.21, 1.02, .73, 1);
}
/* Mesajul de întâmpinare din bară: se împachetează pe câte linii are nevoie */
#bc-chat .bc-chat-mini-greet {
    margin: 2px 40px 0 6px; /* loc pentru X în dreapta */
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--bcc-ink);
    overflow-wrap: break-word;
}
#bc-chat .bc-chat-mini-greet[hidden] { display: none !important; }
/* Fără mesaj (conversație în curs) bara redevine o singură linie rotunjită */
#bc-chat .bc-chat-mini:not(.bc-chat-mini--greet) { border-radius: 999px; }
#bc-chat .bc-chat-mini--greet .bc-chat-mini-close { position: absolute; top: 6px; right: 8px; min-width: 34px; min-height: 34px; }
#bc-chat .bc-chat-mini--greet { position: fixed; }
#bc-chat .bc-chat-mini-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
#bc-chat .bc-chat-mini[hidden] { display: none !important; }
/* Iconița de chat RĂMÂNE vizibilă sub bară (doar balonul se ascunde) */
#bc-chat.bc-chat--mini-open .bc-chat-teaser { display: none !important; }
#bc-chat .bc-chat-mini-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}
#bc-chat .bc-chat-mini-avatar--letter {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bcc-c-bubble, var(--bcc-grad));
    color: #fff;
    font-weight: 800;
    font-size: 14px;
}
#bc-chat .bc-chat-mini-form { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; }
#bc-chat .bc-chat-mini-form input {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    font-size: 16px; /* anti-zoom iOS */
    line-height: 1.3;
    padding: 8px 2px;
    color: var(--bcc-ink);
    outline: none;
    box-shadow: none;
    height: auto;
}
#bc-chat .bc-chat-mini-form button {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--bcc-c-send, var(--bcc-grad));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
#bc-chat .bc-chat-mini-form button svg { width: 16px; height: 16px; margin-left: 1px; }
#bc-chat .bc-chat-mini-close {
    min-width: 38px;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a8194;
    border-radius: 50%;
    flex-shrink: 0;
}
#bc-chat .bc-chat-mini-close:hover { background: rgba(26, 35, 51, .06); color: var(--bcc-ink); }
#bc-chat .bc-chat-mini-close svg { width: 15px; height: 15px; display: block; }

/* Butoanele de răspuns oferite de asistent, sub ultimul mesaj */
#bc-chat .bc-chat-reply-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 2px 2px 34px; /* aliniate cu bulele bot (după avatar) */
    animation: bc-teaser-in .3s cubic-bezier(.21, 1.02, .73, 1);
}

/* ============================================================
   TEME DE AFIȘARE (Setări → Aspect & Culori → Tema de afișare)
   Clasic = designul standard (fără suprascrieri). Temele de mai jos
   schimbă aspectul pe TOATE device-urile; culorile per element
   (--bcc-c-*) se aplică peste orice temă.
   ============================================================ */

/* ---------- MINIMAL: plat, curat, fără umbre și gradienți ---------- */
#bc-chat.bc-theme-minimal { --bcc-grad: var(--bcc-p); }
#bc-chat.bc-theme-minimal .bc-chat-bubble,
#bc-chat.bc-theme-minimal .bc-chat-input button,
#bc-chat.bc-theme-minimal .bc-chat-mini-form button,
#bc-chat.bc-theme-minimal .bc-lead-submit { box-shadow: none; }
#bc-chat.bc-theme-minimal .bc-chat-panel { border-radius: 10px; box-shadow: 0 8px 28px rgba(16, 24, 40, .16); }
#bc-chat.bc-theme-minimal .bc-chat-header { padding: 14px 16px; }
#bc-chat.bc-theme-minimal .bc-chat-header::before { display: none; }
#bc-chat.bc-theme-minimal .bc-chat-messages { background: #fafbfc; background-image: none; box-shadow: none; }
#bc-chat.bc-theme-minimal .bc-msg-bubble { border-radius: 8px !important; box-shadow: none; }
#bc-chat.bc-theme-minimal .bc-chip { border-radius: 8px; box-shadow: none; }
#bc-chat.bc-theme-minimal .bc-chat-teaser,
#bc-chat.bc-theme-minimal .bc-chat-mini { border-radius: 10px; box-shadow: 0 6px 20px rgba(16, 24, 40, .14); backdrop-filter: none; -webkit-backdrop-filter: none; }
#bc-chat.bc-theme-minimal .bc-chat-teaser::after { display: none; }
#bc-chat.bc-theme-minimal[data-state="closed"] .bc-chat-bubble { animation: none; }

/* ---------- ROTUND: colțuri foarte rotunjite, prietenos ---------- */
#bc-chat.bc-theme-round .bc-chat-panel { border-radius: 32px; }
#bc-chat.bc-theme-round .bc-msg-bubble { border-radius: 26px !important; }
#bc-chat.bc-theme-round .bc-msg--bot .bc-msg-bubble { border-bottom-left-radius: 10px !important; }
#bc-chat.bc-theme-round .bc-msg--user .bc-msg-bubble { border-bottom-right-radius: 10px !important; }
#bc-chat.bc-theme-round .bc-chat-teaser { border-radius: 26px 26px 8px 26px; }
#bc-chat.bc-theme-round .bc-chat-input input { border-radius: 999px; padding-left: 18px; }
#bc-chat.bc-theme-round .bc-chip { padding: 10px 18px; }
#bc-chat.bc-theme-round .bc-diploma-img { border-radius: 18px; }
@media (min-width: 641px) {
    #bc-chat.bc-theme-round .bc-chat-header { border-radius: 32px 32px 0 0; }
}

/* ---------- ÎNTUNECAT: conversație pe fundal închis ---------- */
#bc-chat.bc-theme-dark .bc-chat-panel { background: #111827; border-color: rgba(255, 255, 255, .08); }
#bc-chat.bc-theme-dark .bc-chat-messages {
    background: #111827;
    background-image: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1.4px);
    box-shadow: none;
}
#bc-chat.bc-theme-dark .bc-msg--bot .bc-msg-bubble {
    background: var(--bcc-c-bot-bg, #1f2937);
    color: var(--bcc-c-bot-text, #e5e7eb);
    border-color: rgba(255, 255, 255, .08);
}
#bc-chat.bc-theme-dark .bc-msg-bubble a { color: var(--bcc-c-link, #93b4ff); }
#bc-chat.bc-theme-dark .bc-chat-chips { background: transparent; }
#bc-chat.bc-theme-dark .bc-chip {
    background: var(--bcc-c-chip-bg, #1f2937);
    color: var(--bcc-c-chip-text, #d1d5db);
    border-color: rgba(255, 255, 255, .14);
}
#bc-chat.bc-theme-dark .bc-chat-input { background: #0d1420; border-top: 1px solid rgba(255, 255, 255, .07); }
#bc-chat.bc-theme-dark .bc-chat-input input { background: #1f2937; color: #e5e7eb; border-color: rgba(255, 255, 255, .12); }
#bc-chat.bc-theme-dark .bc-chat-input input::placeholder { color: #7a8194; }
#bc-chat.bc-theme-dark .bc-chat-footer { background: #0d1420; color: #7a8194; border-top: none; }
#bc-chat.bc-theme-dark .bc-chat-footer a { color: #9aa3b5; }
#bc-chat.bc-theme-dark .bc-lead-card { background: #1f2937; color: #e5e7eb; }
/* Specificitate egală cu regulile de bază ale câmpurilor (#bc-chat #bc-lead-form …) */
#bc-chat.bc-theme-dark #bc-lead-form input[type="text"],
#bc-chat.bc-theme-dark #bc-lead-form input[type="tel"],
#bc-chat.bc-theme-dark #bc-lead-form input[type="email"],
#bc-chat.bc-theme-dark #bc-lead-form select,
#bc-chat.bc-theme-dark .bc-lead-card input,
#bc-chat.bc-theme-dark .bc-lead-card select { background: #111827; color: #e5e7eb; border-color: rgba(255, 255, 255, .14); }
#bc-chat.bc-theme-dark #bc-lead-form input:focus,
#bc-chat.bc-theme-dark #bc-lead-form select:focus { background: #111827; color: #e5e7eb; border-color: #818cf8; }
#bc-chat.bc-theme-dark #bc-lead-form input::placeholder { color: #7a8194; }
#bc-chat.bc-theme-dark #bc-lead-form select option { background: #111827; color: #e5e7eb; }
#bc-chat.bc-theme-dark .bc-lead-title { color: #e5e7eb; }
#bc-chat.bc-theme-dark .bc-lead-gdpr { color: #cbd2dd; }
#bc-chat.bc-theme-dark .bc-diploma-card { background: #1f2937; }
#bc-chat.bc-theme-dark .bc-diploma-title { color: #e5e7eb; }

/* ---------- STICLĂ: panou translucid cu blur ---------- */
#bc-chat.bc-theme-glass .bc-chat-panel {
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(18px) saturate(1.4);
    backdrop-filter: blur(18px) saturate(1.4);
    border: 1px solid rgba(255, 255, 255, .55);
}
#bc-chat.bc-theme-glass .bc-chat-header {
    background: var(--bcc-c-header-bg, color-mix(in srgb, var(--bcc-p), transparent 12%));
}
#bc-chat.bc-theme-glass .bc-chat-messages { background: transparent; background-image: none; box-shadow: none; }
#bc-chat.bc-theme-glass .bc-msg--bot .bc-msg-bubble {
    background: var(--bcc-c-bot-bg, rgba(255, 255, 255, .72));
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
#bc-chat.bc-theme-glass .bc-chat-chips,
#bc-chat.bc-theme-glass .bc-chat-input,
#bc-chat.bc-theme-glass .bc-chat-footer { background: transparent; }
#bc-chat.bc-theme-glass .bc-chat-input input { background: rgba(255, 255, 255, .8); }
#bc-chat.bc-theme-glass .bc-chat-mini {
    background: rgba(255, 255, 255, .85);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
/* Pe mobil, full-screen translucid peste pagină */
@media (max-width: 640px) {
    #bc-chat.bc-theme-glass .bc-chat-panel { background: rgba(255, 255, 255, .93); }
}

/* Câmpul de scriere din balonul de întâmpinare (toate device-urile) */
#bc-chat .bc-chat-teaser-form {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}
#bc-chat .bc-chat-teaser-form input {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--bcc-line);
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 16px; /* anti-zoom iOS */
    line-height: 1.3;
    background: #fff;
    color: var(--bcc-ink);
    height: auto;
    box-shadow: none;
    outline: none;
}
#bc-chat .bc-chat-teaser-form input:focus { border-color: var(--bcc-p); box-shadow: 0 0 0 3px var(--bcc-ring); }
#bc-chat .bc-chat-teaser-form input::placeholder { color: var(--bcc-muted); }
#bc-chat .bc-chat-teaser-form button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bcc-c-send, var(--bcc-grad));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(22, 34, 63, .22);
}
#bc-chat .bc-chat-teaser-form button svg { width: 15px; height: 15px; margin-left: 1px; }
#bc-chat.bc-theme-minimal .bc-chat-teaser-form button { box-shadow: none; }
#bc-chat.bc-theme-minimal .bc-chat-teaser-form input { border-radius: 8px; }

/* Popup (lightbox) pentru modelul de diplomă */
#bc-chat .bc-diploma-img { cursor: zoom-in; }
#bc-chat .bc-diploma-link { font-size: 13px; font-weight: 650; color: var(--bcc-c-link, var(--bcc-p)); text-decoration: underline; text-underline-offset: 2px; padding: 2px; }
#bc-chat #bc-diploma-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    background: rgba(10, 15, 28, .82);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    animation: bc-teaser-in .22s ease;
}
#bc-chat #bc-diploma-lightbox[hidden] { display: none !important; }
#bc-chat .bc-diploma-lb-figure { margin: 0; max-width: min(920px, 94vw); max-height: 88vh; display: flex; flex-direction: column; align-items: center; gap: 10px; }
#bc-chat .bc-diploma-lb-img {
    max-width: 100%;
    max-height: calc(88vh - 40px);
    width: auto;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .5);
    background: #fff;
}
#bc-chat .bc-diploma-lb-title { color: #fff; font-size: 14px; font-weight: 600; text-align: center; }
#bc-chat .bc-diploma-lb-close {
    position: absolute;
    top: calc(14px + env(safe-area-inset-top, 0px));
    right: 16px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#bc-chat .bc-diploma-lb-close:hover { background: rgba(255, 255, 255, .26); }

/* Iconița 📞 și numărul de telefon rămân împreună, pe același rând */
#bc-chat .bc-tel-wrap { white-space: nowrap; }

/* ---------- Temele se aplică și TEXTULUI DE DESCHIDERE (balon + bara mobil) ---------- */

/* ÎNTUNECAT */
#bc-chat.bc-theme-dark .bc-chat-teaser {
    background: var(--bcc-c-teaser-bg, #1f2937);
    border-color: rgba(255, 255, 255, .12);
}
#bc-chat.bc-theme-dark .bc-chat-teaser::after {
    background: var(--bcc-c-teaser-bg, #1f2937);
    border-color: rgba(255, 255, 255, .12);
}
#bc-chat.bc-theme-dark .bc-chat-teaser p { color: var(--bcc-c-teaser-text, #e5e7eb); }
#bc-chat.bc-theme-dark .bc-chat-teaser-brand { color: #a5b4fc; }
#bc-chat.bc-theme-dark .bc-chat-teaser-close { color: #7a8194; }
#bc-chat.bc-theme-dark .bc-chat-teaser-close:hover { color: #e5e7eb; background: rgba(255, 255, 255, .08); }
#bc-chat.bc-theme-dark .bc-chat-teaser-form input {
    background: #111827;
    color: #e5e7eb;
    border-color: rgba(255, 255, 255, .14);
}
#bc-chat.bc-theme-dark .bc-chat-teaser-form input::placeholder { color: #7a8194; }
#bc-chat.bc-theme-dark .bc-chat-mini {
    background: #1f2937;
    border-color: rgba(255, 255, 255, .12);
}
#bc-chat.bc-theme-dark .bc-chat-mini-greet { color: #e5e7eb; }
#bc-chat.bc-theme-dark .bc-chat-mini-form input { color: #e5e7eb; }
#bc-chat.bc-theme-dark .bc-chat-mini-form input::placeholder { color: #7a8194; }
#bc-chat.bc-theme-dark .bc-chat-mini-close { color: #7a8194; }
#bc-chat.bc-theme-dark .bc-chat-mini-close:hover { color: #e5e7eb; background: rgba(255, 255, 255, .08); }

/* STICLĂ */
#bc-chat.bc-theme-glass .bc-chat-teaser {
    background: var(--bcc-c-teaser-bg, rgba(255, 255, 255, .78));
    -webkit-backdrop-filter: blur(14px) saturate(1.3);
    backdrop-filter: blur(14px) saturate(1.3);
    border-color: rgba(255, 255, 255, .55);
}
#bc-chat.bc-theme-glass .bc-chat-teaser::after { background: rgba(255, 255, 255, .78); }
#bc-chat.bc-theme-glass .bc-chat-teaser-form input { background: rgba(255, 255, 255, .85); }

/* MINIMAL: balonul + bara, plate și fără coadă (completare) */
#bc-chat.bc-theme-minimal .bc-chat-teaser-form input { border-radius: 8px; }
#bc-chat.bc-theme-minimal .bc-chat-mini-form button,
#bc-chat.bc-theme-minimal .bc-chat-teaser-form button { box-shadow: none; }

/* ROTUND: balonul foarte rotunjit (completare) */
#bc-chat.bc-theme-round .bc-chat-teaser-form input { border-radius: 999px; }
#bc-chat.bc-theme-round .bc-chat-mini { border-radius: 26px; }

/* Răspunsurile schematice: rândurile noi din text se respectă în bule */
#bc-chat .bc-msg-bubble { white-space: pre-line; }