/* =============================================================
   careers-floating-cta.css — 採用ページ フローティングCTA（差分のみ）
   共通CSS: css/common/floating-cta-base.css
   スコープ: #careers-floating-cta / .careers-floating-cta__*
   差分: ボタン色=オレンジ、z-indexフォールバック=50、border透明度=0.35
   ============================================================= */

/* ---- ページ固有CSS変数 ---- */
#careers-floating-cta {
  --fcta-border-alpha: 0.35;
  --fcta-z-fallback: 50;
}

/* ---- CTAボタン（オレンジ — 採用ページブランドカラー） ---- */
.careers-floating-cta__btn {
  background: var(--c-orange, #E8672A);
  color: #fff;
}

.careers-floating-cta__btn:hover,
.careers-floating-cta__btn:focus-visible {
  background: var(--c-orange-deep, #D4551A);
}

.careers-floating-cta__btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(232, 103, 42, 0.5);
}

/* ---- ボタン群レイアウト ---- */
.careers-floating-cta__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* ---- LINEボタン（グリーン） ---- */
.careers-floating-cta__btn--line {
  background: #06C755;
  color: #fff;
}

.careers-floating-cta__btn--line:hover,
.careers-floating-cta__btn--line:focus-visible {
  background: #05B34C;
}

.careers-floating-cta__btn--line:focus-visible {
  box-shadow: 0 0 0 3px rgba(6, 199, 85, 0.5);
}

.careers-floating-cta__btn--line .fa-line {
  font-size: 1rem;
}

.careers-floating-cta__btn--line:hover .fa-line {
  transform: none;
}

/* ---- レスポンシブ: 小型モバイル ---- */
@media (max-width: 374px) {
  .careers-floating-cta__buttons {
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
}