/*
 Theme Name: XJTUFAH
 Author: Uhang Network
 Description: Official website theme for The First Affiliated Hospital of Xi'an Jiaotong University (XJTUFAH).
 Version: 1.0
 Tags: hospital, medical, responsive
*/

/* ===== Specialties dropdown (desktop) ===== */
.main-nav .nav-dropdown { position: relative; }
.main-nav .nav-dropdown > a::after { content: " \25BE"; font-size: 10px; opacity: .7; }
.main-nav .nav-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 250px;
  box-shadow: 0 12px 32px rgba(0,0,0,.14);
  border-radius: 12px;
  padding: 8px;
  z-index: 1100;
}
.main-nav .nav-dropdown:hover .nav-dropdown-menu,
.main-nav .nav-dropdown:focus-within .nav-dropdown-menu { display: block; }
.main-nav .nav-dropdown-menu a {
  display: block;
  padding: 9px 16px;
  border-radius: 8px;
  color: var(--text);
  font-size: 14px;
}
.main-nav .nav-dropdown-menu a:hover { background: var(--primary-light); color: var(--primary); }

/* ===== Mobile nav: keep visible & scrollable (override design default) ===== */
@media (max-width: 900px) {
  .header-inner { flex-wrap: wrap; }
  .main-nav {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    margin-top: 8px;
    -webkit-overflow-scrolling: touch;
    gap: 4px;
  }
  .main-nav .nav-dropdown-menu { position: static; box-shadow: none; padding: 0 0 0 12px; }
  .main-nav .nav-dropdown:hover .nav-dropdown-menu { display: none; }
  .main-nav .nav-dropdown > a::after { content: ""; }
}
body.logged-in .site-header { top: 32px; }
@media (max-width: 782px) { body.logged-in .site-header { top: 46px; } }