/* ilPolistirolo — Componente Indirizzo Smart
   POSIZIONE: wp-content/plugins/ilp-commesse/ilp-indirizzo.css
   Neutro di proposito: eredita font e input dal contesto (admin WP o portale cliente). */

.ilp-ind { position: relative; }

.ilp-ind-row { display: flex; gap: 10px; flex-wrap: wrap; }
.ilp-ind-f { position: relative; margin-bottom: 12px; flex: 1 1 160px; min-width: 0; }
.ilp-ind-grow { flex: 3 1 220px; }
.ilp-ind-civ { flex: 0 0 90px; }
.ilp-ind-cap { flex: 0 0 130px; }
.ilp-ind-prov { max-width: 320px; }

.ilp-ind-f > label {
  display: block; font-size: 11.5px; font-weight: 600; color: #43525f;
  margin: 0 0 4px; letter-spacing: .2px;
}
.ilp-ind-f input, .ilp-ind-f select { width: 100%; box-sizing: border-box; }

.ilp-ind-pill {
  display: inline-block; font-size: 9.5px; font-weight: 600; letter-spacing: .2px;
  background: #eef1f4; color: #66727e; padding: 1px 6px; border-radius: 10px; margin-left: 6px;
  text-transform: none; vertical-align: 1px;
}

.ilp-ind-hint { font-size: 11px; color: #6b7a89; margin-top: 3px; min-height: 13px; line-height: 1.3; }
.ilp-ind-hint.ok   { color: #0b7a4b; font-weight: 600; }
.ilp-ind-hint.warn { color: #a05a00; font-weight: 600; }
.ilp-ind-hint.ko   { color: #b3261e; font-weight: 600; }

.ilp-ind-stato {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 20px; margin-bottom: 10px;
}
.ilp-ind-stato.ok  { background: #e7f6ee; color: #0b7a4b; }
.ilp-ind-stato.mid { background: #fdf3e2; color: #a05a00; }
.ilp-ind-stato.ko  { background: #fdecea; color: #b3261e; }

/* tendina suggerimenti */
.ilp-ind-ac {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 9999;
  background: #fff; border: 1px solid #c2cbd4; border-top: none; border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 22px rgba(16, 30, 45, .16); max-height: 260px; overflow: auto; display: none;
}
.ilp-ind-ac.open { display: block; }
.ilp-ind-ac-i { padding: 7px 10px; cursor: pointer; font-size: 13px; border-bottom: 1px solid #f0f3f5; line-height: 1.35; }
.ilp-ind-ac-i:last-of-type { border-bottom: none; }
.ilp-ind-ac-i:hover { background: #eaf3fb; }
.ilp-ind-ac-i b { font-weight: 700; }
.ilp-ind-ac-i small { display: block; color: #6b7a89; font-size: 11.5px; margin-top: 1px; }
.ilp-ind-ac-ft { padding: 4px 10px; font-size: 10px; color: #8c99a6; background: #fafbfc; border-top: 1px solid #f0f3f5; text-align: right; }

@media (max-width: 640px) {
  .ilp-ind-row { display: block; }
  .ilp-ind-civ, .ilp-ind-cap { flex: none; }
}