/* English footer */
html[lang^="en"] .site-info .copyright { font-size: 0; }
html[lang^="en"] .site-info .copyright::before { content: "Copyright © 2026 "; font-size: 14px; }
html[lang^="en"] .site-info .copyright a { font-size: 0; }
html[lang^="en"] .site-info .copyright a::after { content: "Tackling Unmet Medical Needs: Japan–India Collaboration and Multicultural Synergy Driving Healthcare Innovation"; font-size: 14px; }
html[lang^="en"] .site-info .copyright::after { content: " All Rights Reserved."; font-size: 14px; }

/* Homepage and shared layout */
body.custom-background { background-position: center top; }
#masthead { background: rgba(255, 255, 255, 0.58); padding: 20px 30px 0; }
#site-title { width: auto; max-width: 880px; margin: 0 auto 14px; text-align: center; font-size: 24px; line-height: 1.35; font-weight: 600; }
#site-title a { display: inline-block; }

/* Centered main navigation */
#access .menu-header-container > ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#access .menu-header-container > ul > li { float: none; display: block; }
#access .menu-header-container > ul > li > a { padding-right: 12px; padding-left: 12px; }

/* WPML flags in the header language menu */
#menu-item-wpml-ls-8-en a::before,
#menu-item-wpml-ls-8-ja a::before { content: ""; display: inline-block; width: 18px; height: 12px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: -1px; }
#menu-item-wpml-ls-8-en a::before { background-image: url("https://www.unmet-medical-needs.edu.tsukuba.ac.jp/content/plugins/sitepress-multilingual-cms/res/flags/en.svg"); }
#menu-item-wpml-ls-8-ja a::before { background-image: url("https://www.unmet-medical-needs.edu.tsukuba.ac.jp/content/plugins/sitepress-multilingual-cms/res/flags/ja.svg"); }

/* Homepage content panel */
#main { margin-top: 72px; }
.entry-container { background: rgba(255, 255, 255, 0.62); padding: 34px 46px; }
.entry-content { font-size: 17px; line-height: 1.82; color: #1f2933; }
body.home .entry-header { display: none; }

/* Remove theme credit */
#site-generator .powered { display: none; }

/* Japanese WPML labels: exact two-line visual title and shorter home label */
html[lang^="ja"] #site-title a { font-size: 0; }
html[lang^="ja"] #site-title a::before { content: "Unmet Medical Needsに挑む日印連携\A多文化共修が生むヘルスケア・イノベーション人材の育成"; white-space: pre-line; font-size: 24px; line-height: 1.35; }
html[lang^="ja"] #menu-item-93 > a { font-size: 0; }
html[lang^="ja"] #menu-item-93 > a::after { content: "メインページ"; font-size: 13px; }
html[lang^="ja"] #site-title { width: 100%; max-width: none; }
html[lang^="ja"] #site-title a::before { font-size: 20px; line-height: 1.45; }

/* Centered header title and navigation */
#hgroup-wrap {
  width: calc(100% - 60px);
  max-width: 960px;
}
#header-left,
#hgroup {
  float: none;
  width: 100%;
  text-align: center;
}
#site-title {
  width: 100%;
  max-width: none;
  margin: 0 auto 14px;
}
html[lang^="en"] #site-title a {
  font-size: 0;
}
html[lang^="en"] #site-title a::before {
  content: "Tackling Unmet Medical Needs\AJapan-India Collaboration and Multicultural Synergy Driving Healthcare Innovation";
  white-space: pre-line;
  font-size: 19px;
  line-height: 1.35;
}
#header-right {
  clear: both;
  float: none;
  width: 100%;
  text-align: center;
}
#header-right .widget_nav_menu,
#header-menu,
#access,
#access .menu-header-container {
  float: none;
  width: 100%;
  text-align: center;
}
#access .menu-header-container > ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #hgroup-wrap { width: calc(100% - 30px); }
  html[lang^="en"] #site-title a::before { font-size: 16px; }
}

@media only screen and (max-width: 980px) {
  #header-right { position: relative; min-height: 35px; }
  #header-mobile-menu { float: none; display: inline-block; }
  #header-right #header-search-widget { position: absolute; top: 0; right: 0; float: none; }
}

@media only screen and (max-width: 980px) {
  html[lang^="en"] #site-title a::before { font-size: 16px; }
}