/* yahatazushiOS Language Switcher
 * 現行 language_button.php の見た目を初期値として維持。
 * data-yahps-language-switcher を持つyOS生成ボタンだけに作用し、旧WPCodeボタンには干渉しない。
 */
#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"],
#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]:link,
#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]:visited,
#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]:focus {
  color: var(--yahps-lang-normal-text, #fff) !important;
  text-decoration: none !important;
}

a#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]{
  position: fixed;
  left: var(--yahps-lang-d-left, 8px);
  right: var(--yahps-lang-d-right, auto);
  top: var(--yahps-lang-d-top, auto);
  bottom: var(--yahps-lang-d-bottom, 30px);

  background-color: var(--yahps-lang-normal-bg, #6D9469) !important;
  color: var(--yahps-lang-normal-text, #fff) !important;
  font-family: "Noto Serif JP","Yu Mincho","Hiragino Mincho ProN", serif;
  font-weight: 200;
  font-size: var(--yahps-lang-d-font-size, inherit);

  padding: var(--yahps-lang-d-padding-y, 20px) var(--yahps-lang-d-padding-x, 20px);
  border-radius: var(--yahps-lang-radius, 9999px);
  box-shadow: 0 4px 10px rgba(0,0,0,.18);

  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.6s ease;
  will-change: opacity, transform;

  z-index: 9999;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

a#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"].is-mounted{
  animation: yahpsLangBtnIn .45s ease forwards;
}
@keyframes yahpsLangBtnIn{
  to{ opacity:.92; transform:translateY(0); }
}

a#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]:hover{
  opacity:1 !important;
  background-color:var(--yahps-lang-hover-bg, #6D9469) !important;
  color:var(--yahps-lang-hover-text, #fff) !important;
}

a#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]:active{
  opacity:1 !important;
  background-color:var(--yahps-lang-active-bg, #6D9469) !important;
  color:var(--yahps-lang-active-text, #fff) !important;
}

#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"] .multiline{
  display:inline-block;
  text-align:left;
  line-height:1.1;
  white-space:pre-line;
}

@media (max-width:480px){
  a#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]{
    left: var(--yahps-lang-m-left, 8px);
    right: var(--yahps-lang-m-right, auto);
    top: var(--yahps-lang-m-top, auto);
    bottom: var(--yahps-lang-m-bottom, 30px);
    padding: var(--yahps-lang-m-padding-y, 20px) var(--yahps-lang-m-padding-x, 20px);
    font-size: var(--yahps-lang-m-font-size, 15px);
  }
}

@media (prefers-reduced-motion:reduce){
  a#lang-switch-btn.floating-lang-btn[data-yahps-language-switcher="1"]{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}