/* Surcouche de style AmpliMotion pour tarteaucitron.js — ne modifie jamais
   les fichiers vendor (tarteaucitron.min.css, etc.), chargée après eux. */

/* ---------- Popup initial (avant consentement) ---------- */
html body #tarteaucitronRoot.tarteaucitronSize-popup div#tarteaucitronAlertBig {
  left: auto !important;
  right: 14px !important;
  bottom: 14px !important;
  max-width: 300px !important;
  width: calc(100% - 28px) !important;
  background: var(--am-navy) !important;
  border-radius: 16px 16px 4px 16px !important;
  box-shadow: 0 20px 50px rgba(7, 21, 39, 0.45) !important;
  border: 1px solid rgba(127, 217, 255, 0.18) !important;
  padding: 18px 16px 14px !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  color: #fff !important;
  font-family: var(--am-body) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  font-family: var(--am-head) !important;
  font-weight: 700 !important;
}

/* ---------- Boutons (popup + panneau détaillé) ---------- */
#tarteaucitronRoot .tarteaucitronCTAButton,
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  font-family: var(--am-head) !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
  padding: 9px 16px !important;
  margin: 6px 6px 0 0 !important;
  border: none !important;
  transition: transform 0.2s var(--am-ease), box-shadow 0.2s var(--am-ease) !important;
}

#tarteaucitronRoot .tarteaucitronCTAButton:hover,
#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
  transform: translateY(-1px);
}

#tarteaucitronRoot .tarteaucitronCTAButton.tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronAllow#tarteaucitronPersonalize2 {
  background: linear-gradient(92deg, var(--am-cyan), var(--am-cyan-light)) !important;
  color: var(--am-navy-deep) !important;
  box-shadow: 0 8px 20px rgba(25, 192, 255, 0.35) !important;
}

#tarteaucitronRoot .tarteaucitronCTAButton.tarteaucitronDeny {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  background: transparent !important;
  color: var(--am-cyan-light) !important;
  padding: 6px 4px !important;
  font-size: 11.5px !important;
  text-decoration: underline;
}

/* ---------- Panneau détaillé ("Personnaliser") ---------- */
#tarteaucitronRoot div#tarteaucitron {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 30px 80px rgba(7, 21, 39, 0.5) !important;
}

#tarteaucitron .tarteaucitronBorder {
  background: var(--am-paper) !important;
  border: none !important;
}

#tarteaucitron #tarteaucitronDisclaimer,
#tarteaucitron #tarteaucitronDisclaimer a {
  color: var(--am-ink-60) !important;
}

#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
span.tarteaucitronH3 {
  font-family: var(--am-head) !important;
  color: var(--am-navy) !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
  background: var(--am-navy) !important;
  color: #fff !important;
  font-family: var(--am-head) !important;
}

#tarteaucitronRoot .tarteaucitronBorder button.tarteaucitron-toggle-group {
  font-family: var(--am-head) !important;
  color: var(--am-navy) !important;
}

#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny {
  font-family: var(--am-head) !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
}

#tarteaucitronRoot .tarteaucitronAllow {
  background: linear-gradient(92deg, var(--am-cyan), var(--am-cyan-light)) !important;
  color: var(--am-navy-deep) !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
  background: rgba(11, 31, 58, 0.08) !important;
  color: var(--am-navy) !important;
}

html body #tarteaucitronRoot button#tarteaucitronSaveButton {
  background: var(--am-coral) !important;
  color: #fff !important;
  font-family: var(--am-head) !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}
