/* FundMe StickyBar Styles - v1.3.0 */
:root {
  --fundme-bar-bg: #0a66c2;
  --fundme-bar-text: #ffffff;
  --fundme-popup-bg: #ffffff;

  --fundme-panel-border-color: #d0d7de;
  --fundme-panel-border-width: 1px;
  --fundme-panel-padding: 12px;
  --fundme-panel-radius-tl: 12px; /* configurable */
  --fundme-panel-radius-tr: 12px; /* configurable */

  --fundme-toggle-height: 44px; /* configurable: header height */
  --fundme-panel-height: 320px; /* configurable: expanded height */

  --fundme-left-margin: 16px;  /* configurable */
  --fundme-right-margin: 16px; /* configurable */
}

/* Root: always sticky at bottom with NO bottom margin */
.fundme-sb {
  position: fixed;
  bottom: 0; /* always, no margin */
  z-index: 99999;
}

/* Position classes (left/right use margins as offsets, center uses translate) */
.fundme-sb--left { left: var(--fundme-left-margin); }
.fundme-sb--right { right: var(--fundme-right-margin); }
.fundme-sb--center { left: 50%; transform: translateX(-50%); }

/* Panel: header (Donate Now) at the TOP like chat; width matches container */
.fundme-sb__panel {
  position: absolute;
  bottom: 0; /* panel sticks to bottom */
  left: 0; right: 0; margin: 0 auto;
  width: 100%;
  background: var(--fundme-popup-bg);
  border: var(--fundme-panel-border-width) solid var(--fundme-panel-border-color);
  border-top-left-radius: var(--fundme-panel-radius-tl);
  border-top-right-radius: var(--fundme-panel-radius-tr);
  border-bottom-left-radius: 0; /* bottom corners always square */
  border-bottom-right-radius: 0;
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
  overflow: hidden; /* content wrapper scrolls */
}

/* Header is part of the panel (top) and height is adjustable */
.fundme-sb__header {
  background: var(--fundme-bar-bg);
  color: var(--fundme-bar-text);
  height: var(--fundme-toggle-height);
  display: flex; align-items: center; justify-content: center;
  font-weight: 600;
  cursor: pointer;
}

/* Expanded/collapsed heights */
.fundme-sb__panel[aria-expanded="false"] {
  height: var(--fundme-toggle-height); /* only header visible when collapsed */
}
.fundme-sb__panel[aria-expanded="true"] {
  height: var(--fundme-panel-height); /* fixed expanded height */
}

/* Content area below header; scrolls on overflow */
.fundme-sb__content {
  padding: var(--fundme-panel-padding);
  height: calc(100% - var(--fundme-toggle-height));
  display: flex; gap: 12px; align-items: flex-start; flex-wrap: wrap;
  overflow: auto;
}
.fundme-sb__qr { width: 100%; }
.fundme-sb__qr img { width: 100%; height: auto; border-radius: 1px; }
.fundme-sb__custom { flex: 1 1 auto; min-width: 160px; }
.fundme-sb__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.fundme-sb__btn { text-decoration: none; padding: 8px 12px; border-radius: 6px; font-weight: 600; }
.fundme-sb__btn--paypal { background: #0070ba; color: #fff; }
.fundme-sb__btn--razorpay { background: #0f5ef0; color: #fff; }