/* V3 skin for the live Aria widget (/widget/chat-widget.js). Only visual
   overrides live here; behaviour (chat, voice, lead capture) is untouched.
   Selectors carry an extra .adra-cw so they win whichever stylesheet loads first
   (both load async to stay off the critical render path). */
.adra-cw.adra-cw { font-family: 'Montserrat', 'Montserrat Fallback', system-ui, -apple-system, sans-serif; }
.adra-cw .adra-cw-launcher-avatar, .adra-cw .adra-cw-header-avatar {
  background-image: url('/assets/v3/aria-avatar.webp') !important;
  background-size: contain; background-repeat: no-repeat; border-radius: 0;
}
.adra-cw .adra-cw-launcher {
  border: 3px solid #0A0A12; box-shadow: 5px 5px 0 #0A0A12; background: #FFFFFF;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s cubic-bezier(.34,1.56,.64,1);
}
.adra-cw .adra-cw-launcher:hover { transform: translate(-2px,-2px); box-shadow: 7px 7px 0 #0A0A12; }
.adra-cw .adra-cw-launcher-name { font-weight: 800; }
.adra-cw .adra-cw-launcher-role { color: #4A4D57; font-weight: 500; }
.adra-cw .adra-cw-panel { border: 3px solid #0A0A12; border-radius: 22px; box-shadow: 8px 8px 0 #0A0A12; }
.adra-cw .adra-cw-header { background: #F2ECFB; border-bottom: 3px solid #0A0A12; }
.adra-cw .adra-cw-header-name { font-weight: 900; }
.adra-cw .adra-cw-header-avatar::after { box-shadow: 0 0 0 2px #0A0A12; }
.adra-cw .adra-cw-log { background: #F6F5F2; }
.adra-cw .adra-cw-msg { font-weight: 500; }
.adra-cw .adra-cw-msg-bot { background: #FFFFFF; border: 2.5px solid #0A0A12; color: #0A0A12; }
.adra-cw .adra-cw-msg-user { background: #7A5CC2; border: 2.5px solid #0A0A12; }
.adra-cw .adra-cw-cta { background: #7A5CC2; border: 2.5px solid #0A0A12; box-shadow: 3px 3px 0 #0A0A12; font-weight: 800; }
.adra-cw .adra-cw-cta:hover { background: #6A4CB2; }
/* The V3 site styles every <form> as a column with a 16px gap; keep the widget's own one-row composer. */
.adra-cw .adra-cw-form { border-top: 3px solid #0A0A12; flex-direction: row; gap: 8px; }
.adra-cw .adra-cw-input { border: 2.5px solid #0A0A12; border-radius: 14px; background: #F6F5F2; font-family: inherit; font-weight: 500; }
.adra-cw .adra-cw-input:focus { border-color: #7A5CC2; box-shadow: 3px 3px 0 #7A5CC2; }
.adra-cw .adra-cw-send { background: #7A5CC2; border: 2.5px solid #0A0A12; border-radius: 14px; }
.adra-cw .adra-cw-send:hover:not(:disabled) { background: #6A4CB2; }
.adra-cw .adra-cw-mic { border: 2.5px solid #0A0A12; border-radius: 14px; background: #FFFFFF; color: #0A0A12; }
.adra-cw .adra-cw-footer { border-top: 2px solid #0A0A12; color: #4A4D57; }
/* Sit above the sticky "Free audit / Call" bar on phones. */
@media (max-width: 760px) {
  .adra-cw.adra-cw { bottom: calc(80px + env(safe-area-inset-bottom)); right: 14px; }
  /* Widget is lifted above the mobile CTA bar, so shrink the panel by the same offset or its header (and close X) goes off-screen */
  .adra-cw.adra-cw .adra-cw-panel { max-height: calc(100dvh - 96px - env(safe-area-inset-bottom)); }
}
@media (max-width: 480px) {
  .adra-cw.adra-cw .adra-cw-panel { height: calc(100dvh - 96px - env(safe-area-inset-bottom)); }
}