/* CONTACTの埋め込み枠。親ページとフォーム専用ページで共用する。 */
.contact-embed-frame {
  display: block;
  width: 100%;
  max-width: 960px;
  border: 0;
  background: transparent;
}

.contact-embed-frame[hidden],
.contact-embed-note[hidden] {
  display: none;
}

.contact-embed-note {
  margin: 16px 0;
  font-size: 14px;
  line-height: 1.8;
}

/* 旧テーマのレイアウトを持ち込まず、新サイトの色と書体で表示する。 */
html.lushlife-embed-document,
body.lushlife-form-embed {
  margin: 0 !important;
  padding: 0;
  min-height: 0;
  height: auto;
  background: #f1f0eb;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.8;
}

#lushlife-embed-content {
  display: flow-root;
  width: 100%;
  max-width: 960px;
  margin: 0;
  padding: 4px 2px 24px;
}

#lushlife-embed-content .wpcf7,
#lushlife-embed-content .wpcf7-form {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  /* 旧テーマの .wpcf7 { color: #fff !important; } に対応。 */
  color: var(--ink) !important;
}

#lushlife-embed-content .wpcf7-form > p {
  margin: 0 0 24px;
}

#lushlife-embed-content label {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

#lushlife-embed-content .wpcf7-form-control-wrap {
  display: block;
}

#lushlife-embed-content input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]),
#lushlife-embed-content textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 8px 0 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 0;
  background: var(--paper);
  box-shadow: none;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
}

#lushlife-embed-content textarea {
  min-height: 200px;
  resize: vertical;
}

#lushlife-embed-content .wpcf7-list-item {
  margin: 0;
}

#lushlife-embed-content input[type="checkbox"] {
  width: auto;
  padding: 0;
  margin: 0 8px 0 0;
  accent-color: var(--ink);
}

#lushlife-embed-content a {
  /* 旧テーマ側のリンク色も、この埋め込み領域内だけ統一する。 */
  color: var(--ink) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#lushlife-embed-content input[type="submit"] {
  width: auto;
  height: auto;
  padding: 12px 32px;
  border: 1px solid var(--ink);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  cursor: pointer;
}

#lushlife-embed-content input[type="submit"]:disabled {
  opacity: .5;
  cursor: default;
}

#lushlife-embed-content :is(input, textarea, a):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}

#lushlife-embed-content .contact7_googleprivacy {
  font-size: 12px;
  overflow-wrap: anywhere;
}

#lushlife-embed-content .wpcf7-not-valid-tip {
  margin-top: 4px;
  font-size: 14px;
}

#lushlife-embed-content .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 12px;
  font-size: 14px;
}