/* ヘッダー背景グラデーション */
.zpheader-style-01 .theme-header-topbar .zpcontainer,
.zpheader-style-01 .theme-header .zpcontainer,
.zpheader-style-04 .theme-header-topbar .zpcontainer,
.zpheader-style-04 .theme-header .zpcontainer,
.zpheader-style-05 .theme-header-topbar .zpcontainer,
.zpheader-style-05 .theme-header .zpcontainer,
.theme-responsive-menu-area,
.zpheader-style-01 .theme-header {
  background: linear-gradient(to right, #F5A882, #D4C9A8, #7ECFCF) !important;
}

/* トップバー（メール・電話・SNS）を非表示 */
.theme-header-topbar {
  display: none !important;
}

/* ロゴ画像を正方形に表示（モバイルでも適切なサイズに） */
.theme-logo-parent img {
  width: auto !important;
  height: 80px !important;
  max-width: none !important;
  max-height: 80px !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  .theme-logo-parent img {
    height: 50px !important;
    max-height: 50px !important;
  }
  .theme-logo-parent {
    width: auto !important;
    min-width: 50px !important;
  }
  .theme-branding-info {
    flex-direction: row !important;
    align-items: center !important;
  }
  .theme-site-name-caption {
    flex-direction: row !important;
    align-items: center !important;
  }
}

/* モバイル幅でもサイト名「波乗りトレード」を常に表示 */
.theme-site-name.theme-disable-sitename-mobile {
  display: block !important;
}

/* ハンバーガーメニュー（三本線）を非表示 */
.theme-responsive-menu-area {
  display: none !important;
}

/* モバイルでロゴとサイト名を横並びに固定 */
.theme-branding-info {
  flex-wrap: nowrap !important;
  align-items: center !important;
}
.theme-site-name-caption {
  overflow: hidden !important;
  white-space: nowrap !important;
}