/* ==========================================================================
   embed.css
   既存サイトへの組み込み用（リセット・ベース・レイアウトを含まず、組み込み先に影響しない）
   ========================================================================== */
/* WordPressテーマの通常CSSより弱くならないよう、埋め込み版ではlayerを使わない。 */
@import url('./foundation/embed-variables.css');
@import url('./object/component/c-button.css');
@import url('./object/component/c-field.css');
@import url('./object/component/c-status-list.css');
@import url('./object/component/c-barcode-preview.css');
@import url('./object/component/c-spec-list.css');
@import url('./object/component/c-notice.css');
@import url('./object/component/c-jan-tool.css');
@import url('./object/utility/u-visually-hidden.css');
@import url('./object/utility/u-hidden.css');

.shokubiz-tool {
  margin-block: 48px;
}

.shokubiz-tool .c-jan-tool {
  font-size: 16px;
}

/* 記事本文用の見出し・段落・リスト余白をツール内部へ持ち込ませない。 */
.shokubiz-tool .c-jan-tool :is(h2, h3, h4, p, ul, dl, dd, figure) {
  margin-block: 0;
}

.shokubiz-tool .c-jan-tool :is(h2, h3, h4)::before,
.shokubiz-tool .c-jan-tool :is(h2, h3, h4)::after {
  display: none;
  content: none;
}

.shokubiz-tool .c-jan-tool :is(h2, h3, h4) {
  width: auto;
  min-height: 0;
  text-indent: 0;
}

.shokubiz-tool .c-jan-tool button,
.shokubiz-tool .c-jan-tool input,
.shokubiz-tool .c-jan-tool select {
  margin: 0;
  box-shadow: none;
  text-transform: none;
}

.shokubiz-tool .c-jan-tool button {
  width: auto;
}

@media (max-width: 600px) {
  .shokubiz-tool {
    margin-block: 32px;
  }

  .shokubiz-tool .c-field__row .c-button {
    width: 100%;
  }
}