/* ============================================================
   Ask EYYAW v256 — Panneau à gauche
   ============================================================ */

/* ============================================================
   1. PANNEAU DESKTOP — À GAUCHE
   ============================================================ */
@media (min-width: 768px) {
  .ae-root .ae-panel {
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    transform-origin: bottom left !important;
  }
}

/* ============================================================
   2. MOBILE — Bottom sheet inchangé (déjà plein largeur)
   ============================================================ */
@media (max-width: 767px) {
  .ae-root .ae-panel {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
  }
}

/* ============================================================
   3. BOUTON — déjà à gauche, on garde
   ============================================================ */
.ae-root .ae-trigger {
  left: 20px !important;
  right: auto !important;
  bottom: 20px !important;
}

@media (max-width: 767px) {
  .ae-root .ae-trigger {
    left: 16px !important;
    right: auto !important;
    bottom: 16px !important;
  }
}

/* ============================================================
   4. STOP animations — classe sur body
   ============================================================ */
body.ae-no-anim .ae-root,
body.ae-no-anim .ae-root *,
body.ae-no-anim .ae-root *::before,
body.ae-no-anim .ae-root *::after {
  animation: none !important;
  animation-duration: 0s !important;
  animation-iteration-count: 1 !important;
  animation-delay: 0s !important;
}

body.ae-no-anim .ae-root .ae-trigger {
  animation: none !important;
  box-shadow: 0 8px 24px rgba(26,26,26,0.25) !important;
}

/* On garde les transitions utiles */
body.ae-no-anim .ae-root .ae-panel,
body.ae-no-anim .ae-root .ae-overlay,
body.ae-no-anim .ae-root .ae-answer-toggle-icon,
body.ae-no-anim .ae-root .ae-send,
body.ae-no-anim .ae-root .ae-suggestion,
body.ae-no-anim .ae-root .ae-icon-btn {
  transition-property: transform, opacity, background-color, color, border-color, box-shadow, gap !important;
  transition-duration: .25s !important;
  transition-timing-function: cubic-bezier(0.19,1,0.22,1) !important;
}

/* ============================================================
   5. Désactiver l'animation par défaut du trigger (déjà pulsé 3x)
   ============================================================ */
.ae-root .ae-trigger {
  animation: ae-v256-pulse 2.4s ease-in-out 2 !important;
}

body.ae-no-anim .ae-root .ae-trigger {
  animation: none !important;
}

@keyframes ae-v256-pulse {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(26,26,26,0.25), 0 0 0 0 rgba(184,92,56,0.4);
  }
  50% {
    box-shadow: 0 8px 24px rgba(26,26,26,0.25), 0 0 0 12px rgba(184,92,56,0);
  }
}

/* ============================================================
   6. Overlay mobile désactivé sur desktop (rappel)
   ============================================================ */
@media (min-width: 768px) {
  .ae-root .ae-overlay {
    display: none !important;
  }
}