/* Page-editor styles for charity donation pages. Classes are set by donation-theme.js from the charity's saved settings. */
.id-donation.id-theme-flat .hero>.panel{box-shadow:none!important}
.id-donation.id-theme-soft .hero>.panel{box-shadow:0 12px 36px rgba(0,0,0,.12)!important}
.id-donation.id-theme-elevated .hero>.panel{box-shadow:0 30px 86px rgba(0,0,0,.28)!important}
.id-donation.id-theme-glass .hero>.panel{background:color-mix(in srgb,var(--panel) 82%,transparent)!important;backdrop-filter:blur(18px);box-shadow:0 30px 86px rgba(0,0,0,.18)!important}
.id-donation.id-button-outline #submit{background:transparent!important;color:var(--teal)!important;border:2px solid var(--teal)!important}
.id-donation.id-button-soft #submit{background:color-mix(in srgb,var(--teal) 22%,var(--panel))!important;color:var(--white)!important;border:1px solid color-mix(in srgb,var(--teal) 60%,transparent)!important}
.id-donation.id-button-square #submit{border-radius:4px!important}
.id-donation.id-button-pill #submit{border-radius:999px!important}
.id-donation.id-amount-stack .amounts{grid-template-columns:1fr!important}
.id-donation.id-amount-chips .amounts{display:flex!important;flex-wrap:wrap}
.id-donation.id-amount-chips .amount{width:auto;flex:1 1 95px}
.id-donation.id-amount-outline .amount{background:transparent!important}
.id-donation.id-amount-soft .amount{background:color-mix(in srgb,var(--teal) 9%,var(--panel))!important}
.id-donation.id-density-compact .field{margin-bottom:11px!important}
.id-donation.id-density-compact .hero>.panel{padding:20px!important}
.id-donation.id-density-spacious .field{margin-bottom:22px!important}
.id-donation.id-density-spacious .hero>.panel{padding:32px!important}
.id-donation.id-pattern-dots{background-color:var(--bg)!important;background-image:radial-gradient(color-mix(in srgb,var(--teal) 19%,transparent) 1px,transparent 1px)!important;background-size:24px 24px!important}
.id-donation.id-pattern-grid{background-color:var(--bg)!important;background-image:linear-gradient(color-mix(in srgb,var(--teal) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--teal) 8%,transparent) 1px,transparent 1px)!important;background-size:36px 36px!important}
.id-donation.id-pattern-glow{background:radial-gradient(circle at 18% 5%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 28%),var(--bg)!important}
.id-donation.id-hero-compact .intro-guide{display:none}
.id-donation.id-hero-compact .intro h1{font-size:clamp(34px,4vw,48px)!important}
.id-donation.id-hero-editorial .intro h1{font-family:Georgia,serif!important;font-weight:650!important;letter-spacing:-.035em!important}
.id-donation.id-hero-banner .hero{grid-template-columns:1fr!important}
.id-donation.id-hero-banner .intro{text-align:center;max-width:850px;margin-inline:auto}
.id-donation.id-hero-banner .intro>p{margin-inline:auto}
.id-donation.id-divider-none :where(.gift-aid-declaration,.summary-line){border-top:0!important}
.id-donation.id-divider-strong :where(.gift-aid-declaration,.summary-line){border-top-width:2px!important;border-color:color-mix(in srgb,var(--teal) 35%,transparent)!important}
.id-donation .id-impact-heading{margin:2px 0 8px;font-size:12px;color:var(--muted);font-weight:750}
.id-donation .id-custom-trust{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}
.id-donation .id-custom-trust span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:700}
.id-donation .id-custom-trust span{border-color:color-mix(in srgb,var(--muted) 35%,transparent)}