@charset "UTF-8";
/* ============================================================
   VNJ — ブランドロゴの差し替え
   ------------------------------------------------------------
   ロゴ <img class="vnj-logo-img"> は vnj_brand_logo_img()（inc/vnj-logo.php）が
   出力し、ヘッダー(.vnj-pv-head)・フッター(.vnj-pv-foot)のテキストロゴと置換する。

     ・ヘッダー = VNJ Mark（省スペース）   : 既定 vnj-mark-dark.svg ／ ダーク背景 vnj-mark-white.svg
     ・フッター = フルロゴ（説明文付き）    : 既定 vnj-logo-dark.svg ／ ダーク背景 vnj-logo-white.svg

   src（inc/vnj-logo.php）はライト背景用の濃色版。ダーク背景（data-theme=dark/blaze）
   のときだけ白版へ content:url() で差し替える。url() は本CSS(assets/css/)からの
   相対パス = ../img/ で解決。
   ============================================================ */

.vnj-logo-img { display: block; width: auto; }
.vnj-logo-img--head { height: 26px; } /* ヘッダー：Mark（省スペース） */
.vnj-logo-img--foot { height: 34px; } /* フッター：フルロゴ。26px から少し大きめに */

/* ダーク背景（dark / blaze）は白版へ差し替え（ヘッダー=Mark / フッター=フルロゴ） */
/* カスタムロゴ(.vnj-logo-img--custom)は差し替え対象外（アップロード画像をそのまま使う） */
[data-theme="dark"]  .vnj-logo-img--head:not(.vnj-logo-img--custom),
[data-theme="blaze"] .vnj-logo-img--head:not(.vnj-logo-img--custom) { content: url(../img/vnj-mark-white.svg); }

[data-theme="dark"]  .vnj-logo-img--foot:not(.vnj-logo-img--custom),
[data-theme="blaze"] .vnj-logo-img--foot:not(.vnj-logo-img--custom) { content: url(../img/vnj-logo-white.svg); }