/* ============================================
   WHATSAPP BOOKING WIDGET — STYLES
   Link this file on every page:
   <link rel="stylesheet" href="assets/wa-widget.css">
   ============================================ */

.wa-booking-btn {
  background:#25D366;
  color:#fff;
  border:none;
  padding:10px 18px;
  border-radius:24px;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.wa-booking-btn:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(37,211,102,.4); }

.wa-modal-overlay {
  display:none;
  position:fixed; inset:0;
  background:rgba(0,0,0,.55);
  z-index:9998;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.wa-modal-overlay.active { display:flex; }

.wa-modal {
  background:#fff;
  border-radius:14px;
  width:100%;
  max-width:440px;
  max-height:90vh;
  overflow-y:auto;
  padding:24px;
  position:relative;
  animation:waPopIn .2s ease;
}
@keyframes waPopIn { from{opacity:0; transform:scale(.95);} to{opacity:1; transform:scale(1);} }

.wa-modal h3 { margin:0 0 4px; color:#0d4f5c; font-size:20px; }
.wa-modal p.subtitle { margin:0 0 18px; color:#777; font-size:13px; }

.wa-close-btn {
  position:absolute; top:16px; right:16px;
  background:none; border:none; font-size:22px; line-height:1;
  color:#999; cursor:pointer;
}
.wa-close-btn:hover { color:#333; }

.wa-field { margin-bottom:14px; }
.wa-field label { display:block; font-size:13px; font-weight:600; color:#444; margin-bottom:5px; }
.wa-field input, .wa-field select, .wa-field textarea {
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:14px;
  box-sizing:border-box;
  font-family:inherit;
}
.wa-field input:focus, .wa-field select:focus, .wa-field textarea:focus {
  outline:none; border-color:#25D366;
}

.wa-row2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.wa-stop-item { display:flex; gap:8px; margin-bottom:8px; }
.wa-stop-item input { flex:1; }
.wa-stop-remove {
  background:#fee; color:#c0392b; border:1px solid #fbb;
  border-radius:8px; width:36px; cursor:pointer; font-size:16px;
}
.wa-add-stop-btn {
  background:none; border:1px dashed #25D366; color:#0d4f5c;
  padding:8px 12px; border-radius:8px; font-size:13px; font-weight:600;
  cursor:pointer; width:100%; margin-top:2px;
}
.wa-add-stop-btn:hover { background:#f0fdf4; }

.wa-submit-btn {
  width:100%;
  background:#25D366;
  color:#fff;
  border:none;
  padding:13px;
  border-radius:10px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  margin-top:8px;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.wa-submit-btn:hover { background:#1fb959; }