/* LeonCrest Try-On IA — Styles v11 */

/* ══════════════════════════════════════════════
   Hide duplicate trigger button inside the form
   (PS9 AJAX variant updates can re-render the hook)
   Only the one in #lc-tryon-placeholder is visible
   ══════════════════════════════════════════════ */
form #lc-tryon-trigger,
.product__actions #lc-tryon-trigger,
#add-to-cart-or-refresh #lc-tryon-trigger {
  display: none !important;
}
#lc-tryon-placeholder #lc-tryon-trigger {
  display: block !important;
}

/* ══════════════════════════════════════════════
   Nuclear reset for images inside modal
   ══════════════════════════════════════════════ */
#lc-tryon-modal img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transition: none !important;
}

/* ── Modal ── */
#lc-tryon-modal {
  font-family: 'Inter', -apple-system, sans-serif !important;
}
#lc-tryon-modal * { box-sizing: border-box; }

/* ── Hover effects ── */
#lc-upload-zone:hover {
  border-color: #C5A55A !important;
  background: rgba(197,165,90,0.03) !important;
}
#lc-tryon-generate:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(197,165,90,0.35);
}

/* ── Trigger in placeholder ── */
#lc-tryon-placeholder #lc-tryon-trigger { margin: 0; }

/* ── Spinner ── */
@keyframes lcSpin { to { transform: rotate(360deg); } }

/* ── Result overlay buttons hover ── */
#lc-dyn-addtocart:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(197,165,90,0.35);
}
#lc-dyn-save:hover, #lc-dyn-share:hover {
  color: #C5A55A !important;
  border-color: #C5A55A !important;
}
#lc-dyn-retry:hover {
  background: rgba(197,165,90,0.08) !important;
}

/* ── Mobile ── */
@media (max-width: 640px) {
  #lc-step-upload h2 { font-size: 28px !important; }
}