/* Green Steps Suite — Public Styles */

/* ── Workshop Booking Modal ── */
#gs-booking-modal { display: none; }
#gs-booking-modal.open { display: flex !important; }

.gs-book-workshop-btn { cursor: pointer; }

/* ── Wishlist button active state ── */
.gs-wishlist-btn.active svg { fill: var(--gs-terracotta, #C4622D); stroke: var(--gs-terracotta, #C4622D); }
.gs-wishlist-btn.active { color: var(--gs-terracotta, #C4622D); }

/* ── UPI payment fields ── */
.gs-upi-fields code { user-select: all; cursor: copy; }
.gs-upi-fields code:hover { background: #e0e0e0; }

/* ── Form result states ── */
.gs-result-success {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
  border-radius: 8px;
  padding: 1rem;
}
.gs-result-error {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ef9a9a;
  border-radius: 8px;
  padding: 1rem;
}

/* ── Motif catalogue ── */
.gs-motif-catalogue .motif-card { transition: transform .2s, box-shadow .2s; }
.gs-motif-catalogue .motif-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(44,74,46,.15); }

/* ── Workshop items ── */
.gs-workshop-item { transition: box-shadow .2s; }
.gs-workshop-item:hover { box-shadow: 0 6px 24px rgba(44,74,46,.15) !important; }

/* ── Wishlist remove ── */
.gs-wishlist-remove { transition: opacity .2s; }
.gs-wishlist-remove:hover { opacity: .8; }

/* ── Responsive form grids ── */
@media (max-width: 600px) {
  .gs-gifting-form-wrap > form > div[style*="grid-template-columns:1fr 1fr"],
  .gs-gifting-form-wrap > form > div[style*="grid-template-columns:1fr 1fr 1fr"],
  .gs-customise-form-wrap > form > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}