/*
Theme Name: Chubu Rekisei Recovery Child
Theme URI: https://chu-reki.com/
Description: Lightning 15.32.0 compatibility child theme for the recovered Chubu Rekisei site.
Author: RISE CREATIVE
Version: 1.4.0
Template: lightning
Text Domain: chu-reki-recovery
*/

/*
 * ヘッダーロゴが幅0に潰れるのを防ぐ。
 *
 * Lightning の
 *   @media (min-width:992px) .site-header--layout--nav-float .site-header-logo { width:100% }
 * は flex:0 1 auto と組み合わさるため、同じ行にあるグローバルナビに押されて
 * ロゴ側が 0px まで縮む。Golden Master は有料の Lightning G3 Pro Unit による
 * nav-center レイアウト（ナビが別行）だったので潰れていなかった。
 * Pro Unit が無い本番ではロゴが完全に消えるため、縮まないようにする。
 * ブラウザ上で flex:0 0 auto を当てるとロゴが実寸 380x60 で描画されることを確認済み。
 */
.site-header-logo {
    flex: 0 0 auto;
    width: auto;
}

/*
 * デスクトップ（992px以上）では Lightning 側のセレクタのほうが詳細度が高く
 * width:100% が勝つため、同じ詳細度で後から打ち消す。
 * 3パターンをブラウザ上で実測し、!important 無しで効くことを確認済み。
 */
@media (min-width: 992px) {
    .site-header--layout--nav-float .site-header-logo {
        flex: 0 0 auto;
        width: auto;
    }
}

/*
 * 復元できなかった画像を畳むためのクラス。
 * 付与は assets/js/chu-reki-missing-image.js が「読み込みに失敗した画像だけ」に行う。
 * 画像を差し替えれば付与されなくなるため、この指定は自動的に無効化される。
 */
.chu-reki-image-missing {
    display: none !important;
}