/**
 * Crowded Collect – Frontend styles
 */

/* Embedded form container */
.crowded-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.crowded-iframe {
  max-width: 100%;
}

/* Donate button */
button.crowded-donate-btn,
.crowded-donate-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 32px !important; border: 0 !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 16px; font-weight: 600; line-height: 1; cursor: pointer;
  text-decoration: none; user-select: none; -webkit-tap-highlight-color: transparent;
}
button.crowded-donate-btn:hover, button.crowded-donate-btn:focus, button.crowded-donate-btn:active,
.crowded-donate-btn:hover, .crowded-donate-btn:focus, .crowded-donate-btn:active {
  opacity: 0.9;
}
.crowded-donate-btn:focus { outline: 2px solid rgba(29,90,242,.35); outline-offset: 3px; }

/* Modal */
.crowded-modal { position: fixed; inset: 0; z-index: 999999; display: none; }
.crowded-modal.is-open { display: block; }
.crowded-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.crowded-modal__dialog { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.crowded-modal__frameWrap { width: 85vw; height: 85vh; background: #fff; position: relative; border-radius: 12px; overflow: hidden; }
@media (max-width: 899px) { .crowded-modal__frameWrap { width: 95vw; height: 95vh; } }
.crowded-modal__iframe { width: 100%; height: 100%; border: 0; display: block; }

/* Close button */
button.crowded-modal__close, .crowded-modal__close {
  position: absolute; top: 14px; right: 14px; width: 36px !important; height: 36px !important;
  border: 0 !important; border-radius: 999px !important;
  background-color: #1D5AF2 !important; color: #fff !important; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 28px !important; line-height: 1 !important; padding: 0 !important; text-decoration: none !important;
}
button.crowded-modal__close:hover, button.crowded-modal__close:focus, button.crowded-modal__close:active,
.crowded-modal__close:hover, .crowded-modal__close:focus, .crowded-modal__close:active {
  background-color: #1549cc !important; color: #fff !important;
}
.crowded-modal__close:focus { outline: 2px solid rgba(29,90,242,.35); outline-offset: 3px; }

body.crowded-modal-open { overflow: hidden; }