.housing-embed {
  background: var(--ek-housing-embed-background);
  color: var(--ek-housing-embed-text);
  font-family: system-ui, sans-serif;
}

.housing-embed__content {
  margin: 0 auto;
  max-width: 48rem;
  padding: 1.25rem;
}

.housing-embed__logo {
  display: block;
  max-height: 3rem;
  max-width: 12rem;
}

.housing-embed__rooms {
  display: grid;
  gap: 1rem;
  list-style: none;
  margin: 1.5rem 0;
  padding: 0;
}

.housing-embed__rooms li {
  border: 1px solid var(--ek-housing-embed-border);
  border-radius: 0.5rem;
  padding: 1rem;
}

.housing-embed form > div {
  display: grid;
  gap: 0.35rem;
  margin-block: 1rem;
}

.housing-embed input[type="date"] {
  font: inherit;
  min-height: 2.75rem;
  padding: 0.5rem;
}

/* Actions — the views name .button / .button--secondary on links, button_to
   and form.submit; until now no rule styled them, so the chooser showed an
   underlined link and the form a raw browser control. */
.housing-embed .button,
.housing-embed button.button,
.housing-embed input[type="submit"].button {
  display: inline-block;
  padding: 0.625rem 1rem;
  border: none;
  border-radius: var(--wa-border-radius-s);
  background: var(--wa-color-brand-fill-loud);
  color: var(--wa-color-brand-on-loud);
  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}

.housing-embed .button:hover {
  filter: brightness(0.92);
}

/* Type selectors in the base rule outrank a lone class, so the variant must
   repeat the element to win the cascade back. */
.housing-embed .button--secondary,
.housing-embed button.button--secondary,
.housing-embed input[type="submit"].button--secondary {
  background: transparent;
  color: var(--wa-color-text-quiet);
  border: 1px solid var(--ek-housing-embed-border);
}

/* Room-row meta line: "from $X/night · Oct 17–Oct 21" and "N rooms left". */
.housing-embed__room-meta {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: var(--ek-housing-embed-text);
}

.housing-embed__sold-out {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--wa-color-danger);
}

.housing-embed__tax-note {
  margin: -0.5rem 0 0;
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
}

/* Keep the li's own spacing tight so meta lines read as one block. */
.housing-embed__rooms li h2,
.housing-embed__rooms li p {
  margin-block-start: 0;
}

.housing-embed__rooms li .button {
  margin-block-start: 0.5rem;
}