/* 宇宙旅行.jp 共通デザイン：スマホの幅だけ（media="(max-width: 780px)" で読み込む） v0.1.0
   ・このプラグインのヘッダーは、Astra のスマホ用ヘッダー（#ast-mobile-header）があるページでだけ出し、そのときだけ Astra 側をしまう。
     :has() が使えない古いブラウザでは、何も変えない（Astra のヘッダーのまま）。 */

body:has(#ast-mobile-header) .uyds-hdr { display: block; }
body:has(#ast-mobile-header):has(.uyds-hdr) #ast-mobile-header,
body:has(#ast-mobile-header):has(.uyds-hdr) #ast-fixed-header { display: none !important; }

/* メニューの小窓。JSが動くときは .is-open だけで開く。JSが動かないときは #uyds-drawer へのリンク（:target）で開く */
.uyds-drawer.is-open, html:not(.uyds-js) .uyds-drawer:target { display: block; }

/* ポータル（トップ）：画面の幅いっぱい */
.uyds-portal { display: block; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.uyds-anchor { display: block; }
/* 検索・今夜の星空・ジャンルの入口は、ヘッダーに出ているときはポータル側を隠す（同じものを2つ並べない） */
body:has(#ast-mobile-header):has(.uyds-hdr .uyds-mast--sub) .uyds-portal .uyds-portal__top { display: none; }

/* 星空のページ：パンくずも夜の色に（ヘッダーとタブの帯のあいだを白い帯にしない） */
body.uyds-night.uyds-hdr-on .ast-header-breadcrumb,
body.uyds-night.uyds-hdr-on .ast-breadcrumbs-wrapper,
body.uyds-night.uyds-hdr-on #breadcrumbs,
body.uyds-night.uyds-hdr-on .rank-math-breadcrumb { background: var(--uy-surface, #0a1227); color: var(--uy-text-2, #b9c6dd); border-color: var(--uy-line, rgba(155,210,255,.16)); }
body.uyds-night.uyds-hdr-on .ast-header-breadcrumb { border-bottom: 1px solid var(--uy-line, rgba(155,210,255,.16)); }
body.uyds-night.uyds-hdr-on .ast-breadcrumbs-wrapper :is(ul, li, span, .trail-items, .ast-breadcrumbs),
body.uyds-night.uyds-hdr-on #breadcrumbs span,
body.uyds-night.uyds-hdr-on .rank-math-breadcrumb span { color: var(--uy-text-2, #b9c6dd); }
body.uyds-night.uyds-hdr-on .ast-breadcrumbs-wrapper a,
body.uyds-night.uyds-hdr-on #breadcrumbs a,
body.uyds-night.uyds-hdr-on .rank-math-breadcrumb a { color: var(--uy-accent, #6addff); }
body.uyds-night.uyds-hdr-on .ast-breadcrumbs-wrapper { font-size: var(--uy-fs-2, 12px); }

/* トップの今の本文：ポータルの下では、ボタンを押すまでたたんでおく（スマホの幅だけ）。
   ・JSが動くとき：ボタンで html.uyds-orig-open が付いて開く。
   ・JSが動かないとき：ボタン（#uyds-after-portal へのリンク）で :target になって開く。 */
html:not(.uyds-orig-open) body.uyds-orig-collapse #uyds-after-portal:not(:target) ~ * { display: none !important; }

/* v0.3.11 ページ独自の「本文へ移動」リンクを出さない（スマホで新しいヘッダーを出しているときだけ）。
   どれも「上にずらして隠す」作りで、ヘッダーが変わるとロゴの上に出てしまい、ロゴを押せなくなる（流星群カレンダーで発生）。
   テーマ（Astra）の「本文へ移動」（キーボードで移動したときだけ出る）はそのまま残すので、読み上げ・キーボードの利用者も本文へ移動できる。
   流星群カレンダー／天の川／宇宙とは？／宇宙タイピング（2ページ）の4種類。 */
body.uyds-hdr-on #uy-meteor-page .uy-m-skip,
body.uyds-hdr-on #uy-mw-page .mw-skip,
body.uyds-hdr-on #uy-space .uy-skip,
body.uyds-hdr-on #uytp .uytp-skip { display: none !important; }