/* Variables CSS pour cohérence avec le design system ARAF */
:root {
  --orejime-primary: #027528;
  --orejime-secondary: #1447e6;
  --orejime-background: #ffffff;
  --orejime-foreground: #171717;
  --orejime-muted: #f1f5f9;
  --orejime-border: #e2e8f0;
  --orejime-muted-foreground: #64748b;
}

/* Z-index élevé pour passer au-dessus du menu mobile (z-50 = 50) */
#orejime {
  z-index: 9999 !important;
  position: fixed !important;
  pointer-events: none;
}

#orejime .orejime-ModalWrapper {
  border-radius: 10px !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

#orejime .orejime-Notice {
  max-width: 100% !important;
  bottom: 0 !important;
  right: 50% !important;
  transform: translateX(50%) !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
  isolation: isolate;
}

#orejime .orejime-Modal {
  /* border-radius: 10px !important; */
  z-index: 9999 !important;
  pointer-events: auto !important;
}

#orejime .orejime-Notice-body {
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Boutons cliquables */
#orejime .orejime-Button,
#orejime .orejime-Notice-learnMoreButton,
#orejime .orejime-Notice-saveButton,
#orejime .custom-banner-buttons {
  pointer-events: auto !important;
  position: relative;
  z-index: 10000 !important;
}

#orejime .orejime-Modal-header {
  /* background-color: white !important; */
  background: #027528 !important;
  /* color: black !important; */
  border: none !important;
}

#orejime .orejime-Modal-footer {
  background: #027528 !important;
}

#orejime .orejime-Modal-footer .orejime-Button--save {
  background-color: #432277 !important;
}

#orejime .orejime-Notice-saveButton:not(.custom-banner-buttons) {
  display: none !important;
}