/* Gonda Rasoi — Donate Card block
   Uses the site's design tokens if present (--maroon, --gold, etc.),
   falls back to the same values so the card looks right even without style.css. */

.gdc-wrap{
  --gdc-maroon: var(--maroon, #680D0A);
  --gdc-gold: var(--gold, #D89A16);
  --gdc-yellow: var(--yellow, #F4C52A);
  --gdc-cream-light: var(--cream-light, #FFF9E9);
  --gdc-text: var(--text, #3B2118);
  --gdc-white: var(--white, #FFFFFF);
  --gdc-border-gold: var(--border-gold, #E8C45A);
  --gdc-radius: var(--radius, 18px);
  --gdc-shadow-soft: var(--shadow-soft, 0 8px 25px rgba(104,13,10,.08));
  --gdc-f-head: var(--f-head, 'Noto Sans Devanagari', serif);
  --gdc-f-acc: var(--f-acc, 'Poppins', sans-serif);

  display: grid;
  gap: 24px;
  max-width: 420px;
  color: var(--gdc-text);
  box-sizing: border-box;
}
.gdc-wrap *{ box-sizing: border-box; }

.gdc-qr-card{
  background: var(--gdc-white);
  border: 1.5px solid var(--gdc-border-gold);
  border-radius: var(--gdc-radius);
  padding: 26px;
  text-align: center;
  box-shadow: var(--gdc-shadow-soft);
}
.gdc-qr-card h3{
  font-family: var(--gdc-f-head);
  font-weight: 700;
  color: var(--gdc-maroon);
  font-size: 18px;
  margin: 0 0 14px;
}
.gdc-qr-card img{
  width: 100%;
  max-width: 220px;
  margin: 0 auto 14px;
  border-radius: 10px;
  border: 1px solid var(--gdc-border-gold);
  display: block;
}
.gdc-qr-card .gdc-upi{
  font-family: var(--gdc-f-acc);
  font-size: 13px;
  opacity: .75;
  margin: 0;
}
.gdc-qr-card .gdc-empty{
  font-family: var(--gdc-f-acc);
  font-size: 13px;
  opacity: .6;
  margin: 0 0 10px;
}

.gdc-info-card{
  background: var(--gdc-white);
  border: 1px solid var(--gdc-border-gold);
  border-radius: var(--gdc-radius);
  padding: 30px 28px;
  box-shadow: var(--gdc-shadow-soft);
}
.gdc-info-card h3{
  font-family: var(--gdc-f-head);
  font-weight: 700;
  color: var(--gdc-maroon);
  font-size: 19px;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.gdc-info-row{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--gdc-border-gold);
  font-family: var(--gdc-f-acc);
  font-size: 14px;
}
.gdc-info-row:last-child{ border-bottom: none; }
.gdc-info-row span:first-child{ opacity: .65; }
.gdc-info-row span:last-child{
  font-weight: 600;
  color: var(--gdc-maroon);
  text-align: right;
}
.gdc-copy-btn{
  background: var(--gdc-cream-light);
  border: 1px solid var(--gdc-border-gold);
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 11px;
  font-family: var(--gdc-f-acc);
  color: var(--gdc-maroon);
  margin-left: 8px;
  cursor: pointer;
}
.gdc-copy-btn:hover{ background: var(--gdc-yellow); }