.custom-alert-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.25);
    display: grid; place-items: center;
    z-index: 99999;
    opacity: 0; transition: opacity .18s ease;
  }
  .custom-alert-overlay.is-open { opacity: 1; }
  
  .custom-alert-box {
    background: var(--wp--preset--color--background-primary);
    color: var(--wp--preset--color--background-secondary);
    border: 1px solid var(--wp--preset--color--background-dark-gray);
    border-radius: 0;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    width: min(520px, calc(100vw - 32px));
    padding: 18px 16px 14px;
    transform: translateY(6px) scale(.98);
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
    position: relative;
    font: inherit;
    display: flex; flex-direction: column; min-height: 140px;
  }
  .custom-alert-overlay.is-open .custom-alert-box { transform: translateY(0) scale(1); opacity: 1; }
  
  .custom-alert-title { margin: 0 28px 8px 0; font-size: 16px; font-weight: 600; line-height: 1.3; }
  .custom-alert-message { margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
  
  .custom-alert-actions {
    margin-top: auto;
    display: flex; gap: 8px; align-items: stretch;
    flex-wrap: wrap; /* au cas où */
    justify-content: center; /* 1 bouton => centré */
  }
  
  /* 1 bouton : largeur auto, ne dépasse jamais */
  .custom-alert-actions:not(.is-multi) .custom-alert-btn {
    flex: 0 0 auto;
    max-width: 100%;
  }
  
  /* Plusieurs boutons : largeur égale, plein container */
  .custom-alert-actions.is-multi .custom-alert-btn {
    flex: 1 1 0;
    min-width: 96px;
  }
  
  .custom-alert-btn {
    box-sizing: border-box;            /* évite tout débordement */
    appearance: none;
    border: 1px solid var(--wp--preset--color--background-light-gray);
    background: var(--wp--preset--color--background-primary);
    color: var(--wp--preset--color--background-secondary);
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer; font: inherit;
    transition: background .12s ease, transform .04s ease;
    white-space: nowrap;               /* s’adapte au texte court, pas de wrap */
  }
  .custom-alert-btn:active { transform: translateY(1px); }
  .custom-alert-btn.primary {
    background: var(--wp--preset--color--background-secondary);
    color: var(--wp--preset--color--background-primary);
    border-color: transparent;
  }
  
  .custom-alert-close {
    position: absolute; top: 10px; right: 10px;
    width: 28px; height: 28px; border-radius: 6px;
    display: grid; place-items: center;
    border: 1px solid var(--wp--preset--color--background-light-gray);
    background: transparent; cursor: pointer;
  }
  .custom-alert-close:before { content: "✕"; font-size: 14px; line-height: 1; opacity: .8; }