/* ep-theme.css — テンプレートの色を管理画面の色(theme.json → theme-loader.js の --color-*)につなぐ。ep-theme-bridge.js が書く */
:root{
  --ep-color-1: var(--color-primary, #133254);
}

:root { --sm-page-primary: var(--color-primary); --sm-page-on-primary: var(--color-on-primary, #fff);
        --sm-page-text: var(--color-text); --sm-page-muted: var(--color-text-muted);
        --sm-page-border: var(--color-primary-light, rgba(0,0,0,.2)); }
/* ウィジェットの色(common.css と同じ受け渡し) */
[data-sm-widget] { --color-primary: var(--sm-page-primary); --color-primary-foreground: var(--sm-page-on-primary);
  
  --color-foreground: var(--sm-page-text); --color-muted-foreground: var(--sm-page-muted);
  
  --tw-border-style: solid; --color-border: var(--sm-page-border); }

/* ep-i18n-tracking: 日本語以外は字間を通常に(テンプレートの広い字間は和文向け) */
html:not([lang="ja"]) body *{letter-spacing:normal!important}

/* ep-langswitch-slot: 言語切替はページの枠を使わず1段目の右端へ */
.ep-header .site-nav ul>li.sm-langswitch-li{grid-row:1!important;grid-column:calc(var(--ep-nav-cols,6) + 1)!important;align-self:center}
.ep-header.nav-collapsed .site-nav ul>li.sm-langswitch-li{grid-row:auto!important;grid-column:auto!important}
@media (max-width:900px){.ep-header .site-nav ul>li.sm-langswitch-li{grid-row:auto!important;grid-column:auto!important}}

/* ep-gmap-contents: 地図の箱は透過(テンプレートの地図枠の iframe 敷き込みを活かす) */
.sm-gmap-embed{display:contents!important}