@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 */
  }
}

.h-fitcontent{
  height: fit-content;
}

.bg-grey-light{
  background-color: #d3d3d326;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.w-25 {
  width: 25%;
}

.w-50{
  width: 50%;
}

.w-35{
  width: 35%;
}

.w-15{
  width: 15%;
}

.btn-one-line {
  white-space: nowrap !important;   
  text-align: center !important;         
  font-weight: 700 !important;
}

.card-header-validare {
  background-color: #0d6efd !important;
  color: white !important;
}

/* Trunchiere după lățimea reală a coloanei din tabel */
.truncate-cell {
  max-width: 0;               /* important pentru tabele */
  width: 1%;                  /* lasă layout-ul tabelului să decidă */
}

.truncate-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}