/* ============================================================
   shoplive-ja.css
   Shoplive 日本語サイト 共通スタイル上書き
   convert.py で生成した全ページに適用
   ============================================================ */

/* Google Fonts: Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* 「今すぐ始める」ボタンを全ページ・全箇所で非表示
   admin.shoplive.cloud へのリンク = Secondary ボタン（ヒーロー・フッターCONTACT前） */
a[href*="admin.shoplive.cloud"] {
  display: none !important;
}

/* フォントファミリー上書き */
* {
  --framer-font-family: "Noto Sans JP", "Pretendard Variable Variable", sans-serif !important;
  --framer-font-family-bold: "Noto Sans JP", "Pretendard Variable Variable", sans-serif !important;
  --framer-font-family-bold-italic: "Noto Sans JP", "Pretendard Variable Variable", sans-serif !important;
  --framer-font-family-italic: "Noto Sans JP", "Pretendard Variable Variable", sans-serif !important;
}

/* 見出し：行間を広く・文字間隔を0に */
[class*="framer-styles-preset-14tqveu"],
[class*="framer-styles-preset-1la29j"],
[class*="framer-styles-preset-1sxql2q"],
[class*="framer-styles-preset-7na99x"] {
  --framer-line-height: 1.45em !important;
  --framer-letter-spacing: 0em !important;
}

/* 本文：行間を広く */
[class*="framer-styles-preset-czevvl"],
[class*="framer-styles-preset-19tsao3"],
[class*="framer-styles-preset-10g86bh"] {
  --framer-line-height: 1.8em !important;
  --framer-letter-spacing: 0em !important;
}

/* ナビゲーション：「Blog」「採用情報」「Ads」サブメニュー項目を非表示 */
.framer-6wdcqs-container,
.framer-1mfhe8k-container,
.framer-1t47ndr-container {
  display: none !important;
}

/* ナビゲーション：「ブログ」の下矢印SVGを非表示（ドロップダウンなし） */
/* display:none は Framer Motion のホバーステートを壊すため visibility:hidden を使用 */
.framer-181o8ro-container svg {
  visibility: hidden !important;
}

/* ナビゲーション：「ブログ」ホバー時のドロップダウンポップアップを非表示
   display:none だと Framer Motion がホバーアニメーション全体（テキスト色変化含む）を
   スキップするため visibility:hidden + pointer-events:none で視覚的に隠す */
.framer-h4k4eo-container {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ナビゲーション：index.html 専用ホバーブリッジ
   framer-HsuYz = index.html だけが持つ外側ページクラス
   live/shortform/video-ai の SSR nav は display:none のため Framer React nav は
   ポップアップと隙間ゼロで接触し自然に動作するが、index は SSR nav が visible で
   ポップアップとの間に数px の隙間が生じるため CSS で埋める。
   margin と padding が相殺するためポップアップの見た目は変わらない。 */
.framer-HsuYz #overlay > * {
  margin-top: -16px !important;
  padding-top: 16px !important;
}

/* ナビゲーション：日本語テキストが英語より長いため overflow を解除 */
.framer-1foalae {
  overflow: visible !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
.framer-a6varn {
  overflow: visible !important;
  width: auto !important;
}

/* index.html ヒーローセクション：ナビ（fixed）との重なりを解消する上部余白
   framer-1fifjqb = "Headline container" のデスクトップ既定 padding-top:80px を上書き */
.framer-HsuYz [data-framer-name="Headline container"] {
  padding-top: 160px !important;
}

/* index.html 企業ロゴマーキー：Framer元セクションを即時非表示（FOUC対策）
   JS が差し替え完了するまで韓国ロゴが見えないよう CSS で先に隠す
   framer-6pdqao = data-framer-name="Clients container" のクラス名 */
.framer-HsuYz [data-framer-name="Clients container"],
.framer-HsuYz .framer-6pdqao {
  display: none !important;
}

/* ソリューションドロップダウン：最小幅・テキスト折り返しは shoplive-ja.js の
   watchSolutionPopup() が DOM 要素に直接 inline style で適用する
   （framer-4rgxju 等のクラスは HTML 要素に存在せず CSS では対応不可のため） */