/*
Theme Name: Astra Child
Theme URI: https://nisekodome.jp/
Author: Niseko Dome
Author URI: https://nisekodome.jp/
Description: Astra child theme for Niseko Dome bilingual site.
Version: 1.0
Template: astra
Text Domain: astra-child
*/


/* 言語スイッチャーをボタン化 */
.main-header-menu .menu-item.lang-switch a,
.main-header-menu .menu-item.lang-item a {
  display: inline-block;
  background-color: #5d8708;
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

/* ホバー時 */
.main-header-menu .menu-item.lang-switch a:hover,
.main-header-menu .menu-item.lang-item a:hover {
  background-color: transparent !important;
  border: 1px solid #5d8708 !important;
  color: #5d8708 !important;
}

/* モバイル用メニューも対象 */
.main-header-menu .menu-item.lang-switch a,
.main-header-menu .menu-item.lang-item a,
.ast-mobile-header-wrap .main-header-menu .menu-item.lang-switch a,
.ast-mobile-header-wrap .main-header-menu .menu-item.lang-item a {
  display: inline-block;
  background-color: #5d8708;
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

/* ホバー時 */
.main-header-menu .menu-item.lang-switch a:hover,
.main-header-menu .menu-item.lang-item a:hover,
.ast-mobile-header-wrap .main-header-menu .menu-item.lang-switch a:hover,
.ast-mobile-header-wrap .main-header-menu .menu-item.lang-item a:hover {
  background-color: transparent !important;
  border: 1px solid #5d8708 !important;
  color: #5d8708 !important;
}

@media (max-width: 921px) { /* Astraのモバイルブレークポイント */
  .ast-mobile-header-wrap .main-header-menu .menu-item.lang-switch a,
  .ast-mobile-header-wrap .main-header-menu .menu-item.lang-item a {
    display: block;
    width: auto; /* 必要に応じて 100% にも */
    margin: 4px 0; /* モバイルでボタン間に隙間を追加 */
  }
}





/* Footer logo幅調整 */
.footer-logo {
  width: 236px; /* 元のサイズ */
  max-width: 100%; /* 親幅を超えない */
  min-width: 236px;
  height: auto;
}

@media (max-width: 768px) {
  .footer-logo {
    width: 80%;      /* 親の幅の60% */
    height: auto;
  }
}