/* Container dropdown */
.alg-ac{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 2500;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .375rem;
  background: #fff;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  max-height: 70vh;
  overflow: auto;
}

/* Sezioni */
.alg-ac-section{
  padding: .5rem 0;
  border-top: 1px solid rgba(0,0,0,.06);
}
.alg-ac-section:first-child{ border-top: 0; }

.alg-ac-header{
  padding: .25rem .75rem;
  font-size: .8rem;
  opacity: .75;
  text-transform: uppercase;
  letter-spacing: .02em;
}

/* Item */
.alg-ac-item{
  display: flex;
  gap: .5rem;
  padding: .5rem .75rem;
  cursor: pointer;
  user-select: none;
}
.alg-ac-item:hover{ background: rgba(0,0,0,.04); }
.alg-ac-item.is-active{ background: rgba(0,0,0,.06); }

.alg-ac-thumb{
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: .25rem;
  flex: 0 0 auto;
}

.alg-ac-title{
  font-weight: 600;
  line-height: 1.2;
}

.alg-ac-sub{
  font-size: .85rem;
  opacity: .75;
  line-height: 1.2;
  margin-top: .15rem;
}

.alg-ac-muted{
  font-size: .85rem;
  opacity: .7;
}

.alg-ac-empty{
  padding: .75rem;
  opacity: .7;
}

/* Badge (es. Kit) */
.alg-ac-badge{
  display: inline-block;
  font-size: .72rem;
  padding: .05rem .35rem;
  border-radius: .35rem;
  border: 1px solid rgba(0,0,0,.2);
  opacity: .8;
  margin-left: .4rem;
  vertical-align: middle;
}

/* Evidenziazione Algolia (<em>) */
.alg-ac em{
  font-style: normal;
  text-decoration: underline;
}

/* =========================================================
   MOBILE 
   ========================================================= */
@media (max-width: 768px) {
  .alg-ac{
    max-height: 60vh;
    overflow: auto;
  }

  .alg-ac-item{
    padding: .85rem .9rem;
  }

  .alg-ac-thumb{
    width: 52px;
    height: 52px;
  }

  .alg-ac-title{
    font-size: 1rem;
  }

  .alg-ac-sub{
    font-size: .95rem;
  }
}

/* =========================================================
 
   Se vuoi che il dropdown resti "centrato" e largo come il form (w-75),

   ========================================================= */


/*
.mobile-search-overlay .alg-ac{
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 75%;
}
*/