/*
Theme Name: Lightning Child
Template:   lightning
*/


/* 1. ロゴとヘッダーナビの横並び設定（画像枠を巻き込まないように限定） */
.site-header > .container,
.site-header > .site-header-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

/* 2. ロゴの表示を強制保持 */
.site-header-logo,
.site-header-logo a,
.site-header-logo img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 250px; /* ロゴの最大横幅 */
  height: auto !important;
}

/* 3. ヘッダー画像枠を確実に「独立した次の行（縦並び）」に配置する */
.site-header-bottom-image {
  clear: both !important;
  width: 100% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}