/* ============================================================
   Vogueer 全ページ共通の調整 — vg-global.css
   LP完結型ストア運用のため、回遊系ナビゲーションを非表示にする。
   - コレクション/商品一覧/検索への導線を撤去（ロゴとカートは残す）
   - コレクション・検索ページ自体に到達した場合の案内は残す
   ============================================================ */

/* デスクトップのインラインナビは使わず、バーガーメニューに統一 */
.header-nav,
.header__container-bottom{
  display:none !important;
}
/* バーガーメニュー・ログイン（アカウント）アイコンは全デバイスで表示 */
.header-action-bar__menu{
  display:inline-flex !important;
}
.header-action-bar a[href*="account"]{
  display:inline-flex !important;
}

/* 検索アイコン・検索バー */
.header-action-bar__search,
[data-role="search-bar-switch"],
.header-search-bar__backdrop{
  display:none !important;
}

/* テーマ標準フッター（footer-group）は全ページ非表示。
   グローバルフッターは components/vg-footer.html で描画する */
[id^="shopline-section-sections--footer-group"]{
  display:none !important;
}

/* ヘッダーをダーク基調に統一（全ページ） */
[id^="shopline-section-sections--header-group"],
[id^="shopline-section-sections--header-group"] header,
[id^="shopline-section-sections--header-group"] > div{
  background:#060608 !important;
}
[id^="shopline-section-sections--header-group"] a,
[id^="shopline-section-sections--header-group"] span,
[id^="shopline-section-sections--header-group"] button,
[id^="shopline-section-sections--header-group"] svg{
  color:#dfe0e8 !important;
  fill:#dfe0e8 !important;
}

/* ロゴ画像を白に反転（黒ロゴ→ダークヘッダー用の白ロゴ） */
.header__logo-image{
  filter: brightness(0) invert(1) !important;
}

/* 右側の重複バーガーメニューを非表示（左側のみ使用） */
.header-action-bar.right .header-action-bar__menu{
  display:none !important;
}

/* ============================================================
   全ページ共通ダークトンマナ（テーマ既定のベージュ背景を黒に統一）
   カラースキーム変数（RGB三つ組）をグローバルに上書き
   ============================================================ */
body,
[class*="color-scheme"]{
  --color-page-background: 10,10,13;
  --color-background: 10,10,13;
  --color-card-background: 20,21,27;
  --color-image-background: 17,18,23;
  --color-image-loading-background: 17,18,23;
  --color-media-background: 17,18,23;
  --color-text: 223,224,232;
  --color-light-text: 151,153,164;
  --color-entry-line: 62,64,78;
  --color-button-background: 90,134,255;
  --color-button-text: 6,18,31;
  --color-button-secondary-background: 24,25,32;
  --color-button-secondary-border: 120,124,140;
  --color-button-secondary-text: 238,240,255;
  --color-tag-background: 30,32,40;
  --color-tag-text: 199,200,210;
  --color-shadow: 0,0,0;
}
html,
body{
  background:#0a0a0d !important;
}

/* ============================================================
   ポリシーページ（設定→規則に貼り付けたライト配色HTML）の
   ダークトンマナ対応: 文字を白系に・表のセル背景を暗色に統一
   ============================================================ */
body[data-page-type="policy"] :is(h1,h2,h3,h4,h5,h6){
  color:#f4f4f6 !important;
}
body[data-page-type="policy"] :is(p,li,dt,dd,blockquote,strong,b,em,small,caption){
  color:#dfe0e8 !important;
}
body[data-page-type="policy"] :is(td,th),
body[data-page-type="policy"] :is(td,th) :is(div,span,p,b,strong){
  color:#dfe0e8 !important;
  background-color:rgba(255,255,255,.03) !important;
  border-color:rgba(255,255,255,.16) !important;
}
body[data-page-type="policy"] th{
  background-color:rgba(255,255,255,.07) !important;
  color:#f4f4f6 !important;
}
body[data-page-type="policy"] table{
  background-color:transparent !important;
  border-color:rgba(255,255,255,.16) !important;
}
body[data-page-type="policy"] a:not(.vgf a){
  color:#8fb4ff !important;
}