/* ========================================
   フローティングCTA（画面下部固定）
   Figma: フロートCTA (778:620) / 393×115
   ======================================== */

.floating-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 900;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 15px 10px;
  gap: 5px;
  background: var(--color-navy);
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.floating-cta.is-visible {
  transform: translateY(0);
}

/* ── 時刻テキスト ── */
.floating-cta-time {
  font-family: var(--font-jp);
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}

.floating-cta-time-bold {
  font-family: var(--font-jp);
  font-weight: 700;
  color: #f1c40f;
}

/* ── 電話ボタン ── */
.floating-cta-phone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  gap: 10px;
  background: linear-gradient(180deg, #FF6056 0%, #FF3B30 100%);
  border: 1px solid #ffffff;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(255, 59, 48, 0.35);
  overflow: hidden;
}

.floating-cta-phone-icon {
  position: absolute;
  left: 22px;
  bottom: 10px;
  width: 27px;
  height: 32px;
}

.floating-cta-phone-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

/* ── アイコン＋番号の横並び（不要になったため削除） ── */

/* ── サブテキスト（白ピル） ── */
.floating-cta-phone-sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 15px;
  background: #ffffff;
  border-radius: 30px;
  font-family: var(--font-jp);
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.6px;
  line-height: 1;
}

/* ── 電話番号 ── */
.floating-cta-phone-number {
  font-family: var(--font-en);
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -1.8px;
}

/* ── タップアイコン（右側・下揃え） ── */
.floating-cta-tap-icon {
  position: absolute;
  right: 10px;
  bottom: -1px;
  width: 35px;
  height: 49px;
}

@media (max-width: 359px) {
  .floating-cta-tap-icon {
    display: none;
  }
}

/* ── タブレット用要素（SPでは非表示） ── */
.floating-cta-row {
  display: none;
}