/* Mystika palette and existing button geometry. */
.ddla-donation-picker > summary { list-style: none; cursor: pointer; }
.ddla-donation-picker > summary::-webkit-details-marker { display: none; }
.ddla-single-donations .ddla-single-donations__button { width: 100%; max-width: 100%; min-width: 0; }
.ddla-single-donations .ddla-single-donations__button .ddla-button__inner { white-space: normal; overflow-wrap: anywhere; }
.ddla-donation-picker[open] .ddla-donation-options { margin-top: 1rem; }
body.ddla-donation-open { overflow: hidden; }
.ddla-donation-dialog {
  width: min(34rem, calc(100% - 2rem)); max-width: calc(100% - 2rem);
  max-height: calc(100dvh - 2rem); margin: auto; padding: clamp(1.1rem, 4vw, 2rem);
  overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid var(--ddla-component-border-color, #887346); border-radius: 0;
  background: var(--ddla-bg-deep, #080d18); color: var(--ddla-text-main, #e2e6ed);
  box-shadow: var(--ddla-component-shadow-raised, 0 24px 70px #0009);
}
.ddla-donation-dialog::backdrop { background: rgb(0 0 0 / 75%); }
.ddla-donation-options { min-width: 0; overflow-wrap: anywhere; }
.ddla-donation-options h3 { margin: 0 0 .7rem; color: var(--ddla-gold-light, #eed29c); font-size: clamp(1.3rem, 5vw, 1.8rem); }
.ddla-donation-options__list { display: grid; gap: .7rem; margin: 1.2rem 0; padding: 0; list-style: none; }
.ddla-donation-options__list a {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem .8rem;
  min-height: 52px; padding: .85rem 1rem; border: 1px solid var(--ddla-blue-soft, #00d2ff);
  color: var(--ddla-text-main, #e2e6ed); text-decoration: none;
}
.ddla-donation-options__list a:hover { background: rgba(var(--ddla-blue-rgb, 47,111,255), .15); }
.ddla-donation-options__external { font-size: .75rem; }
.ddla-donation-options__note { font-size: .9rem; }
.ddla-donation-close { min-width: 88px; min-height: 44px; padding: .6rem 1rem; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
.ddla-donation-dialog :focus-visible { outline: 2px solid var(--ddla-blue-soft, #00d2ff); outline-offset: 3px; }
@media print { .ddla-donation-dialog { display: none !important; } }