/*
Theme Name:     Hello-elementor-child
Theme URI:      
Description:    Hello-elementor child theme.
Author:         Me
Author URI:     
Template:       hello-elementor
Version:        0.1.0
*/

.f12-captcha {
  display: grid;
  grid-template-columns: 180px auto 1fr; /* img | reload | input */
  grid-template-rows: auto auto;         /* label sopra, controlli sotto */
  grid-template-areas:
    "label label label"
    "image reload input";
  column-gap: 12px;
  row-gap: 8px;
  align-items: center;
  width: 100%;
}

/* Appiattisce il wrapper così i figli entrano nella grid del parent */
.f12-captcha .c-header { display: contents; }

/* Aree */
.f12-captcha .c-label  { grid-area: label; }
.f12-captcha .c-data   { grid-area: image; display: flex; align-items: center; }
.f12-captcha .c-reload { grid-area: reload; display: flex; align-items: center; }
.f12-captcha .f12c     { grid-area: input; width: 100%; min-height: 44px; padding: 10px 12px; }

/* Immagine CAPTCHA (come richiesto) */
.f12-captcha .captcha-image img {
  display: block;
  height: auto;
  max-height: 44px;
  width: 180px;
  border: 1px solid #666;
  border-radius: 3px;
}

/* Icona reload */
.f12-captcha .c-reload img {
  max-height: 24px;
  width: auto;
  display: block;
}

/* Accessibilità */
.f12-captcha .screen-reader-text {
  position: absolute;
  left: -9999px;
}

/* Mobile */
@media (max-width: 480px) {
  .f12-captcha {
    grid-template-columns: 1fr;
    grid-template-areas:
      "label"
      "image"
      "reload"
      "input";
  }
}