/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 28 2025 | 12:26:51 */
/* bl-copythis.inline.css
 * BrightLeaf Digital-ish styling scaffold (purple-forward).
 */

.bl-copythis{
  --bl-primary: #975BE5;
  --bl-primary-700: #7E3FE0;
  --bl-border: rgba(10, 10, 20, 0.12);
  --bl-text: #14121f;
  --bl-muted: rgba(20, 18, 31, 0.65);
  --bl-bg: #ffffff;
  --bl-soft: rgba(151, 91, 229, 0.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 var(--bl-border);*/
  border-radius: 12px;
  padding: 10px 10px 10px 12px;
  /*box-shadow: 0 6px 16px rgba(10,10,20,0.06);*/
}

.bl-copythis__value{
  min-width: 0;
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(10,10,20,0.02);
  border: 1px solid rgba(10,10,20,0.06);

  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: 3px solid var(--bl-soft);
  border-color: rgba(151, 91, 229, 0.35);
}

.bl-copythis__btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;

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

  border: 1px solid rgba(151, 91, 229, 0.28);
  background: rgba(151, 91, 229, 0.10);
  color: var(--bl-primary);

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

  cursor: pointer;
  white-space: nowrap;
}

.bl-copythis__btn:hover{
  background: rgba(151, 91, 229, 0.14);
  border-color: rgba(151, 91, 229, 0.38);
  color: var(--bl-primary-700);
}

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

.bl-copythis__btn:focus{
  outline: 3px solid var(--bl-soft);
}

.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;
}

.bl-copythis.is-copied .bl-copythis__row{
  border-color: rgba(151, 91, 229, 0.45);
  box-shadow: 0 10px 22px rgba(151, 91, 229, 0.10);
}

.bl-copythis.is-copied .bl-copythis__status{
  color: var(--bl-primary);
  font-weight: 700;
}

/* Responsive: stack the status under button if needed */
@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; }
}