/* CARPATHIX - widget chat n8n (extras, partajat pe toate paginile) */
  /* ── Temă în culorile Carpathix ── */
  :root {
    --chat--color-primary:            #1A3D52;
    --chat--color-primary-shade-50:   #16344A;
    --chat--color-primary-shade-100:  #102836;
    --chat--color-secondary:          #BAD6E4;
    --chat--color-secondary-shade-50: #A7C8DA;
    --chat--color-white:              #FFFFFF;
    --chat--color-light:              #F8F5EE;
    --chat--color-medium:             #DBE0E4;
    --chat--color-dark:               #0D1B26;
    --chat--color-typing:             #BAD6E4;

    --chat--border-radius:            16px;
    --chat--transition-duration:      0.25s;

    --chat--window--width:            460px;
    --chat--window--height:           680px;
    --chat--window--z-index:          8999;

    --chat--header--background:       #1A3D52;
    --chat--header--color:            #F8F5EE;
    --chat--header--padding:          16px 20px 14px;
    --chat--heading--font-size:       15px;
    --chat--subtitle--font-size:      12px;

    --chat--body--background:         #F8F5EE;

    --chat--message--font-size:       15px;
    --chat--message--border-radius:   12px;
    --chat--message--bot--background: #FFFFFF;
    --chat--message--bot--color:      #0D1B26;
    --chat--message--user--background:#1A3D52;
    --chat--message--user--color:     #F8F5EE;

    --chat--input--background:        #FFFFFF;
    --chat--input--border-radius:     999px;
    /* Caseta de scris: înălțime de bază (o linie, centrată) + limită ca pe WhatsApp */
    --chat--textarea--height:         44px;
    --chat--textarea--max-height:     120px;
    --chat--input--send--button--background:       #1A3D52;
    --chat--input--send--button--background--hover: #0D1B26;

    --chat--toggle--background:       #1A3D52;
    --chat--toggle--hover--background:#0D1B26;
    --chat--toggle--active--background:#102836;
    --chat--toggle--color:            #F8F5EE;
    --chat--toggle--size:             60px;
  }

  .n8n-chat { font-family: 'Satoshi', ui-sans-serif, system-ui, -apple-system, sans-serif; z-index: 8999; }

  /* ── Bulina - neschimbată ── */
  .n8n-chat .chat-window-toggle {
    --cx-lift: 0px;
    background: #F8F5EE url('/assets/carpathix-mountain.png') center / 54% no-repeat !important;
    border: 2px solid rgba(26, 61, 82, 0.18);
    box-shadow: 0 6px 18px rgba(13, 27, 38, 0.18);
    transform: translateY(var(--cx-lift));
    transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease, border-color .25s ease;
    animation: cxToggleGlow 2.8s ease-in-out infinite;
  }
  /* Cât timp e vizibil banner-ul de cookie, ridicăm bulina deasupra lui;
     la închiderea cookie-urilor coboară lin înapoi în poziția ei. */
  body.cx-cookie-open .n8n-chat .chat-window-toggle {
    --cx-lift: calc(-1 * (var(--cx-cookie-offset, 70px) + 16px));
  }
  .n8n-chat .chat-window-toggle:hover {
    background: #FFFFFF url('/assets/carpathix-mountain.png') center / 54% no-repeat !important;
    transform: translateY(calc(var(--cx-lift) - 3px)) scale(1.05);
    border-color: #BAD6E4;
    box-shadow: 0 14px 32px rgba(26, 61, 82, 0.35), 0 0 0 6px rgba(186, 214, 228, 0.35);
    animation: none;
  }
  .n8n-chat .chat-window-toggle:active {
    background: #FFFFFF url('/assets/carpathix-mountain.png') center / 54% no-repeat !important;
    transform: translateY(calc(var(--cx-lift) - 1px)) scale(0.97);
    box-shadow: 0 6px 16px rgba(26, 61, 82, 0.40), 0 0 0 4px rgba(186, 214, 228, 0.55);
  }
  .n8n-chat .chat-window-toggle svg { display: none !important; }

  @keyframes cxToggleGlow {
    0%, 100% { box-shadow: 0 6px 18px rgba(13,27,38,.18), 0 0 0 0 rgba(186,214,228,.55); }
    50%      { box-shadow: 0 6px 18px rgba(13,27,38,.18), 0 0 0 9px rgba(186,214,228,0); }
  }

  /* Stare deschis: bulina devine navy cu „×", ca să se înțeleagă că de acolo se închide */
  .n8n-chat .chat-window-toggle.cx-open {
    position: relative;
    background: #1A3D52 !important;
    border-color: rgba(186, 214, 228, 0.5);
    box-shadow: 0 6px 18px rgba(13,27,38,.18), 0 0 0 5px rgba(186,214,228,0.45) !important;
    animation: none;
  }
  .n8n-chat .chat-window-toggle.cx-open::after {
    content: "\00D7";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F8F5EE;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
  }

  /* ── Wrapper & fereastră ── */
  .n8n-chat .chat-window-wrapper { transform: none !important; }

  .n8n-chat .chat-window {
    position: fixed !important;
    bottom: 0 !important;
    right: 92px !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    transform-origin: bottom right !important;
    width: min(420px, 92vw) !important;
    height: min(90vh, 780px) !important;
    border-radius: 22px 22px 0 0 !important;
    /* Chenar premium: linie sky subtilă + fără border jos */
    border: 1px solid rgba(186, 214, 228, 0.38) !important;
    border-bottom: none !important;
    /* Shadow stratificat: ambientă + direcțională + highlight interior */
    box-shadow:
      0 -14px 55px rgba(13, 27, 38, 0.26),
      -10px 0 32px rgba(13, 27, 38, 0.10),
      10px 0 32px rgba(13, 27, 38, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    overflow: hidden !important;
    /*
      Munții pe ÎNTREAGA fereastră → ajung pana jos de tot (sub input),
      fara pătrat crem. Fereastra nu se deruleaza, deci fundalul e static.
    */
    background-color: #F6F3EC !important;
    background-image:
      linear-gradient(to top, rgba(246,243,236,0) 28%, rgba(246,243,236,1) 100%),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 360' preserveAspectRatio='none'%3E%3Cpath d='M0,360 L0,210 L240,90 L420,170 L640,40 L860,160 L1080,70 L1280,150 L1440,100 L1440,360 Z' fill='%23BAD6E4' fill-opacity='0.32'/%3E%3Cpath d='M0,360 L0,270 L260,170 L460,240 L680,150 L900,230 L1120,160 L1320,220 L1440,185 L1440,360 Z' fill='%237FA3B3' fill-opacity='0.30'/%3E%3Cpath d='M0,360 L0,320 L300,262 L560,302 L820,252 L1080,300 L1340,268 L1440,296 L1440,360 Z' fill='%233D5F70' fill-opacity='0.42'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: bottom center, bottom center !important;
    background-size: 100% 55%, 100% 55% !important;
    background-attachment: scroll, scroll !important;
  }
  @media (max-width: 620px) {
    .n8n-chat .chat-window {
      right: 0 !important; left: 0 !important; margin: 0 auto !important;
      width: 100vw !important; height: 90vh !important;
      border-radius: 14px 14px 0 0 !important;
    }
    /* Pe mobil, când chat-ul e deschis, butonul × se mută sus-dreapta
       ca să nu acopere textul conversației */
    .n8n-chat .chat-window-toggle.cx-open {
      position: fixed !important;
      top: calc(10vh + 10px) !important;
      right: 12px !important;
      bottom: auto !important;
      left: auto !important;
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      min-height: 36px !important;
      z-index: 9999 !important;
      box-shadow: 0 2px 10px rgba(13,27,38,.30) !important;
    }
    .n8n-chat .chat-window-toggle.cx-open::after { font-size: 22px !important; }
  }

  /* ── Antet: gradient navy + font Cinzel centrat + separator ── */
  .n8n-chat .chat-header {
    gap: 2px !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    background: linear-gradient(155deg, #1F4D65 0%, #1A3D52 55%, #0F2A3C 100%) !important;
    border-bottom: 1px solid rgba(186, 214, 228, 0.18) !important;
    padding-bottom: 16px !important;
    /* Highlight interior la top pentru efect de sticlă */
    box-shadow: inset 0 1px 0 rgba(186, 214, 228, 0.22) !important;
  }
  .n8n-chat .chat-header h1 {
    margin: 0 !important;
    font-family: "Cinzel", "Trajan Pro", Georgia, serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    text-align: center !important;
    width: 100% !important;
  }
  .n8n-chat .chat-header p {
    margin: 0 !important;
    font-family: 'Satoshi', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.03em !important;
    color: #BAD6E4 !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* Logo în antet (injectat din JS) */
  .cx-header-logo {
    height: 38px; width: auto; max-width: 90%;
    display: block; margin-bottom: 4px;
  }

  /* ── Mesaje + body: transparente, ca munții de pe fereastră să se vada ── */
  .n8n-chat .chat-messages,
  .n8n-chat .chat-body {
    background: transparent !important;
  }

  /* ── Mesajele bot: border-left accent sky ── */
  .n8n-chat .chat-message-from-bot .chat-message-bubble,
  .n8n-chat .chat-message--from-bot .chat-message-bubble,
  .n8n-chat [class*="chat-message"][class*="bot"] .chat-message-bubble {
    border-left: 2px solid #BAD6E4 !important;
    box-shadow: 0 1px 8px rgba(13, 27, 38, 0.07) !important;
  }

  /* ── Linkuri în mesaje: ton brand ── */
  .n8n-chat .chat-message-markdown a {
    color: #1A3D52;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  /* ── Linkul spre formularul de contact: randat ca buton (navy/cream) ── */
  .n8n-chat .chat-message-markdown a[href*="#contact-popup"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 10px 18px;
    background: #1A3D52;
    color: #F8F5EE !important;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 22px;
    box-shadow: 0 1px 6px rgba(13, 27, 38, 0.15);
    transition: background 0.2s ease, transform 0.1s ease;
  }
  .n8n-chat .chat-message-markdown a[href*="#contact-popup"]:hover {
    background: #25506b;
    transform: translateY(-1px);
  }

  /* ── Footer / wrapper input ── */
  .n8n-chat .chat-input-wrapper,
  .n8n-chat .chat-footer,
  .n8n-chat [class*="chat-footer"],
  .n8n-chat [class*="input-wrapper"] {
    padding: 12px 16px 4px !important;
    background: transparent !important;
    border-top: none !important;
  }

  /* Wrapper exterior (.chat-input): doar layout, FĂRĂ pill */
  .n8n-chat .chat-input {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* ── UN SINGUR pill: containerul real .chat-inputs (textarea + buton) ── */
  .n8n-chat .chat-inputs {
    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(186, 214, 228, 0.6) !important;
    border-radius: 22px !important;
    padding: 4px 4px 4px 18px !important;
    box-shadow: 0 1px 4px rgba(13, 27, 38, 0.05) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    overflow: hidden !important;
  }
  .n8n-chat .chat-inputs:focus-within {
    border-color: #BAD6E4 !important;
    box-shadow: 0 0 0 3px rgba(186,214,228,0.22) !important;
  }

  /* Grupul de butoane: transparent, FĂRĂ pill propriu */
  .n8n-chat .chat-inputs-controls {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ── Câmpul de text: o linie centrată, crește până la limită, apoi scroll (ca pe WhatsApp).
        Creșterea e gestionată de @n8n/chat; aici doar stilul + înălțimile. ── */
  .n8n-chat .chat-inputs textarea,
  .n8n-chat .chat-inputs input {
    box-sizing: border-box !important;
    border: none !important;
    background: transparent !important;
    padding: 11px 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
    flex: 1 !important;
    min-width: 0 !important;
    min-height: 44px !important;
    max-height: 120px !important;
    line-height: 1.5 !important;
    font-family: 'Satoshi', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 14px !important;
    color: #0D1B26 !important;
    resize: none !important;
    overflow-y: auto !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .n8n-chat .chat-inputs textarea::placeholder,
  .n8n-chat .chat-inputs input::placeholder {
    color: #8FA3AB !important;
  }

  /* ── Ascunde butonul de atașare fișiere (dacă apare) ── */
  .n8n-chat .chat-input-file-button {
    display: none !important;
  }

  /* ── Buton send: UN SINGUR cerc subtil, navy ── */
  .n8n-chat .chat-input-send-button {
    background: #1A3D52 !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  .n8n-chat .chat-input-send-button:hover {
    background: #0D1B26 !important;
    transform: scale(1.06) !important;
  }
  /* Săgeata (SVG) din butonul send - cream/alb */
  .n8n-chat .chat-input-send-button svg,
  .n8n-chat .chat-input-send-button svg path,
  .n8n-chat .chat-input-send-button svg line,
  .n8n-chat .chat-input-send-button svg polyline {
    fill: #F8F5EE !important;
    stroke: #F8F5EE !important;
    color: #F8F5EE !important;
  }

  /* ── Typing indicator: animație wave stânga→dreapta ── */
  @keyframes cxDotWave {
    0%, 60%, 100% { transform: translateY(0);   opacity: 0.45; }
    30%           { transform: translateY(-7px); opacity: 1; }
  }
  .n8n-chat .chat-message-typing span,
  .n8n-chat [class*="typing-indicator"] span,
  .n8n-chat [class*="typing"] > span {
    background: #BAD6E4 !important;
    animation: cxDotWave 1.05s ease-in-out infinite !important;
  }
  .n8n-chat .chat-message-typing span:nth-child(1),
  .n8n-chat [class*="typing-indicator"] span:nth-child(1),
  .n8n-chat [class*="typing"] > span:nth-child(1) { animation-delay: 0s !important; }
  .n8n-chat .chat-message-typing span:nth-child(2),
  .n8n-chat [class*="typing-indicator"] span:nth-child(2),
  .n8n-chat [class*="typing"] > span:nth-child(2) { animation-delay: 0.18s !important; }
  .n8n-chat .chat-message-typing span:nth-child(3),
  .n8n-chat [class*="typing-indicator"] span:nth-child(3),
  .n8n-chat [class*="typing"] > span:nth-child(3) { animation-delay: 0.36s !important; }

  @media (prefers-reduced-motion: reduce) {
    .n8n-chat .chat-window-toggle { animation: none !important; }
    .n8n-chat [class*="typing"] > span { animation: none !important; }
  }

  /* Nota discretă de confidențialitate + disclaimer AI, injectată din JS sub câmpul de scris */
  .cx-privacy-note {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 11px;
    line-height: 1.5;
    color: #51666C;
    padding: 5px 8px 2px;
    font-family: 'Satoshi', ui-sans-serif, system-ui, -apple-system, sans-serif;
  }
  .cx-privacy-note a { color: #1A3D52; text-decoration: underline; }
  .cx-privacy-note a:hover { color: #0D1B26; }
  .cx-ai-disclaimer {
    display: block;
    margin-bottom: 2px;
    color: #6B7E85;
  }