/* Lolly & Jolly Workshop Booking Form — themed to match the brand (.lj-*) */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&family=Patrick+Hand&display=swap');

.lj-wrap{
  --periwinkle:#8E9BE8; --periwinkle-dk:#6E7FD8; --periwinkle-soft:#E6E9FA;
  --pink:#F9CFDB; --pink-soft:#FCE7ED; --sky:#BFE0E6; --sky-soft:#E4F2F4;
  --cream:#FFFDF8; --cream-warm:#FDF6E9; --yellow:#FBD94B;
  --text:#41445C; --text-soft:#83869E; --border:#ECEAF6;
  font-family:'Nunito',sans-serif;color:var(--text);max-width:680px;margin:0 auto;position:relative;
}
.lj-wrap *{box-sizing:border-box}

.lj-card{
  background:#fff;border-radius:30px;padding:46px;position:relative;overflow:hidden;
  box-shadow:0 24px 50px -26px rgba(110,127,216,.45);border:1px solid var(--border);
}
.lj-card::before{content:"";position:absolute;top:0;left:0;right:0;height:7px;
  background:linear-gradient(90deg,var(--periwinkle),var(--pink),var(--sky),var(--yellow))}

.lj-h2{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.9rem;text-align:center;margin:4px 0 2px}
.lj-sub{font-family:'Patrick Hand',cursive;text-align:center;color:var(--periwinkle);font-size:1.2rem;margin-bottom:28px}

.lj-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.lj-field{margin-bottom:2px}
.lj-field.lj-full{grid-column:1/-1}
.lj-field label{display:block;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.92rem;margin-bottom:6px}
.lj-field label span{color:var(--periwinkle)}
.lj-field input,.lj-field select,.lj-field textarea{
  width:100%;padding:13px 15px;border:2px solid var(--border);border-radius:16px;
  font-family:'Nunito',sans-serif;font-size:1rem;background:var(--cream);color:var(--text);transition:.2s;
}
.lj-field input:focus,.lj-field select:focus,.lj-field textarea:focus{
  outline:none;border-color:var(--periwinkle);background:#fff;box-shadow:0 0 0 4px var(--periwinkle-soft)}
.lj-field select:disabled{opacity:.5;cursor:not-allowed}

.lj-summary{display:none;grid-column:1/-1;background:linear-gradient(135deg,var(--sky-soft),var(--periwinkle-soft));
  border:2px dashed var(--periwinkle);border-radius:18px;padding:18px 22px;margin:6px 0}
.lj-summary.show{display:block;animation:lj-pop .35s ease}
@keyframes lj-pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.lj-srow{display:flex;justify-content:space-between;align-items:center;padding:4px 0}
.lj-srow span{color:var(--text-soft);font-weight:600}
.lj-srow b{font-family:'Quicksand',sans-serif;font-weight:600}
.lj-price{font-size:1.35rem;color:var(--periwinkle)}

.lj-section{font-family:'Patrick Hand',cursive;font-size:1.45rem;color:var(--text);margin:30px 0 14px;
  grid-column:1/-1;display:flex;align-items:center;gap:10px}
.lj-section .lj-dot{width:11px;height:11px;border-radius:50%;background:var(--periwinkle)}

.lj-btn{
  grid-column:1/-1;width:100%;border:none;margin-top:14px;padding:16px;border-radius:40px;cursor:pointer;
  font-family:'Patrick Hand',cursive;font-size:1.35rem;letter-spacing:.02em;color:#fff;
  background:linear-gradient(135deg,var(--periwinkle),var(--periwinkle-dk));
  box-shadow:0 14px 28px -12px rgba(110,127,216,.6);transition:.25s;
}
.lj-btn:hover:not(:disabled){transform:translateY(-3px)}
.lj-btn:disabled{background:#cfd2e6;box-shadow:none;cursor:not-allowed}
.lj-secure{grid-column:1/-1;text-align:center;color:var(--text-soft);font-size:.85rem;margin-top:12px}

.lj-alert{grid-column:1/-1;background:var(--pink-soft);border:2px solid var(--pink);color:var(--text);
  border-radius:16px;padding:15px 18px;margin-bottom:18px;font-weight:600}
.lj-alert.lj-info{background:var(--sky-soft);border-color:var(--sky)}

@media(max-width:600px){.lj-card{padding:30px 22px}.lj-grid{grid-template-columns:1fr}}

.lj-policy{
  grid-column:1/-1;background:var(--periwinkle-soft);
  border-left:4px solid var(--periwinkle);border-radius:12px;
  padding:14px 16px;font-size:.9rem;line-height:1.6;margin:8px 0 4px;
}
.lj-policy strong{color:var(--periwinkle-dk)}

/* Date availability pills */
.lj-dates{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.lj-dates-hint{color:var(--text-soft);font-style:italic;margin:4px 0}
.lj-pill{
  font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;
  background:#fff;color:var(--periwinkle-dk);border:2px solid var(--periwinkle);
  border-radius:40px;padding:10px 18px;transition:.18s;
}
.lj-pill:hover{background:var(--periwinkle-soft);transform:translateY(-2px)}
.lj-pill-sel{background:var(--periwinkle);color:#fff;border-color:var(--periwinkle)}
.lj-pill-off{
  background:#F1F0F5;color:#A9A8B6;border:2px dashed #D8D6E2;cursor:not-allowed;
  font-weight:500;padding:10px 18px;border-radius:40px;
}
.lj-pill-off em{font-style:normal;font-size:.82rem;opacity:.85}