@charset "UTF-8";

/**
 * 杉藤 独自スタイル
 * 管理場所：/plugins/my-snow-monkey/style.css
 */

/* パンくず1番目（ホーム）のテキストを隠してアイコンに置き換える */
.c-breadcrumbs__item:first-child a {
	display: inline-flex;
	align-items: center;
}

.c-breadcrumbs__item:first-child a span {
	/* テキストは視覚的に隠す（読み上げには残しておく） */
	font-size: 0;
}

.c-breadcrumbs__item:first-child a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900; /* Solidスタイルを使うために必要 */
	content: "\f015"; /* house アイコン */
	font-size: 16px;
}
 
/* サイドバー上部のマージン削除 */
.c-widget:has(.first_block) {
	margin-top: 0;
}

/* ウィジェットタイトル */
.c-widget .c-widget__title {
  font-size: 1em !important;
}
.c-widget > div:first-of-type {
  margin-top: 1em;
}

/* 製品情報サイドバー */
.note_search {
  display: none;
  margin-top: .5em;
  font-size: .8em;
  line-height: 1.25;
}
:is(
  .post-type-archive-product,
  .term-10, .term-11, .term-19, .term-24,
  .term-32, .term-33, .term-34, .term-35, .term-36, .term-37, .term-38, .term-39, .term-40,
  .term-43, .term-44, .term-45, .term-46, .term-47, .term-48, .term-49, .term-50, .term-58, .term-69
) .note_search {
  display: block;
}

/* ブロックリンクのインタラクション（ホバー時に透過） */
.wp-block-snow-monkey-blocks-panels-item-block-link,
.wp-block-snow-monkey-blocks-box:has(a.smb-box__link),
.box_link {
	transition: all .2s;
}
.wp-block-snow-monkey-blocks-panels-item-block-link:hover,
.wp-block-snow-monkey-blocks-box:has(a.smb-box__link):hover,
.box_link:hover {
	opacity: .8;
}

/* iframe埋め込みレスポンシブ */
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: calc(100% * calc(9 / 16));
    height: 0;
    overflow: hidden;
}
.iframe-container.gmap {
	padding-bottom: 75%;
}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* インデント */
.indent_3em {
	padding-left: 3em;
	text-indent: -3em;
}

/* 画像キャプション中央揃え */
.wp-block-image figcaption {
    text-align: center;
}

/* 保護フォーム */
.simple-protect-form {
  display: flex;
  align-items: center;
  gap: 8px; /* ← フィールドとボタンの間の隙間 */
  flex-wrap: nowrap;
  justify-content: flex-start; /* ← 右端寄せを無効化して左寄せ */
  margin: 1em 0;
}

.simple-protect-form label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 1rem;
}

.simple-protect-form input[type="password"] {
  padding: 0.5em 0.75em;
  border: 1px solid var(--wp--preset--color--sm-lighter-gray, #ccc);
  border-radius: 4px;
  font-size: 1rem;
  width: 200px;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 1.4;
}

/* wp-block-buttonをインライン化して横並びに */
.simple-protect-form .wp-block-button {
  display: inline-flex !important; /* ブロック幅を解除してフィールド横に配置 */
  margin: 0 !important;
  justify-content: flex-start !important;
  width: auto !important;
}

/* === ボタン Snow Monkey Forms と同仕様 === */
.simple-protect-form .wp-block-button__link {
  background-color: var(--wp--preset--color--sm-accent);  /* テーマのボタン色を使用 */
  color: var(--wp--preset--color--white, #fff);
  border: none;
  border-radius: 4px;
  padding: 0.5em 1em;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.4;
  font-size: 1rem;

  /* トランジション（Snow Monkeyと同等） */
  transition:
    filter var(--_global--transition-duration, 0.2s)
    var(--_global--transition-function-timing, ease)
    var(--_global--transition-delay, 0s);
}

/* hover時の明度変化（Snow Monkey Formsと同じ） */
@media (any-hover: hover) {
  .simple-protect-form .wp-block-button__link:hover {
    filter: brightness(90%);
  }
}

/* フォーカス時も同じ明度変化 */
.simple-protect-form .wp-block-button__link:focus-visible {
  filter: brightness(90%);
}

/* === フェードインアニメーション === */
.protected-content {
  opacity: 0;
  animation: fadeInContent 0.8s ease forwards;
}
@keyframes fadeInContent {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 製品情報 個別ページのテーブル */
.single-product .wp-block-flexible-table-block-table th,
.single-product .wp-block-flexible-table-block-table td {
  border: 1px solid var(--_light-color-gray) !important;
}
.single-product .wp-block-flexible-table-block-table th {
  background-color: var(--accent-color) !important;
  color: var(--_color-white) !important;
}
/* ライトガイドを除きテキスト左揃え */
.single-product:not(.postid-11951, .postid-13884, .postid-15541) .wp-block-flexible-table-block-table th,
.single-product:not(.postid-11951, .postid-13884, .postid-15541) .wp-block-flexible-table-block-table td {
  text-align: left;
}

/* ライトガイドのテーブル */
.product-category-light_guide table thead {
  white-space: nowrap;
}

/* フックで追加した抜粋の見た目を調整 */
.add-excerpt-text2 .c-entry-summary__content_custom {
    margin-top: 8px !important;
    font-size: 0.9em !important;
    color: #666 !important;
    line-height: 1.5 !important;
}

.add-excerpt-text2 .c-entries--text2 .c-entry-summary__content {
    display: block !important;
}

/* 投稿ページのタイトル下メタ情報から「更新日」と「著者」を非表示にする */
.single-post .c-meta__item--modified,
.single-post .c-meta__item--author {
    display: none !important;
}