/* EAI DEMO STANDARDS, 10/11/2026.
   Every site EAI ships carries the accessibility widget and the cookie notice with its policy page.
   The demos are standalone HTML, so they never got the copies the main site loads in app/layout.tsx.
   This file carries the cookie notice styles from app/globals.css and seats the accessibility
   launcher above the "Expand AI" return button, which owns the bottom left corner on every demo.
   The floating cookie button is hidden on every width; the footer carries Cookie Settings instead. */

.ck{position:fixed;left:16px;right:16px;bottom:92px;max-width:560px;margin:0 auto;background:#fff;color:#17202f;border:1px solid #c9d6f2;border-radius:12px;padding:14px 16px;box-shadow:0 8px 30px rgba(4,12,30,.25);z-index:2147483000;font-family:Helvetica,Arial,sans-serif;text-align:left}
.ck[hidden]{display:none}
.ck h2{font-size:18px;font-weight:700;margin:0 0 6px;color:#0A1628;letter-spacing:0;text-transform:none;line-height:1.3}
.ck p{margin:0 0 10px;font-size:15px;line-height:1.5;color:#17202f}
.ck a{color:#0057FF;text-decoration:underline}
.ck-act{display:flex;gap:10px}
.ck-btn{background:#0057FF;color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:700;font-size:15px;cursor:pointer;text-align:center;font-family:inherit}
.ck-btn[data-ck="decline"]{background:#fff;color:#0A1628;border:1px solid #9fb3d9}
.ck-icon{display:none !important}
/* The chat owns the bottom right of every demo, so the notice never sits over it. On a laptop it keeps
   the bottom left corner; on a phone or tablet it moves to the top as a compact card and never covers
   the chat input. Same text, same Cookie Policy link, same two buttons. */
@media (min-width:1025px){
  .ck{left:16px;right:auto;bottom:132px;width:440px;max-width:440px;margin:0}
}
@media (max-width:1024px){
  .ck{top:8px;bottom:auto;left:8px;right:8px;padding:10px 12px;border-radius:10px}
  .ck h2{font-size:15px;margin:0 0 4px}
  .ck p{font-size:12.5px;line-height:1.4;margin:0 0 8px}
  .ck .ck-now:empty{display:none}
  .ck-act{gap:8px}
  .ck-btn{padding:8px 16px;font-size:14px;min-height:36px}
}

#eai-a-toggle{left:14px !important;bottom:72px !important;width:46px !important;height:46px !important;border-width:1px !important;box-shadow:0 2px 10px rgba(0,0,0,.4) !important}
#eai-a-toggle svg{width:24px !important;height:24px !important}
#eai-a-panel{left:14px !important;bottom:128px !important;max-height:70vh !important}
@media (max-width:640px){
  #eai-a-toggle{left:11px !important;bottom:136px !important;width:42px !important;height:42px !important}
  #eai-a-panel{left:11px !important;bottom:186px !important}
}

/* On a phone the open chat fills the bottom of the screen, so the corner buttons step aside until it closes. */
@media (max-width:640px){
  body:has(#chat.chat-open) .eai-return,
  body:has(#chat.chat-open) #eai-a-toggle{display:none !important}
}

.eai-legal{margin-top:8px;font-size:12.5px;line-height:1.6}
.eai-legal a,.eai-legal button,.eai-credit a,.eai-credit button{color:inherit;text-decoration:underline;text-underline-offset:2px}
.eai-legal button,.eai-credit button{background:none;border:0;padding:0;font:inherit;cursor:pointer}