/*
  NRICM TWCM IG 配色覆蓋檔。

  透過 includes/_append.fragment-css.html 在範本原本的 project.css 之後載入,
  只針對「選單列(navbar)」與「頁尾(footer)」兩個區塊套用 NRICM 官網
  .footBg 漸層色系(#1c95e5 -> #0d76bf -> #025fa1),其餘元件(連結、
  按鈕 hover/active、TOC 框、Publish 框、麵包屑等)維持範本預設顏色。
*/

:root {
  --navbar-bg-color: #025fa1; /* 選單列背景色 */
  --footer-bg-color: #0d76bf; /* 頁尾背景色(fallback,實際頁尾用下方漸層) */
  --ig-status-text-color: #025fa1; /* 頁首 IG 標題與版本文字,與選單列同色 */
}

#segment-footer > .container {
  background: linear-gradient(to bottom, #1c95e5 2%, #0d76bf 55%, #025fa1 100%);
}

/* 「規範文件」選單：滑鼠移上去顯示子選單，點擊則直接前往 artifacts.html */
.twcm-hover-dropdown:hover > .dropdown-menu {
  display: block;
}

/* 頁首 logo:以絕對定位固定在左側,讓 IG 標題維持整列置中、不被 logo 擠開 */
#segment-header > .container {
  position: relative;
}
#hl7-nav {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  line-height: normal;
}
#hl7-logo {
  margin-left: 0;
}
#hl7-logo img {
  height: 44px;
  width: auto;
  display: block;
}
@media (max-width: 991px) {
  #hl7-logo img {
    height: 34px;
  }
}
/* 手機寬度:logo 改放在標題上方置中 */
@media (max-width: 600px) {
  #hl7-nav {
    position: static;
    transform: none;
    padding-top: 8px;
  }
  #hl7-logo {
    float: none;
    display: inline-block;
  }
  #segment-header > .container {
    text-align: center;
  }
  #hl7-logo img {
    height: 30px;
    margin: 0 auto;
  }
}