/* Total Ingredients chatbot — every selector starts with tot-ing */
.tot-ing-chat{
  --tot-ing-brand:#193831;        /* adjust to the site's main colour */
  --tot-ing-brand-dark:#1f4d1f;
  --tot-ing-accent:#e0a52b;
  --tot-ing-bg:#f6f4ee;
  --tot-ing-text:#222;
  --tot-ing-muted:#6b6b6b;
  position:fixed;right:0px;bottom:160px;z-index:2147483000;
  font-family:inherit,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;line-height:1.45;color:var(--tot-ing-text);
}
.tot-ing-chat-close{
    font-size : 24px;
}
.tot-ing-chat *,.tot-ing-chat *::before,.tot-ing-chat *::after{box-sizing:border-box}
.tot-ing-chat button,.tot-ing-chat input,.tot-ing-chat select,.tot-ing-chat textarea{font-family:inherit;font-size:14px}
.tot-ing-chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Launcher */
.tot-ing-chat-launcher{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:55px;height:55px;margin:0 0 0 auto;padding:0;border:2px solid #fff;border-radius:50%;
  background:var(--tot-ing-brand);cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .2s,box-shadow .2s;
  animation:totIngChatPulse 2.8s infinite;
}
.tot-ing-chat-launcher:hover{transform:scale(1.06);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.tot-ing-chat-launcher-icon{font-size:22px;color:#fff}
.tot-ing-chat-launcher-close{display:none;font-size:24px;color:#fff}
.tot-ing-chat-badge{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#e53935;border:2px solid #fff}
.tot-ing-chat.tot-ing-chat-open .tot-ing-chat-launcher{animation:none}
.tot-ing-chat.tot-ing-chat-open .tot-ing-chat-launcher-icon,
.tot-ing-chat.tot-ing-chat-open .tot-ing-chat-badge{display:none}
.tot-ing-chat.tot-ing-chat-open .tot-ing-chat-launcher-close{display:block}
@keyframes totIngChatPulse{0%{box-shadow:0 6px 18px rgba(0,0,0,.22),0 0 0 0 rgba(224,165,43,.5)}70%{box-shadow:0 6px 18px rgba(0,0,0,.22),0 0 0 14px rgba(224,165,43,0)}100%{box-shadow:0 6px 18px rgba(0,0,0,.22),0 0 0 0 rgba(224,165,43,0)}}

/* Window */
.tot-ing-chat-window{
  position:absolute;right:60px;bottom:1px;width:370px;height:580px;max-height:75vh;
  display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 12px 36px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transform-origin:bottom right;
  transition:opacity .22s,transform .22s,visibility .22s;
}
.tot-ing-chat-open .tot-ing-chat-window{opacity:1;visibility:visible;transform:none}

/* Header */
.tot-ing-chat-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--tot-ing-brand);color:#fff;flex:0 0 auto}
/* logo-only header */
.tot-ing-chat-logo{flex:1;min-width:0;height:46px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:5px 12px}
.tot-ing-chat-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.tot-ing-chat-close{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.tot-ing-chat-close:hover{background:rgba(255,255,255,.28)}

/* Body */
.tot-ing-chat-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 12px;background:var(--tot-ing-bg);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.tot-ing-chat-message{display:flex;gap:7px;margin:0 0 10px;max-width:100%}
.tot-ing-chat-bot{justify-content:flex-start}
.tot-ing-chat-user{justify-content:flex-end}
.tot-ing-chat-avatar{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #ddd;padding:3px;object-fit:contain;align-self:flex-end}
.tot-ing-chat-bubble{max-width:82%;padding:9px 12px;border-radius:14px;overflow-wrap:anywhere;word-break:break-word}
.tot-ing-chat-bot .tot-ing-chat-bubble{background:#fff;border:1px solid #e6e2d6;border-bottom-left-radius:4px}
.tot-ing-chat-user .tot-ing-chat-bubble{background:var(--tot-ing-brand);color:#fff;border-bottom-right-radius:4px}
.tot-ing-chat-bubble b{display:block;margin-bottom:2px;color:var(--tot-ing-brand-dark)}
.tot-ing-chat-bubble ul{margin:6px 0 0;padding-left:18px}
.tot-ing-chat-bubble a{color:var(--tot-ing-brand);text-decoration:underline}

/* Typing */
.tot-ing-chat-typing{display:inline-flex;gap:4px;padding:12px 14px}
.tot-ing-chat-typing span{width:7px;height:7px;border-radius:50%;background:#9a9a9a;animation:totIngChatDot 1s infinite}
.tot-ing-chat-typing span:nth-child(2){animation-delay:.15s}
.tot-ing-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes totIngChatDot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}

/* Options */
.tot-ing-chat-options{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px 33px}
.tot-ing-chat-option{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 12px;border:1px solid var(--tot-ing-brand);border-radius:18px;background:#fff;color:var(--tot-ing-brand);text-decoration:none;cursor:pointer;line-height:1.25;text-align:left;transition:background .15s,color .15s}
.tot-ing-chat-option:hover{background:var(--tot-ing-brand);color:#fff}
.tot-ing-chat-option.tot-ing-chat-cta{background:var(--tot-ing-accent);border-color:var(--tot-ing-accent);color:#222;font-weight:600}
.tot-ing-chat-option.tot-ing-chat-cta:hover{background:#c78f1a;color:#fff}
.tot-ing-chat-chip{border-style:dashed;font-size:12.5px;padding:5px 10px}

/* Focus */
.tot-ing-chat button:focus-visible,.tot-ing-chat a:focus-visible,.tot-ing-chat input:focus-visible,.tot-ing-chat select:focus-visible,.tot-ing-chat textarea:focus-visible{outline:3px solid var(--tot-ing-accent);outline-offset:2px}

/* Composer */
.tot-ing-chat-input{flex:0 0 auto;display:flex;gap:8px;padding:10px;border-top:1px solid #e6e2d6;background:#fff}
.tot-ing-chat-input input{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid #d6d2c4;border-radius:20px;background:#fff;color:var(--tot-ing-text)}
.tot-ing-chat-send{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:var(--tot-ing-brand);color:#fff;cursor:pointer}
.tot-ing-chat-send:hover{background:var(--tot-ing-brand-dark)}

/* Enquiry form */
.tot-ing-chat-form-wrap{background:#fff;border:1px solid #e6e2d6;border-radius:14px;padding:12px;width:100%}
.tot-ing-chat-form-wrap h4{margin:0 0 2px;font-size:15px;color:var(--tot-ing-brand-dark)}
.tot-ing-chat-form-wrap p{margin:0 0 10px;font-size:12.5px;color:var(--tot-ing-muted)}
.tot-ing-chat-field{margin:0 0 9px}
.tot-ing-chat-field label{display:block;margin:0 0 3px;font-size:12px;font-weight:600}
.tot-ing-chat-field input,.tot-ing-chat-field select,.tot-ing-chat-field textarea{display:block;width:100%;max-width:100%;padding:8px 10px;border:1px solid #d6d2c4;border-radius:8px;background:#fff;color:var(--tot-ing-text)}
.tot-ing-chat-field textarea{resize:vertical;min-height:64px}
.tot-ing-chat-field.tot-ing-chat-invalid input,.tot-ing-chat-field.tot-ing-chat-invalid select,.tot-ing-chat-field.tot-ing-chat-invalid textarea{border-color:#d32f2f}
.tot-ing-chat-error{display:none;margin:3px 0 0;font-size:11.5px;color:#d32f2f}
.tot-ing-chat-invalid .tot-ing-chat-error{display:block}
.tot-ing-chat-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.tot-ing-chat-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:0;border-radius:8px;background:var(--tot-ing-brand);color:#fff;font-weight:600;cursor:pointer}
.tot-ing-chat-submit:hover{background:var(--tot-ing-brand-dark)}
.tot-ing-chat-submit[disabled]{opacity:.65;cursor:wait}
.tot-ing-chat-formmsg{margin:8px 0 0;font-size:12.5px}
.tot-ing-chat-success{color:#1b5e20;font-weight:600}
.tot-ing-chat-fail{color:#d32f2f}
.tot-ing-chat-contact{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #eee}
.tot-ing-chat-contact a{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border-radius:8px;background:var(--tot-ing-bg);color:var(--tot-ing-brand-dark);text-decoration:none;font-size:12.5px;font-weight:600;border:1px solid #e6e2d6}
.tot-ing-chat-contact a.tot-ing-chat-wa{background:#25d366;color:#fff;border-color:#25d366}

/* Tablet */
@media (max-width:991px){.tot-ing-chat-window{width:350px}}

/* Mobile */
@media (max-width:480px){
    
    .tot-ing-chat-launcher-icon {
  font-size: 18px;
  color: #fff;
}
 .tot-ing-chat-turnstile {
        transform: scale(0.8);
        transform-origin: left center;
    }

  .tot-ing-chat{right:3px;bottom:130px;position : fixed; z-index : 9999;}
  .tot-ing-chat-launcher{width:45px;height:45px}
  .tot-ing-chat-window{width:calc(100vw - 24px);max-width:300px;right:48px;bottom:1px;height:min(600px,calc(100vh - 90px));height:min(500px,calc(100dvh - 90px));max-height:none; z-index: 99999;}
  .tot-ing-chat-bubble{max-width:86%}
  .tot-ing-chat-field input,.tot-ing-chat-field select,.tot-ing-chat-field textarea,.tot-ing-chat-input input{font-size:16px} /* stops iOS zoom */
}
@media (prefers-reduced-motion:reduce){.tot-ing-chat-launcher{animation:none}.tot-ing-chat-window{transition:none}.tot-ing-chat-body{scroll-behavior:auto}}