.temarian-booking-widget {
  --tb-ink: #1B2430;
  --tb-ink-soft: #5b6472;
  --tb-river: #3E5C6C;
  --tb-line: #cfc5ae;
  --tb-bg: #FFFDF8;
  --tb-paper2: #EDE6D6;
  --tb-plum: #8B3A3A;
  max-width: 720px;
  margin: 0 auto;
  font-family: inherit;
  color: var(--tb-ink);
}

.temarian-notice {
  padding: 14px 18px;
  border-radius: 3px;
  margin-bottom: 20px;
  font-size: 0.92rem;
}
.temarian-notice-success { background: #e7efe9; color: #2c5f45; border: 1px solid #bcd6c5; }
.temarian-notice-cancel { background: #f6e9e9; color: var(--tb-plum); border: 1px solid #e3c3c3; }

.temarian-hours-note {
  font-size: 0.9rem;
  color: var(--tb-ink);
  background: var(--tb-paper2);
  border-radius: 2px;
  padding: 10px 16px;
  margin: 0 0 20px;
}

.temarian-form {
  background: var(--tb-bg);
  border: 1px solid var(--tb-line);
  border-radius: 4px;
  padding: clamp(20px, 4vw, 36px);
}

.temarian-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.temarian-field { display: flex; flex-direction: column; gap: 6px; }
.temarian-field-full { grid-column: 1 / -1; }
.temarian-field label { font-size: 0.82rem; color: var(--tb-ink-soft); }
.temarian-field input, .temarian-field select {
  font-family: inherit;
  font-size: 0.95rem;
  padding: 10px 12px;
  border: 1px solid var(--tb-line);
  border-radius: 2px;
  background: #fff;
  color: var(--tb-ink);
}
.temarian-field input:disabled { background: var(--tb-paper2); color: var(--tb-ink-soft); }
.temarian-field input:focus, .temarian-field select:focus {
  outline: 2px solid var(--tb-river);
  outline-offset: 1px;
}

.temarian-addons { display: flex; flex-direction: column; gap: 10px; }
.temarian-addon-item {
  padding: 10px 12px;
  border: 1px solid var(--tb-line);
  border-radius: 2px;
  font-size: 0.88rem;
}
.temarian-addon-item label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.temarian-addon-item input[type="checkbox"] { margin-top: 3px; }
.temarian-addon-item small { color: var(--tb-ink-soft); }
.temarian-addon-season { color: var(--tb-river) !important; }
.temarian-addon-participants { margin-top: 8px; padding-left: 26px; }
.temarian-addon-participants label { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--tb-ink-soft); cursor: default; }
.temarian-addon-participants input { width: 70px; padding: 6px 8px; border: 1px solid var(--tb-line); border-radius: 2px; }

.temarian-summary {
  margin-top: 18px;
  padding: 16px 18px;
  background: var(--tb-paper2);
  border-radius: 2px;
  font-size: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.temarian-amount { font-size: 1.3rem; font-weight: 700; color: var(--tb-river); }

.temarian-submit {
  margin-top: 20px;
  width: 100%;
  padding: 15px;
  font-size: 0.98rem;
  background: var(--tb-river);
  color: #fff;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}
.temarian-submit:hover { opacity: 0.92; }
.temarian-submit:disabled { opacity: 0.5; cursor: not-allowed; }

.temarian-status { margin-top: 12px; font-size: 0.85rem; min-height: 1.2em; }
.temarian-status.error { color: var(--tb-plum); }
.temarian-status.ok { color: var(--tb-river); }
.temarian-fine { margin-top: 14px; font-size: 0.78rem; color: var(--tb-ink-soft); }

@media (max-width: 600px) {
  .temarian-grid { grid-template-columns: 1fr; }
}

.temarian-lang-toggle {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-bottom: 10px;
}
.temarian-lang-btn {
  padding: 4px 12px;
  font-size: 0.78rem;
  border: 1px solid var(--tb-river, #4a6572);
  background: transparent;
  color: var(--tb-river, #4a6572);
  border-radius: 999px;
  cursor: pointer;
}
.temarian-lang-btn.is-active {
  background: var(--tb-river, #4a6572);
  color: #fff;
}