/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child/
 Description:  Astra Child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
*/

/* 親テーマのスタイルをインポート */
@import url("../astra/style.css");





/* 言語切り替えドロップダウン内の文字色を黒にする */
.lang-item a {
  color: #333333 !important;
}



/* ドロップダウンメニュー（言語切り替え）の調整 */
.pll-parent-menu-item ul.sub-menu {
  width: auto; /* ← 幅を文字に合わせる */
  min-width: 120px; /* 最小幅を確保（必要に応じて調整） */
  border-radius: 8px; /* 角を丸くする（数値は自由に） */
  padding: 5px 0; /* 上下の空間も少し整える */
  background-color: #ffffff; /* 背景色（必要なら） */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 影を付けると高級感アップ */
}

/* ドロップダウン内のリンクも少し余白調整 */
.pll-parent-menu-item ul.sub-menu li a {
  padding: 8px 12px;
}

/* ホバー時に背景色を薄く変える */
.pll-parent-menu-item ul.sub-menu li a:hover {
  background-color: #f0f0f0 !important;
}


/* 今選択中の言語だけ太字にする */
.current-lang a {
  font-weight: bold;
}



/* 📱 モバイル用（画面幅768px以下）に言語メニューを調整 */
@media (max-width: 768px) {
  .pll-parent-menu-item ul.sub-menu {
    min-width: 100px; /* スマホではさらに小さめに */
    border-radius: 6px; /* 角をちょっと小さめに丸く */
    padding: 3px 0;
  }

  .pll-parent-menu-item ul.sub-menu li a {
    padding: 6px 10px;
    font-size: 14px; /* スマホでは文字サイズ少し小さめに */
  }

  /* スマホ版メニュー全体も少し調整するなら */
  .main-header-menu a {
    font-size: 15px; /* 通常のメニュー文字サイズも少し小さく */
  }
}




@media (max-width: 1024px) {
    .menu-class, .language-switcher-class {
        display: block;  /* または 'inline-block' に設定 */
    }
}