/* =======================================
　　固定お問い合わせボタン（ウィジェット版）
　　位置・形・アニメーションは parts.css の #fixed-contact-btn をそのまま使い、
　　ここでは色・アイコン・幅だけを上書きする
======================================= */

/* 文言の長さに合わせて幅を広げる（最小は従来の240px） */
#fixed-contact-btn.is-widget.visible {
  width: auto;
  min-width: 240px;
}

#fixed-contact-btn.is-widget a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-right: 16px;
  background: var(--cta-bg, var(--color-accent01));
  color: var(--cta-color, #fff);
}

#fixed-contact-btn.is-widget a:hover {
  background: var(--cta-bg-hover, var(--color-accent02));
  color: var(--cta-color, #fff);
}

/* 従来のメールアイコン（親テーマの ::before）は「メール」のときだけ残す */
#fixed-contact-btn.is-widget a::before {
  flex-shrink: 0;
  margin-right: 0;
}

#fixed-contact-btn.is-widget:not(.icon-mail) a::before {
  content: none;
}

/* 上に戻るボタン：画像アイコンでCTAが高くなったときだけ、重ならない位置まで上げる
   （CTAの下端 + 上下の余白24px + アイコンの高さ + 間隔12px。従来の80pxより下には下げない） */
#scroll-top img {
  bottom: max(80px, calc(24px + 24px + var(--cta-icon-offset, 0px) + 12px));
}

@media screen and (max-width: 639px) {
  #scroll-top img {
    bottom: max(80px, calc(16px + 24px + var(--cta-icon-offset, 0px) + 12px));
  }
}

/* 画像アイコン */
#fixed-contact-btn.is-widget .fixed-cta-icon {
  flex-shrink: 0;
  width: auto;
  height: var(--cta-icon-size, 20px);
  max-width: calc(var(--cta-icon-size, 20px) * 2);
  object-fit: contain;
}