/* Lovestockalert — riquadro "Avvisami quando disponibile" */

/* L'hook displayProductActions cade nella riga flex di qty+"Ordina":
   forziamo il riquadro su una riga propria, a tutta larghezza, SOTTO il pulsante. */
.product-quantity { flex-wrap: wrap; }
.product-quantity > .lsa-box { flex: 0 0 100%; width: 100%; clear: both; }

.lsa-box {
  margin: 16px 0 4px;
  padding: 16px 18px;
  border: 1px solid #e3c9a3;
  border-left: 4px solid #c8962d;
  border-radius: 8px;
  background: #fffaf1;
  font-size: 15px;
  line-height: 1.4;
  text-align: left; /* l'area carrello eredita text-align:center: lo annulliamo */
}
.lsa-box, .lsa-box * { text-align: left; }
.lsa-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.lsa-bell { font-size: 22px; line-height: 1; }
.lsa-title { display: block; font-size: 16px; color: #2b2b2b; }
.lsa-sub { display: block; color: #6b6b6b; font-size: 13.5px; margin-top: 2px; }

.lsa-account-email { margin: 0 0 12px; font-size: 13.5px; color: #555; }
.lsa-account-email strong { color: #2b2b2b; }

/* Stato "non loggato": riga con testo + bottone login affiancato */
.lsa-state--login { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.lsa-state--login .lsa-state-txt { flex: 1; display: flex; flex-direction: column; min-width: 180px; }
.lsa-state--login .lsa-state-txt strong { color: #2b2b2b; }
.lsa-state--login .lsa-state-txt span { font-size: 13px; color: #6b6b6b; }
.lsa-btn--login { width: auto; }

.lsa-consent {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 13px; color: #555; margin: 6px 0 12px; cursor: pointer;
}
.lsa-consent input { margin-top: 3px; }
.lsa-consent a { text-decoration: underline; }

.lsa-btn { width: 100%; max-width: 360px; font-weight: 600; }

.lsa-state--in { display: flex; align-items: center; gap: 10px; }
.lsa-state-txt { flex: 1; display: flex; flex-direction: column; }
.lsa-state-txt strong { color: #2b6a2b; }
.lsa-state-txt span { font-size: 13px; color: #6b6b6b; }
.lsa-link {
  background: none; border: none; color: #c0392b; text-decoration: underline;
  cursor: pointer; font-size: 13px; padding: 0; white-space: nowrap;
}

.lsa-msg { margin-top: 10px; }
.lsa-msg:empty { margin-top: 0; }
.lsa-msg .alert { margin: 0; padding: 9px 12px; border-radius: 6px; font-size: 14px; }
.lsa-msg .lsa-ok { background: #e6f4e6; border: 1px solid #b6dcb6; color: #2b6a2b; }
.lsa-msg .lsa-err { background: #fdecea; border: 1px solid #f5c2bd; color: #c0392b; }

.lsa-btn[disabled] { opacity: .6; cursor: not-allowed; }

@media (max-width: 575px) {
  .lsa-email, .lsa-btn { max-width: 100%; }
}