/* レシピ記事 → なべの秘密基地。の導線（2026-10-13・functions.php の「レシピ記事 → なべの秘密基地。」の塊とセット） */
.nabe-bot-save, .nabe-bot-card { box-sizing: border-box; max-width: 640px; margin: 2em auto; text-align: center; }
.nabe-bot-save *, .nabe-bot-card * { box-sizing: border-box; }

/* ① このレシピを保存 */
.nabe-bot-save { background: #FFF8EC; border: 2px solid #e85a3e; border-radius: 14px; padding: 1.1em 1em 1em; }
.post_content .nabe-bot-save__ttl { margin: 0 0 .7em; font-weight: 700; font-size: 1.05em; color: #3b2a20; }
.post_content a.nabe-bot-save__btn, .post_content a.nabe-bot-card__btn {
  display: block; margin: 0 auto; max-width: 420px; padding: .9em 1em; border-radius: 999px;
  background: #e85a3e; color: #fff !important; font-weight: 800; font-size: 1.05em; line-height: 1.4;
  text-decoration: none !important; box-shadow: 0 4px 0 #b9442d; transition: transform .08s, box-shadow .08s;
}
.post_content a.nabe-bot-save__btn:active, .post_content a.nabe-bot-card__btn:active { transform: translateY(3px); box-shadow: 0 1px 0 #b9442d; }
.post_content .nabe-bot-save__sub { margin: .8em 0 0; font-size: .82em; line-height: 1.6; color: #6b5e52; }

/* ② 秘密基地のカード */
.nabe-bot-card { background: #FBF6EC; border-radius: 16px; padding: 1.4em 1em 1.2em; border: 1px solid #ecdfca; }
.post_content .nabe-bot-card__kicker { display: inline-block; margin: 0 0 .5em; padding: .2em .9em; border-radius: 999px; background: #3b2a20; color: #fff; font-size: .8em; font-weight: 700; letter-spacing: .06em; }
.post_content .nabe-bot-card__ttl { margin: 0 0 .5em; font-size: 1.35em; font-weight: 800; line-height: 1.45; color: #2a2420; }
.post_content .nabe-bot-card__lead { margin: 0 auto 1em; max-width: 30em; font-size: .92em; line-height: 1.7; color: #4a3f36; text-align: left; }
.nabe-bot-card__video { display: block; width: 100%; max-width: 250px; height: auto; aspect-ratio: 9 / 16; margin: 0 auto 1em; border-radius: 14px; background: #2a2420; box-shadow: 0 6px 16px rgba(60, 40, 20, .18); }
.nabe-bot-card__img { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto 1.1em; border-radius: 10px; }
.post_content .nabe-bot-card__note { margin: .9em auto 0; max-width: 30em; font-size: .78em; line-height: 1.6; color: #6b5e52; text-align: left; }

/* ③ スマホの浮きボタン（左下。右下は「上へ戻る」ボタン） */
.nabe-bot-float { display: none; }
@media (max-width: 959px) {
  .nabe-bot-float:not([hidden]) {
    display: flex; align-items: center; position: fixed; z-index: 90;
    left: 12px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); max-width: calc(100% - 92px);
    background: #fff; border: 2px solid #e85a3e; border-radius: 999px; box-shadow: 0 4px 14px rgba(60, 40, 20, .22);
    animation: nabeBotIn .25s ease-out;
  }
  .nabe-bot-float__a { display: flex; align-items: center; gap: .4em; padding: .55em .5em .55em .7em; color: #e85a3e !important; font-weight: 800; font-size: .9em; line-height: 1.2; text-decoration: none !important; white-space: nowrap; }
  .nabe-bot-float__a img { width: 34px; height: auto; flex: none; }
  .nabe-bot-float__x { flex: none; width: 34px; height: 34px; margin-right: 4px; border: 0; border-radius: 50%; background: #f3ece2; color: #6b5e52; font-size: 18px; line-height: 34px; padding: 0; cursor: pointer; }
}
@keyframes nabeBotIn { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }

/* ②' 記事下のメルマガ案内の短い版（B）。半分の人にだけ bot-link.js が出す（10/13） */
.nabe-mail-short { box-sizing: border-box; max-width: 640px; margin: 2em auto; padding: 1.3em 1em 1.1em; text-align: center; background: #fff; border: 2px solid #e85a3e; border-radius: 16px; }
.nabe-mail-short * { box-sizing: border-box; }
.post_content .nabe-mail-short__kicker { display: inline-block; margin: 0 0 .5em; padding: .2em .9em; border-radius: 999px; background: #e85a3e; color: #fff; font-size: .8em; font-weight: 700; }
.post_content .nabe-mail-short__ttl { margin: 0 0 .8em; font-size: 1.35em; font-weight: 800; line-height: 1.45; color: #2a2420; }
.nabe-mail-short__row { display: flex; align-items: center; gap: .9em; margin: 0 auto 1em; max-width: 30em; text-align: left; }
.nabe-mail-short__img { flex: 0 0 42%; width: 42%; max-width: 200px; height: auto; border-radius: 8px; box-shadow: 0 4px 12px rgba(60, 40, 20, .18); }
.post_content ul.nabe-mail-short__list { flex: 1 1 0; min-width: 0; margin: 0; padding: 0; list-style: none; }
.post_content ul.nabe-mail-short__list li { position: relative; margin: 0 0 .55em; padding: 0 0 0 1.4em; font-size: .9em; font-weight: 700; line-height: 1.5; color: #3b2a20; }
.post_content ul.nabe-mail-short__list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #e85a3e; font-weight: 800; }
.post_content a.nabe-mail-short__btn {
  display: block; margin: 0 auto; max-width: 420px; padding: .9em 1em; border-radius: 999px; background: #e85a3e; color: #fff !important;
  font-weight: 800; font-size: 1.05em; line-height: 1.4; text-decoration: none !important; box-shadow: 0 4px 0 #b9442d;
}
.post_content .nabe-mail-short__note { margin: .7em 0 0; font-size: .8em; color: #6b5e52; }

/* ②'' 記事の最後の「あと一品、なべ君AIに聞く」（10/13 社長「4」）。秘密基地のカードのすぐ上 */
.nabe-bot-ippin { box-sizing: border-box; max-width: 640px; margin: 2em auto 1.2em; padding: 1.1em 1em 1.1em; text-align: center; background: #FFF8EC; border-radius: 16px; }
.nabe-bot-ippin * { box-sizing: border-box; }
.post_content .nabe-bot-ippin__ttl { margin: 0 0 .3em; font-size: 1.2em; font-weight: 800; line-height: 1.45; color: #2a2420; }
.post_content .nabe-bot-ippin__sub { margin: 0 0 .9em; font-size: .82em; line-height: 1.6; color: #6b5e52; }
.nabe-bot-ippin__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: .6em; }
.post_content .nabe-bot-ippin__btns a {
  flex: 1 1 0; min-width: 0; display: block; padding: .75em .8em; border: 2px solid #e85a3e; border-radius: 999px; background: #fff;
  color: #e85a3e !important; font-weight: 800; font-size: .95em; line-height: 1.35; text-decoration: none !important; white-space: nowrap;
}
.post_content .nabe-bot-ippin__btns a:active { background: #fdece6; }
@media (max-width: 599px) {
  .nabe-bot-ippin__btns { flex-direction: column; }
  .post_content .nabe-bot-ippin__btns a { flex: none; width: 100%; max-width: 360px; margin: 0 auto; }
}