/*
  chat-launcher.css
  ------------------------------------------------------------
  目的：静的ページ（会社情報/採用/サービス等）に居ても、
        “クリック探索”ではなく“質問”へ一発で戻れる導線を常時提供する。

  NOTE:
  - 既存ページのCSSと衝突しないよう、プレフィックス io- を徹底。
*/

:root{
  --io-launcher-brand: #ff5e13;
}

.io-chat-launcher{
  position: fixed;
  right: calc(16px + env(safe-area-inset-right, 0px));
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 12px 14px;
  border-radius: 999px;
  background: var(--io-launcher-brand);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: 0 16px 40px rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.25);
}

.io-chat-launcher:hover{ filter: brightness(0.96); text-decoration: none; }
.io-chat-launcher:active{ transform: translateY(1px); }

.io-chat-launcher__icon{
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 6px;
  background: rgba(255,255,255,0.18);
  position: relative;
}

.io-chat-launcher__icon::before,
.io-chat-launcher__icon::after{
  content: '';
  position: absolute;
  background: rgba(255,255,255,0.92);
  border-radius: 2px;
}

/* simple chat bubble glyph */
.io-chat-launcher__icon::before{
  left: 4px;
  top: 5px;
  width: 10px;
  height: 7px;
}
.io-chat-launcher__icon::after{
  left: 6px;
  top: 11px;
  width: 6px;
  height: 4px;
  transform: skewX(-12deg);
}

.io-chat-launcher__text{ display: inline-flex; flex-direction: column; line-height: 1.05; }
.io-chat-launcher__title{ font-size: 14px; }
.io-chat-launcher__sub{ font-size: 11px; font-weight: 700; opacity: 0.92; }

/* Focus ring */
.io-chat-launcher:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(255, 94, 19, 0.32),
    0 16px 40px rgba(0,0,0,0.22);
}

@media (max-width: 480px){
  .io-chat-launcher{
    padding: 11px 12px;
    gap: 8px;
  }
  .io-chat-launcher__title{ font-size: 13px; }
  .io-chat-launcher__sub{ display: none; }
}

/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .io-chat-launcher{ transition: none !important; }
}