/* ============================================================
   FRANKIE ON THE REDESIGN (v2 pages only)
   ltbot.css (copied from style.css) still draws the widget everywhere; on
   v2 pages these rules restyle it to the new look: Schibsted Grotesk, ink
   and brand pink, white rounded cards with soft shadows, ink pills with a
   small pink arrow disc. Only the look changes; chatbot.js is untouched.
   ltbot.css loads after this file, so every rule starts with body.v2 to
   outrank the rule it replaces.
   ============================================================ */
body.v2 .ltbot,body.v2 .ltbot-filmbox{
  --lb-rule:rgba(20,22,31,.1);--lb-ring:rgba(247,244,238,.92);--lb-muted:rgba(20,22,31,.72);
  --lb-card:0 10px 24px -14px rgba(20,22,31,.28),0 1px 3px rgba(20,22,31,.06);
  --lb-lift:0 30px 60px -24px rgba(20,22,31,.45),0 2px 8px rgba(20,22,31,.08);
  font-family:'Schibsted Grotesk',system-ui,sans-serif}

/* the button: an ink pill with the flag mark in a white disc */
body.v2 .ltbot .ltbot-fab{gap:12px;min-height:56px;padding:0 24px 0 8px;border:0;border-radius:999px;
  background:var(--ink);color:#fff;font-weight:800;font-size:16px;line-height:1;
  box-shadow:0 0 0 2px var(--lb-ring),0 14px 30px -12px rgba(20,22,31,.6);
  transition:transform .15s ease,box-shadow .15s ease}
body.v2 .ltbot .ltbot-fab:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--lb-ring),0 20px 34px -14px rgba(20,22,31,.6)}
body.v2 .ltbot-fab-ic{width:40px;height:40px}
body.v2 .ltbot-fab-ic img{width:22px;height:22px}

/* the panel: a rounded card lifted off the page, the ink header flush in its corners */
body.v2 .ltbot-panel{border:1px solid rgba(20,22,31,.08);border-radius:24px;background:var(--paper);box-shadow:var(--lb-lift)}
body.v2 .ltbot-head{padding:14px 10px 14px 16px}
body.v2 .ltbot-who{gap:12px}
body.v2 .ltbot-avatar{width:40px;height:40px}
body.v2 .ltbot-avatar img{width:22px;height:22px}
body.v2 .ltbot-title{font-size:17px;font-weight:800}
body.v2 .ltbot-status{margin-top:3px;font-family:inherit;font-weight:700;font-size:11.5px;letter-spacing:.12em;color:rgba(247,244,238,.7)}
body.v2 .ltbot-tools{gap:4px}
body.v2 .ltbot .ltbot-tool{border-radius:50%;opacity:1;color:rgba(247,244,238,.85);transition:background .15s ease,color .15s ease}
body.v2 .ltbot .ltbot-tool:hover{background:rgba(247,244,238,.12);color:#fff}

/* the conversation: plain paper, white bubbles from Frankie, ink ones from the visitor */
body.v2 .ltbot-log{padding:18px 16px;background:var(--paper)}
body.v2 .ltbot-msg{margin-top:10px;padding:11px 15px;border:1px solid rgba(20,22,31,.06);border-radius:18px 18px 18px 6px;
  background:#fff;box-shadow:var(--lb-card);font-size:15.5px;line-height:1.5}
body.v2 .ltbot-msg.ltbot-user{border-color:var(--ink);border-radius:18px 18px 6px 18px;background:var(--ink);color:#fff;box-shadow:none}
body.v2 .ltbot-wait{margin-top:10px;padding:14px 16px;border:1px solid rgba(20,22,31,.06);border-radius:18px 18px 18px 6px;background:#fff;box-shadow:var(--lb-card)}
body.v2 .ltbot-notice{margin-top:12px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.45}

/* the call-back form */
body.v2 .ltbot-lead{margin-top:12px;padding:18px 16px 16px;border:1px solid rgba(20,22,31,.06);border-radius:20px;background:#fff;box-shadow:var(--lb-card)}
body.v2 .ltbot-lead-h{font-size:16px;font-weight:800}
body.v2 .ltbot-lead label{margin-top:14px;font-family:inherit;font-weight:700;font-size:11.5px;letter-spacing:.1em}
body.v2 .ltbot-lead input{height:48px;margin-top:6px;padding:0 14px;border:1.5px solid var(--lb-rule);border-radius:12px;background:var(--paper);font-family:inherit}
body.v2 .ltbot-lead input:focus{border-color:var(--ink);background:#fff;box-shadow:none}
body.v2 .ltbot-lead-err{font-size:14px}
body.v2 .ltbot .ltbot-lead-go{gap:14px;min-height:54px;margin-top:16px;padding:0 8px 0 24px;border:0;border-radius:999px;
  background:var(--ink);color:#fff;font-size:16px;box-shadow:0 12px 24px -14px rgba(20,22,31,.55);transition:transform .15s ease}
body.v2 .ltbot .ltbot-lead-go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -14px rgba(20,22,31,.55)}
body.v2 .ltbot-lead-go svg{width:38px;height:38px;padding:12px;border-radius:50%;background:var(--pink);color:#fff;box-sizing:border-box;transform:rotate(45deg)}
body.v2 .ltbot-lead-note{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--lb-muted)}
body.v2 .ltbot-lead-note a{color:var(--ink);text-decoration:underline}

/* a film that answers the question: the still takes the card's left corners */
body.v2 .ltbot .ltbot-film{gap:14px;margin-top:12px;padding:0 16px 0 0;overflow:hidden;border:1px solid rgba(20,22,31,.06);border-radius:18px;
  background:#fff;box-shadow:var(--lb-card);transition:transform .15s ease}
body.v2 .ltbot .ltbot-film:hover{transform:translateY(-1px);box-shadow:var(--lb-card)}
body.v2 .ltbot-film-shot{align-self:stretch;width:88px;min-height:72px;aspect-ratio:auto!important}
body.v2 .ltbot-film-play{width:34px;height:34px}
body.v2 .ltbot-film-words{gap:3px;padding:12px 0}
body.v2 .ltbot-film-title{font-size:15px}
body.v2 .ltbot-film-len{font-family:inherit;font-weight:600;font-size:13px;letter-spacing:0;text-transform:none}
body.v2 .ltbot-filmbox video{border:0;border-radius:20px}
body.v2 .ltbot-filmbox-x{top:14px;right:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
body.v2 .ltbot-filmbox-x:hover{background:var(--ink);color:#fff}

/* page links: small ink pills with the pink arrow disc; quick replies: white pills */
body.v2 .ltbot-links{gap:8px;margin-top:12px}
body.v2 .ltbot-link{gap:10px;min-height:42px;padding:0 6px 0 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;
  font-family:inherit;font-weight:700;font-size:14px;letter-spacing:0;box-shadow:0 10px 20px -14px rgba(20,22,31,.6)}
body.v2 .ltbot-link:hover{background:#000}
body.v2 .ltbot-link svg{width:30px;height:30px;padding:9px;border-radius:50%;background:var(--pink);color:#fff;box-sizing:border-box;transform:rotate(45deg)}
body.v2 .ltbot-chips{gap:8px;margin-top:14px}
body.v2 .ltbot-hint{font-family:inherit;font-weight:700;font-size:11.5px;letter-spacing:.14em;color:var(--pink-deep)}
body.v2 .ltbot .ltbot-chip{min-height:40px;padding:9px 16px;border:1px solid var(--lb-rule);border-radius:999px;background:#fff;
  font-size:14.5px;font-weight:600;box-shadow:0 2px 8px rgba(20,22,31,.05);transition:border-color .12s ease,background .12s ease,color .12s ease}
body.v2 .ltbot .ltbot-chip:hover{border-color:var(--ink);background:var(--ink);color:#fff}

/* the box you type in */
body.v2 .ltbot-form{gap:8px;padding:12px;border-top:1px solid var(--lb-rule);background:#fff}
body.v2 .ltbot .ltbot-round{width:46px;height:46px;border:1.5px solid var(--lb-rule);border-radius:50%;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}
body.v2 .ltbot .ltbot-round:hover:not(:disabled){transform:none;box-shadow:none;border-color:var(--ink)}
body.v2 .ltbot .ltbot-round:disabled{opacity:.35}
body.v2 .ltbot .ltbot-mic{background:#fff}
body.v2 .ltbot .ltbot-mic.ltbot-on{border-color:var(--pink);background:var(--pink)}
body.v2 .ltbot .ltbot-send{border-color:var(--pink);background:var(--pink)}
body.v2 .ltbot .ltbot-send:hover:not(:disabled){border-color:var(--pink)}
/* waiting for words: a grey disc, never a faded (light) pink one */
body.v2 .ltbot .ltbot-send:disabled{opacity:1;border-color:var(--paper-2,#efe9de);background:var(--paper-2,#efe9de);color:rgba(20,22,31,.38)}
body.v2 .ltbot-send svg{width:16px;height:16px;transform:rotate(45deg)}
body.v2 .ltbot-input{height:46px;padding:0 18px;border:1.5px solid var(--lb-rule);border-radius:999px;background:var(--paper);font-family:inherit}
body.v2 .ltbot-input:focus{border-color:var(--ink);background:#fff;box-shadow:none}

/* phone: the button is the mark alone, in an ink circle */
@media(max-width:560px){
  body.v2 .ltbot .ltbot-fab{width:56px;padding:0;justify-content:center}
  body.v2 .ltbot-panel{border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  body.v2 .ltbot .ltbot-fab:hover,body.v2 .ltbot .ltbot-film:hover,body.v2 .ltbot .ltbot-lead-go:hover:not(:disabled){transform:none}
}