/* Electri_C_ity Supporters v1.3.0 */

/* Base components also remain usable as standalone shortcodes. */
.ecity-donate-card,.ecity-supporters-wall{box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(9,11,17,.50);color:#f5f7fb;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:none}
.ecity-donate-card{padding:18px}
.ecity-supporters-wall{padding:12px 14px}
.ecity-donate-title{margin:0 0 7px;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:700}
.ecity-donate-note,.ecity-privacy,.ecity-empty,.ecity-supporter-card small{opacity:.7}
.ecity-donate-form{display:grid;gap:13px}
.ecity-check{display:flex;gap:9px;align-items:flex-start}
.ecity-public-options{display:grid;gap:11px;padding:13px;border-radius:11px;background:rgba(255,255,255,.045)}
.ecity-public-options[hidden],[data-ecity-extra][hidden]{display:none!important}
.ecity-public-options label:not(.ecity-check){display:grid;gap:6px}
.ecity-public-options input[type=text]{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.17);border-radius:9px;padding:10px 11px;background:rgba(0,0,0,.22);color:inherit}
.ecity-paypal-button{border:0;border-radius:999px;padding:12px 19px;font-weight:700;cursor:pointer;background:#ffc439;color:#111820}
.ecity-paypal-button:hover{filter:brightness(1.04)}
.ecity-privacy{margin:0;font-size:.82rem}
.ecity-wall-header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:0}
.ecity-wall-title{display:flex;align-items:center;gap:8px}
.ecity-wall-title h3{margin:0;font-size:1rem;line-height:1.2}
.ecity-heart{font-size:.95rem;opacity:.9}
.ecity-wall-stats{display:flex;gap:7px;flex-wrap:wrap}
.ecity-wall-stats span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.055);font-size:.78rem;white-space:nowrap}
.ecity-layout-compact .ecity-supporter-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.ecity-layout-compact .ecity-supporter-card{display:inline-flex;align-items:baseline;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.018);font-size:.82rem;min-width:0}
.ecity-layout-compact .ecity-supporter-card strong{font-weight:600;overflow-wrap:anywhere}
.ecity-layout-compact .ecity-supporter-card small{display:none;font-size:.72rem;white-space:nowrap}
.ecity-layout-compact .ecity-amount{font-size:.78rem;opacity:.9}
.ecity-more{margin-top:9px;padding:0;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.72;cursor:pointer;font:inherit;font-size:.78rem}
.ecity-more:hover{opacity:1}
.ecity-layout-cards{padding:20px}
.ecity-layout-cards .ecity-wall-header{margin-bottom:14px}
.ecity-layout-cards .ecity-wall-title h3{font-size:clamp(1.25rem,3vw,1.8rem)}
.ecity-layout-cards .ecity-supporter-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.ecity-layout-cards .ecity-supporter-card{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.028)}
.ecity-supporter-card.is-historical{opacity:.88}

/* One-shortcode section: [ecity_support_section] */
.ecity-support-section{
  --ecs-ink:var(--ecity-ink,#eef3ff);
  --ecs-dim:var(--ecity-ink-dim,#aeb8d4);
  --ecs-cyan:var(--ecity-cyan,#00e5ff);
  --ecs-cyan2:var(--ecity-cyan-2,#7df9ff);
  --ecs-display:var(--ecity-font-display,'Orbitron',ui-sans-serif,system-ui,sans-serif);
  --ecs-ui:var(--ecity-font-ui,'Space Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);
  width:min(100% - 24px,520px);
  margin:16px auto 22px;
  font-family:var(--ecs-ui);
  color:var(--ecs-ink);
}
.ecity-support-section__label{
  width:fit-content;
  margin:0 auto 14px;
  padding:6px 14px;
  border:1px solid rgba(0,229,255,.28);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(122,92,255,.10),rgba(0,229,255,.07));
  color:var(--ecs-cyan2);
  font-family:var(--ecs-display);
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  box-shadow:0 0 18px rgba(0,229,255,.07),inset 0 1px 0 rgba(255,255,255,.03);
}
.ecity-support-section__grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:10px;
  align-items:stretch;
}
.ecity-support-section__donate,.ecity-support-section__wall{min-width:0}

.ecity-support-section .ecity-donate-card,
.ecity-support-section .ecity-supporters-wall{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:240px!important;
  height:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:
    radial-gradient(110% 140% at 0% 0%,rgba(0,229,255,.025),transparent 48%),
    radial-gradient(100% 140% at 100% 0%,rgba(122,92,255,.035),transparent 50%),
    linear-gradient(145deg,rgba(18,21,35,.97),rgba(13,16,28,.96))!important;
  color:var(--ecs-ink)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:visible!important;
}
.ecity-support-section .ecity-donate-card{padding:13px 14px!important}
.ecity-support-section .ecity-supporters-wall{padding:12px!important}

.ecity-support-section .ecity-donate-title{
  margin:0 0 6px!important;
  padding:0!important;
  color:var(--ecs-ink)!important;
  font-family:var(--ecs-display)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.18!important;
  letter-spacing:.01em;
}
.ecity-support-section .ecity-donate-note{
  margin:0 0 9px!important;
  color:var(--ecs-dim)!important;
  font-size:10px!important;
  line-height:1.42!important;
}
.ecity-support-section .ecity-donate-form{display:grid!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.ecity-support-section .ecity-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--ecs-dim)!important;
  font-size:9.5px!important;
  line-height:1.42!important;
  cursor:pointer;
}
.ecity-support-section .ecity-check input[type=checkbox]{flex:0 0 auto;width:13px;height:13px;margin:2px 0 0!important;accent-color:var(--ecs-cyan)}
.ecity-support-section .ecity-public-options{
  gap:7px;
  width:100%!important;
  margin:0!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.022)!important;
}
.ecity-support-section .ecity-public-options label:not(.ecity-check){gap:4px;color:var(--ecs-dim)!important;font-size:9px!important}
.ecity-support-section .ecity-public-options input[type=text]{
  width:100%!important;
  min-width:0!important;
  padding:7px 8px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:7px!important;
  background:rgba(0,0,0,.20)!important;
  color:var(--ecs-ink)!important;
  font-family:var(--ecs-ui)!important;
  font-size:10px!important;
}
.ecity-support-section .ecity-paypal-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:33px!important;
  margin:1px 0 0!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:999px!important;
  background:#ffc439!important;
  color:#111820!important;
  font-family:var(--ecs-ui)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(255,196,57,.12)!important;
  transition:transform .18s ease,filter .2s ease,box-shadow .2s ease;
}
.ecity-support-section .ecity-paypal-button:hover,.ecity-support-section .ecity-paypal-button:focus-visible{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 9px 22px rgba(255,196,57,.19)!important}
.ecity-support-section .ecity-privacy{display:block!important;margin:0!important;color:rgba(174,184,212,.68)!important;font-size:8px!important;line-height:1.35!important;overflow-wrap:anywhere}

.ecity-support-section .ecity-wall-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
.ecity-support-section .ecity-wall-title{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.ecity-support-section .ecity-wall-title h3{margin:0!important;padding:0!important;color:var(--ecs-ink)!important;font-family:var(--ecs-display)!important;font-size:11px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:.015em}
.ecity-support-section .ecity-heart{color:var(--ecs-cyan)!important;font-size:10px!important;text-shadow:0 0 9px rgba(0,229,255,.42)}
.ecity-support-section .ecity-wall-stats{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0!important}
.ecity-support-section .ecity-wall-stats span{display:inline-flex!important;align-items:center!important;padding:3px 6px!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:var(--ecs-dim)!important;font-size:8px!important;line-height:1.1!important;white-space:nowrap}
.ecity-support-section .ecity-layout-compact .ecity-supporter-list{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;margin:10px 0 0!important;padding:0!important;overflow:visible!important}
.ecity-support-section .ecity-layout-compact .ecity-supporter-card{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:5px 8px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:999px!important;background:rgba(255,255,255,.022)!important;color:var(--ecs-ink)!important;font-size:8.5px!important;line-height:1.15!important;box-shadow:none!important}
.ecity-support-section .ecity-layout-compact .ecity-supporter-card strong{color:var(--ecs-ink)!important;font-size:8.5px!important;font-weight:600!important;line-height:1.15!important;overflow-wrap:anywhere}
.ecity-support-section .ecity-layout-compact .ecity-supporter-card small{display:none!important}
.ecity-support-section .ecity-layout-compact .ecity-amount{color:var(--ecs-cyan2)!important;font-size:8px!important;font-weight:600!important}
.ecity-support-section .ecity-more{display:inline-flex!important;align-items:center!important;width:auto!important;margin:9px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ecs-cyan2)!important;font-family:var(--ecs-ui)!important;font-size:8px!important;line-height:1.3!important;text-decoration:none!important;text-underline-offset:2px;cursor:pointer;opacity:.72;transition:opacity .2s ease,color .2s ease}
.ecity-support-section .ecity-more:hover,.ecity-support-section .ecity-more:focus-visible{opacity:1;color:var(--ecs-cyan)!important;text-decoration:underline!important}
.ecity-support-section .ecity-empty{margin:10px 0 0!important;padding:0!important;color:var(--ecs-dim)!important;font-size:9px!important;line-height:1.35!important}

@media(max-width:620px){
  .ecity-support-section{width:min(100% - 24px,420px);margin:14px auto 22px}
  .ecity-support-section__grid{grid-template-columns:1fr;gap:8px}
  .ecity-support-section .ecity-donate-card,.ecity-support-section .ecity-supporters-wall{min-height:0!important}
  .ecity-support-section .ecity-wall-header{flex-wrap:wrap!important}
  .ecity-support-section .ecity-layout-compact .ecity-supporter-list{flex-direction:row!important;flex-wrap:wrap!important}
}
@media(max-width:380px){
  .ecity-support-section{width:calc(100% - 16px)}
  .ecity-support-section .ecity-donate-card,.ecity-support-section .ecity-supporters-wall{padding:11px!important}
  .ecity-support-section__label{font-size:8px;padding:5px 11px}
}
@media(prefers-reduced-transparency:reduce){.ecity-support-section .ecity-donate-card,.ecity-support-section .ecity-supporters-wall{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){.ecity-support-section .ecity-paypal-button,.ecity-support-section .ecity-more{transition:none!important}}
@media(max-width:600px){.ecity-supporters-wall{padding:11px 12px}.ecity-wall-header{align-items:flex-start}.ecity-layout-compact .ecity-supporter-list{gap:6px}.ecity-layout-compact .ecity-supporter-card{max-width:100%}}
