/* Go PetiA Site 3.4.0 — social chat polish + yellow send CTA. */
:root{
  --p34-yellow:#fec202;
  --p34-yellow-2:#ffd84a;
  --p34-purple:#6426c8;
  --p34-purple-2:#7b42ff;
  --p34-ink:#21152e;
}

/* Send is the primary mobile/desktop action: PetiA yellow with purple icon. */
body.gopetia-canonical-app #petia-page-send{
  background:linear-gradient(145deg,var(--p34-yellow-2),var(--p34-yellow))!important;
  color:var(--p34-purple)!important;
  border:1px solid rgba(112,72,0,.10)!important;
  box-shadow:0 9px 22px rgba(221,166,0,.28),inset 0 1px 0 rgba(255,255,255,.74)!important;
  font-weight:900!important;
  transition:transform .16s cubic-bezier(.2,.85,.2,1),box-shadow .18s ease,filter .18s ease!important;
}
body.gopetia-canonical-app #petia-page-send:hover{
  transform:translateY(-1px) scale(1.025)!important;
  filter:saturate(1.04)!important;
  box-shadow:0 12px 26px rgba(221,166,0,.34),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.gopetia-canonical-app #petia-page-send:active{transform:scale(.94)!important;}
body.gopetia-canonical-app #petia-page-send:disabled{
  background:linear-gradient(145deg,#ead98e,#d9c579)!important;
  color:#79664e!important;opacity:.70!important;box-shadow:none!important;
}

/* Conversation feels familiar: PetiA left/white, user right/purple, both with avatars. */
body.gopetia-canonical-app .petia-page-message{
  animation:p34-message-in .26s cubic-bezier(.18,.84,.28,1) both!important;
  transform-origin:bottom left!important;
}
body.gopetia-canonical-app .petia-page-message.user{transform-origin:bottom right!important;}
@keyframes p34-message-in{
  from{opacity:0;transform:translateY(7px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
body.gopetia-canonical-app .petia-page-message .bubble{
  position:relative!important;
  background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(248,244,255,.88))!important;
  border:1px solid rgba(104,62,148,.09)!important;
  color:#24192f!important;
  box-shadow:0 9px 24px rgba(52,29,69,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.gopetia-canonical-app .petia-page-message.user .bubble{
  background:linear-gradient(145deg,#7d4bff,#6328dc)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(95,42,193,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.gopetia-canonical-app .petia-page-message:hover .bubble{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(52,29,69,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;}
body.gopetia-canonical-app .petia-page-message.user:hover .bubble{box-shadow:0 13px 30px rgba(95,42,193,.27),inset 0 1px 0 rgba(255,255,255,.12)!important;}
body.gopetia-canonical-app .petia-page-message.bot .petia-chat-avatar{
  border-color:rgba(124,74,255,.30)!important;
  box-shadow:0 5px 16px rgba(96,48,166,.18)!important;
}
body.gopetia-canonical-app .petia-page-message.user .petia-chat-avatar{
  border-color:rgba(254,194,2,.82)!important;
  box-shadow:0 5px 16px rgba(204,151,0,.20)!important;
}
body.gopetia-canonical-app .petia-chat-avatar{transition:transform .18s ease,box-shadow .18s ease!important;}
body.gopetia-canonical-app .petia-page-message:hover .petia-chat-avatar{transform:scale(1.035)!important;}

/* Keep composer dark and social-app familiar. */
body.gopetia-canonical-app #petia-page-form{
  background:linear-gradient(145deg,rgba(31,23,43,.985),rgba(18,13,27,.98))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 44px rgba(17,9,25,.25),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.gopetia-canonical-app #petia-page-input{background:rgba(255,255,255,.075)!important;color:#fff!important;}

/* Interactive touch feedback similar to familiar social apps. */
body.gopetia-canonical-app .petia180-card,
body.gopetia-canonical-app .gps-nav__link,
body.gopetia-canonical-app .gps-shell-popover__item{
  transition:transform .18s cubic-bezier(.2,.85,.2,1),box-shadow .18s ease,background .18s ease!important;
}
body.gopetia-canonical-app .petia180-card:active,
body.gopetia-canonical-app .gps-nav__link:active,
body.gopetia-canonical-app .gps-shell-popover__item:active{transform:scale(.975)!important;}

@media(max-width:760px){
  body.gopetia-canonical-app #petia-page-send{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;font-size:24px!important;}
  body.gopetia-canonical-app .petia-page-message{margin-bottom:12px!important;}
  body.gopetia-canonical-app .petia-page-message .bubble{font-size:15px!important;line-height:1.48!important;}
}
@media(prefers-reduced-motion:reduce){
  body.gopetia-canonical-app .petia-page-message{animation:none!important;}
}