/* UPVCLeads.com — CAPTCHA widget styles.
   Standalone file so it can be included only where the widget is used,
   and versioned independently. Uses existing design tokens. */

.captcha__row {
  display: flex;
  align-items: stretch;
  gap: var(--s-3);
  margin-top: var(--s-2);
}

.captcha__code {
  flex: 0 0 auto;
  min-width: 96px;
  font-family: var(--f-mono);
  font-size: var(--t-lg);
  font-weight: 700;
  letter-spacing: 0.28em;
  padding: 0 var(--s-4);
  color: var(--c-glass);
  background: linear-gradient(135deg, var(--c-glass-tint) 0%, #E4EDFC 100%);
  border: var(--mullion) solid var(--c-glass-edge);
  border-radius: var(--r-md);
  cursor: pointer;
  user-select: none;
  /* Slight skew + non-selectable so it reads like a challenge, not
     plain copyable text — a small extra nudge against trivial scraping. */
  transition: transform var(--d-base) var(--e-out), background var(--d-base) var(--e-out);
}
.captcha__code:hover { transform: translateY(-1px); }
.captcha__code:active { transform: translateY(0); }
.captcha__code--filled {
  color: var(--c-positive, #1a7f5a);
  letter-spacing: normal;
  font-size: var(--t-base);
}

.captcha__input {
  flex: 1 1 auto;
  font-family: var(--f-mono);
  letter-spacing: 0.2em;
  text-align: center;
}

@media (max-width: 420px) {
  .captcha__row { flex-direction: column; }
  .captcha__code { min-width: 0; padding: var(--s-3); }
}