/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 13 2026 | 12:14:23 */
/* bl-copythis.inline.css
 * BrightLeaf Giving styling scaffold (navy + green).
 */

.bl-copythis{
  --blg-navy: #0B2148;
  --blg-green: #55833D;
  --blg-green-2: #3F854D;

  --bl-border: rgba(85,131,61,.28);
  --bl-text: rgba(11,33,72,.95);
  --bl-muted: rgba(11,33,72,.70);
  --bl-bg: #ffffff;
  --bl-surface: #F6FAF5;
  --bl-surface-2: #EFF6EE;
  --bl-focus: rgba(85,131,61,.22);
  --bl-shadow: rgba(11,33,72,.10);

  display:block;
  max-width:100%;
  font-family:inherit;
  color:var(--bl-text);
}

.bl-copythis__label{
  font-size:12px;
  line-height:1.2;
  color:var(--bl-muted);
  margin:0 0 6px 0;
}

.bl-copythis__row{
  display:grid;
  grid-template-columns: 1fr auto auto;
  gap:10px;
  align-items:center;

  background: var(--bl-bg);
  border: 1px solid rgba(85,131,61,.22);
  border-radius:12px;
  padding:10px 10px 10px 12px;
  box-shadow: 0 10px 24px rgba(11,33,72,.06);
}

.bl-copythis__value{
  min-width:0;
  display:block;
  padding:10px 12px;
  border-radius:10px;

  background: var(--bl-surface);
  border: 1px solid rgba(85,131,61,.20);

  font-size:14px;
  line-height:1.35;
  color:var(--bl-text);

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  cursor:pointer;
  user-select:none;
}

.bl-copythis__value:focus{
  outline:none;
  box-shadow: 0 0 0 4px var(--bl-focus);
  border-color: rgba(85,131,61,.55);
}

/* CTA-style button */
.bl-copythis__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 12px;
  border-radius:10px;

  border: 1px solid rgba(0,0,0,.14);
  background: linear-gradient(180deg, var(--blg-green), var(--blg-green-2));
  color:#fff;

  font-weight:800;
  font-size:13px;
  line-height:1;

  cursor:pointer;
  white-space:nowrap;

  box-shadow: 0 10px 22px rgba(11,33,72,.16);
  transition: transform .08s ease, box-shadow .15s ease, filter .15s ease;
}

.bl-copythis__btn:hover{
  filter: brightness(1.04);
  box-shadow: 0 14px 30px rgba(11,33,72,.20);
}

.bl-copythis__btn:active{
  transform: translateY(1px);
}

.bl-copythis__btn:focus{
  outline:none;
  box-shadow: 0 0 0 5px var(--bl-focus), 0 14px 30px rgba(11,33,72,.20);
}

.bl-copythis__btn-icon{
  font-size:14px;
  line-height:1;
}

.bl-copythis__status{
  font-size:12px;
  color:var(--bl-muted);
  padding-right:4px;
  white-space:nowrap;
}

/* Copied state */
.bl-copythis.is-copied .bl-copythis__row{
  border-color: rgba(85,131,61,.55);
  background: linear-gradient(180deg, var(--bl-surface-2), #fff);
  box-shadow: 0 16px 40px rgba(11,33,72,.14);
}

.bl-copythis.is-copied .bl-copythis__status{
  color: var(--blg-green-2);
  font-weight:800;
}

/* Responsive */
@media (max-width: 520px){
  .bl-copythis__row{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "value value"
      "button status";
  }
  .bl-copythis__value{ grid-area:value; }
  .bl-copythis__btn{ grid-area:button; width:fit-content; }
  .bl-copythis__status{ grid-area:status; justify-self:end; }
}