@charset "UTF-8";

/* ===== Captcha Mobile (default) ===== */
.captcha-grid{
  display:grid;
  grid-template-columns: 1fr;                     /* totul pe o singură coloană */
  grid-template-areas:
    "label"
    "image"
    "input";
  row-gap:.375rem;
}

.captcha-label{
  grid-area: label;
  margin:0;
  line-height:1.2;
  word-break: break-word;                          /* eticheta nu iese din container */
}

/* „topește” wrapper-ul ca să putem poziționa copiii lui în grid */
.captcha-widget{ display: contents; }

/* Imaginea: nu se taie și nu depășește ecranul */
.captcha-widget img{
  grid-area: image;
  display:block;
  max-width:100%;
  height:auto;                                     /* pe mobil lăsăm înălțime naturală */
}

/* Inputul: aliniat din stânga, cât containerul */
.captcha-widget input[type="text"],
.captcha-widget input[type="search"]{
  grid-area: input;
  width:100%;
  margin-top:.25rem;
}

/* login */
.captcha-widget-login{ display: contents; }

.captcha-widget-login img{
  grid-area: image;
  display:block;
  max-width:100%;
  height:auto;                              
}

.captcha-widget-login input[type="text"],
.captcha-widget-login input[type="search"]{
  grid-area: input;
  width:100%;
  margin-top:.25rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
}


/* ===== De la md (≥768px) în sus: label + imagine pe același rând ===== */
@media (min-width:768px){
  .captcha-grid{
    grid-template-areas:
      "label image"
      "input input";
    column-gap:.5rem;
    align-items:center;
  }

  .captcha-widget img{
    height:44px;           /* aliniere curată cu labelul */
    width:auto;
  }

  .captcha-widget input[type="text"],
  .captcha-widget input[type="search"]{
    grid-column: 1 / -1;   /* începe din stânga, pe toată lățimea */
  }

  .captcha-widget-login img{
    height:44px;           /* aliniere curată cu labelul */
    width:auto;
  }

  .captcha-widget-login input[type="text"],
  .captcha-widget-login input[type="search"]{
    grid-column: 1 / -1;   /* începe din stânga, pe toată lățimea */
  }
}