/* Atavacron Chat page: small additions on top of /styles.css (live homepage v3). */
.ata-chat__subtitle {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}
.cp-note {
  margin: 0.85rem 0 0;
  font-size: 0.875rem;
  color: var(--text-muted);
}
.cp-sample-label {
  margin: 0.5rem 0 0;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  text-align: right;
}
.hero-panel .hero-panel__frame { min-height: 0; height: auto; }
.cp-fineprint {
  margin: 1rem 0 0;
  max-width: 38rem;
  font-size: 0.85rem;
  color: var(--text-muted);
}
.cp-try {
  padding: var(--section-pad) 0;
  border-top: 1px solid var(--border);
  background:
    radial-gradient(ellipse 55% 60% at 85% 0%, rgba(201, 168, 108, 0.06), transparent 55%),
    var(--bg-elevated);
}
.cp-try h2 {
  margin: 0 0 0.4rem;
  font-size: clamp(1.4rem, 2.8vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text-bright);
}
.cp-try__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cp-chip {
  min-height: 44px;
  padding: 0.55rem 0.95rem;
  font-size: 0.8rem;
}
/* Chips inside the dialog: comfortable tap targets */
.ata-chat__suggestions .ata-chat__chip { min-height: 36px; }
.ata-chat__lead-skip-row { margin: 0 0 0.75rem; }
/* Contrast: muted text inside chat a touch brighter on deep bg */
.ata-chat__empty-line { color: var(--text); }
.ata-chat__close:focus-visible,
.ata-chat__chip:focus-visible,
.ata-chat__send:focus-visible,
.ata-chat__launcher:focus-visible,
.ata-chat__messages:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.ata-chat__close { width: 2.25rem; height: 2.25rem; }
.ata-chat__send, .ata-chat__input { min-height: 40px; }
/* Typing indicator */
.ata-chat__typing {
  display: inline-flex;
  gap: 0.25rem;
  padding: 0.6rem 0.8rem;
  margin: 0 0 0.75rem;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.ata-chat__typing span {
  width: 0.4rem;
  height: 0.4rem;
  background: var(--phosphor);
  border-radius: 1px;
  animation: blink 1s step-end infinite;
}
.ata-chat__typing span:nth-child(2) { animation-delay: 0.2s; }
.ata-chat__typing span:nth-child(3) { animation-delay: 0.4s; }
/* Phones: dialog fills the screen */
@media (max-width: 540px) {
  .ata-chat__panel:not([hidden]) {
    position: fixed;
    inset: 0;
    width: 100%;
    max-height: none;
    height: 100%;
    border-radius: 0;
    border: 0;
  }
  .ata-chat__panel .ata-chat__messages { min-height: 0; }
  .ata-chat__panel .ata-chat__input { font-size: 1rem; }
  .cp-sample-label { text-align: left; }
}
/* Small phones: keep the header on one line */
@media (max-width: 480px) {
  .nav li:not(:last-child) { display: none; }
}
/* Mobile (<700px): floating launcher waits until the hero buttons scroll away.
   Class is only ever added by tavvy-demo.js, so without JS the launcher shows. */
@media (max-width: 699.98px) {
  .ata-chat.cp-launcher-wait .ata-chat__launcher {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
  }
}
.ata-chat__launcher { transition: opacity var(--ease), transform var(--ease), visibility var(--ease), background var(--ease), box-shadow var(--ease); }

/* Consent banner (matches live atavacron.com homepage) */
.ata-consent{position:fixed;left:1rem;bottom:1rem;z-index:190;width:min(30rem,calc(100% - 2rem));background:#08100b;border:1px solid var(--phosphor-dim);border-radius:var(--radius-lg);padding:1rem 1.1rem;box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 30px var(--phosphor-glow);font-size:.875rem;color:var(--text)}
.ata-consent[hidden]{display:none}
.ata-consent p{margin:0 0 .8rem;line-height:1.5}
.ata-consent a{color:var(--phosphor)}
.ata-consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ata-consent__btn{font:600 .9rem var(--font-sans);min-height:44px;border-radius:var(--radius);border:1px solid var(--phosphor);background:transparent;color:var(--phosphor-bright);cursor:pointer}
.ata-consent__btn:hover{background:var(--phosphor-glow)}
.ata-consent__btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media (max-width:640px){body{padding-bottom:72px}body:has(.ata-consent:not([hidden])) .ata-chat{bottom:13rem}}
.footer-link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.footer-link-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}