/* RealWise Tours — booking widget */
:root { --pwt-primary: #2563eb; --pwt-primary-dark: #1e4fd0; --pwt-border: #e5e7eb; }
.pwt-widget { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 460px; background: #fff; border: 1px solid var(--pwt-border); border-radius: 12px; padding: 20px; }
.pwt-title { margin: 0 0 14px; font-size: 18px; }

.pwt-days { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 12px; }
.pwt-day { flex: 0 0 auto; background: #f9fafb; border: 1px solid var(--pwt-border); border-radius: 8px; padding: 8px 12px; cursor: pointer; font-size: 13px; font-weight: 600; text-align: center; color: #374151; }
.pwt-day--active { background: var(--pwt-primary); color: #fff; border-color: var(--pwt-primary); }
.pwt-day__count { display: block; font-size: 10px; opacity: .7; }

.pwt-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; }
.pwt-slot { background: #fff; border: 1px solid var(--pwt-border); border-radius: 6px; padding: 8px; cursor: pointer; font-size: 13px; font-weight: 600; color: #374151; }
.pwt-slot:hover { border-color: var(--pwt-primary); color: var(--pwt-primary); }

.pwt-chosen { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 6px; padding: 8px 12px; font-size: 14px; font-weight: 600; margin-bottom: 14px; color: var(--pwt-primary-dark); }
.pwt-field { margin-bottom: 10px; }
.pwt-field label, .pwt-field-row label { display: block; font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 4px; }
.pwt-field input, .pwt-field textarea, .pwt-field-row select { width: 100%; box-sizing: border-box; padding: 9px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px; }
.pwt-field-row { margin-bottom: 10px; }

.pwt-actions { display: flex; gap: 8px; margin-top: 14px; }
.pwt-btn { flex: 0 0 auto; padding: 10px 18px; border: 1px solid var(--pwt-border); border-radius: 6px; background: #fff; cursor: pointer; font-size: 14px; font-weight: 600; color: #374151; }
.pwt-btn--primary { flex: 1; background: var(--pwt-primary); color: #fff; border-color: var(--pwt-primary); }
.pwt-btn--primary:hover { background: var(--pwt-primary-dark); }
.pwt-msg { margin-top: 10px; font-size: 13px; }

.pwt-success { text-align: center; padding: 24px 0; }
.pwt-success__icon { width: 56px; height: 56px; line-height: 56px; margin: 0 auto 12px; border-radius: 50%; background: #dcfce7; color: #16a34a; font-size: 28px; }
.pwt-empty { color: #9ca3af; text-align: center; padding: 20px; }