/* Shared responsive reCAPTCHA v2 (checkbox widget ≈ 304×78px).
   Prevents fixed-width iframe from widening narrow layouts. */

.vyh-recaptcha-wrap {
  width: 100%;
  max-width: 304px;
  margin: 14px auto;
  min-width: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.vyh-recaptcha-wrap .g-recaptcha {
  flex-shrink: 0;
}

/* Narrower than the 304 px widget: /js/vyhraj-recaptcha-fit.js measures the wrapper's real width and sets
   --vyh-rc-scale = min(1, width / 304) (a unitless number) plus this modifier. The wrapper keeps its own width
   (100% of its column, never wider than 304 px), so the scale can grow back when the column does. On desktop the
   script sets nothing and the wrapper is untouched. */
.vyh-recaptcha-wrap--scaled {
  justify-content: flex-start;
  height: calc(78px * var(--vyh-rc-scale, 1));
}

.vyh-recaptcha-wrap--scaled .g-recaptcha {
  transform: scale(var(--vyh-rc-scale, 1));
  transform-origin: top left;
  width: 304px;
  height: 78px;
}

/* Form hosts: flex/grid children must be allowed to shrink */
.vyh-home-newsletter,
.vyh-home-newsletter-inner,
.vyh-home-newsletter-form-wrap,
.vyh-home-newsletter-field,
.vyh-home-newsletter-input,
.newsletter-strip,
.newsletter-form,
body.vyhraj-onas .contact-form-card {
  min-width: 0;
  max-width: 100%;
}

.newsletter-strip .row {
  margin-left: 0;
  margin-right: 0;
}

.newsletter-form input[type="email"],
.newsletter-form .form-control.email {
  min-width: 0;
  max-width: 100%;
}