@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 */
  }
}
/* Demo mode locked elements */
.demo-card-locked { opacity: .65; cursor: pointer; }
.demo-link-locked { cursor: pointer; opacity: .7; }
.demo-modal-header { background: rgba(255,193,7,.12); border-bottom-color: rgba(255,193,7,.4); }
.demo-banner { font-size: .875rem; }

/* Demo feature modal - show/hide via CSS class (no Bootstrap.Modal, no inline styles) */
#demoFeatureModal.demo-visible { display: block; }
#demoBd {
  display: none;
  position: fixed;
  top: 0; left: 0;
  z-index: 1050;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.5);
}
#demoBd.demo-visible { display: block; }