/*
  iQ Cookie — "No cookies here" notice styles
  PROJECT:  The Best AI Chat Widget — Marketing Site
  FILE:     iq-cookie/no-cookie-notice.css
  VERSION:  v1.00
  UPDATED:  2026-10-13 08:50 PM CT
  CHANGES:  Initial build (project v1.56). Bottom bar in the site's own
            palette: iQ navy #1a3a5c text, CTA green #0C6E20 button with
            white text (6.4:1). 16px minimum text, 44px button, visible
            focus ring. Reserves its own height while open so it never
            covers focused content, and lifts the chat launcher above it.
*/
#iq-nocookie,#iq-nocookie *{box-sizing:border-box}
#iq-nocookie{
  position:fixed;left:0;right:0;bottom:0;z-index:2147483000;
  background:#ffffff;color:#22303e;border-top:1px solid #dde4ea;
  box-shadow:0 -8px 40px -18px rgba(26,58,92,.45);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.55;
}
#iq-nocookie[hidden]{display:none}
.iq-nocookie-inner{max-width:1160px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}
.iq-nocookie-text{flex:1 1 440px;margin:0}
.iq-nocookie-text strong{color:#1a3a5c}
.iq-nocookie-text a{color:#0C6E20;text-decoration:underline}
.iq-nocookie-ok{
  flex:0 0 auto;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;
  min-height:44px;padding:0 24px;border-radius:9px;border:1px solid transparent;
  background:#0C6E20;color:#ffffff;
}
.iq-nocookie-ok:hover{background:#095418}
.iq-nocookie-ok:focus-visible{outline:3px solid #1a3a5c;outline-offset:2px}
.iq-nocookie-attrib{flex-basis:100%;margin:0;font-size:16px;color:#5a6b7b;text-align:right}
.iq-nocookie-attrib a{color:#5a6b7b;text-decoration:underline}
@media (max-width:720px){
  .iq-nocookie-inner{padding:16px 18px;gap:12px}
  .iq-nocookie-ok{width:100%}
  .iq-nocookie-attrib{text-align:left}
}
/* keep the open notice from covering content or the chat launcher */
html.iq-notice-open body{padding-bottom:var(--iq-notice-h,0px)}
html.iq-notice-open{scroll-padding-bottom:var(--iq-notice-h,0px)}
html.iq-notice-open .iqcw-root{transform:translateY(calc(-1 * var(--iq-notice-h,0px))) !important}
