/* =====================================================
   広尾レディース テーマ設定
   ここの値を変えるとデザインが変わります
   ===================================================== */

:root {

  --color-primary:        #6DBE51;
  --color-primary-hover:  #5aa842;

  --color-user-bubble: #656237;

  --color-link-btn:       #ffffff;
  --color-link-btn-hover: #f5f0eb;

  --color-bg: rgba(246, 247, 249, 0.86);

  --font-family: system-ui, -apple-system, "Segoe UI", sans-serif;

  --font-size-base: 15px;

  --color-notes-text: #6b7280;

  --radius-bubble: 14px;

  --spacing-chat: 12px;

}

/* チャットウィンドウ背景を60%透過 */
.app {
  background: rgba(246, 247, 249, 0.86);
}

/* タイトル */
.header {
  background: #6DBE51;
}
.title {
  color: #ffffff;
}
.minimize-btn {
  color: #ffffff;
}
.minimize-btn:hover {
  color: rgba(255,255,255,0.8);
}

/* リンクボタン：白ベース・ボーダー */
.chat-btn {
  background: #ffffff;
  color: #573312;
  border: 1px solid #573312;
}
.chat-btn:hover {
  background: #f5f0eb;
  filter: none;
}
.chat-btn::after {
  color: #573312;
}

/* 入力エリア */
.composer {
  background: rgba(246, 247, 249, 0.86);
  border-top: 1px solid var(--color-border);
}
.composer input {
  background: #ffffff;
  border-color: #d1d5db;
}
.composer input::placeholder {
  color: #b0ac9a;
}

/* 送信ボタン */
.composer button {
  background: #6DBE51;
  color: #ffffff;
  border: none;
  font-weight: 700;
}
.composer button:hover {
  background: #5aa842;
}
.composer button:disabled {
  opacity: 0.5;
}

/* フッター最小化ボタン：PCでは非表示 */
.footer-minimize-btn { display: none; }

@media (max-width: 768px) {
  .footer-minimize-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    margin-top: 6px;
    padding: 8px 16px;
    background: transparent;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    border: 1px solid #9ca3af;
    cursor: pointer;
  }
  .footer-minimize-btn:hover { background: rgba(0,0,0,0.05); }
  .footer-minimize-icon { display: none; }
  .footer-minimize-label { display: inline; }
}

/* ランチャーボタン：アニメーションをスムーズに上書き */
@keyframes launcherFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ランチャーボタン：吹き出し形状 */
.chat-launcher {
  animation: launcherFadeIn 0.25s ease both;
  border-radius: 18px;
  padding: 14px 22px;
  font-size: 18px;
  background: var(--color-primary);
  color: #ffffff;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.chat-launcher:hover {
  background: var(--color-primary-hover);
}
.chat-launcher::after {
  content: "";
  position: absolute;
  bottom: -11px;
  right: 22px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 4px solid transparent;
  border-top: 11px solid var(--color-primary);
}

/* チャット全体のテキスト色 */
.chat,
.bubble,
.bot-heading,
.bot-conclusion,
.bot-content,
.bot-notes {
  color: #525252;
}

/* 最初のボットメッセージを太字 */
.chat .msg.bot:first-child .bubble {
  font-weight: 700;
  color: #525252;
}

/* リンクなしラベル */
.chat-btn--no-link {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}