@layer theme-custom {
/* 全站共用頁首：專業深藍＋親和暖橘 */
:root{
  --header-bg-color:#173B57;
  --header-mobile-icon-color:#E5EDF2;
}

nav.navbar{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  background-color:#173B57 !important;
  background-image:linear-gradient(135deg,#173B57,#234F6E) !important;
  border-color:#E97932 !important;
  border-bottom-width:3px !important;
  box-shadow:0 6px 20px rgba(23,59,87,.18) !important;
}
.navi-item:first-child{
  background-color:#173B57 !important;
  border-color:#E97932 !important;
}
nav.navbar a,
nav.navbar span,
nav.navbar li,
.navi-item a,
.navi-item span{
  color:#E5EDF2 !important;
}
nav.navbar a:hover,
nav.navbar a:focus,
.navi-item a:hover{
  color:#FF9A58 !important;
}
nav.navbar svg,
nav.navbar i{
  color:#E5EDF2 !important;
  fill:#E5EDF2 !important;
}
nav.navbar .btn,
nav.navbar button:not(.navbar-toggler){
  background-color:#E97932 !important;
  border-color:#E97932 !important;
  color:#FFFFFF !important;
}
.navi-item:first-child a,
.navi-item:first-child span,
.navi-item:first-child li{
  color:#FFFFFF !important;
  font-weight:600 !important;
}
.navi-item:first-child a:hover{
  color:#FF9A58 !important;
}

/* 手機版共用頁首 */
.mobile-menu.left-style{
  background-color:#173B57 !important;
  background-image:linear-gradient(135deg,#173B57,#234F6E) !important;
  border-color:#E97932 !important;
}
.mobile-menu .logo-text{
  color:#FFFFFF !important;
}
.mobile-btn a{
  color:#E5EDF2 !important;
}
.mobile-menu svg,
.mobile-menu i{
  color:#E5EDF2 !important;
  fill:#E5EDF2 !important;
}

/* 移除首頁區塊預設留白 */
section.index-editor{
  margin:0 !important;
  padding:0 !important;
}


/* 共用表頭：目前頁面與點選狀態 */
nav.navbar a:active,
nav.navbar a:focus,
nav.navbar a:focus-visible,
nav.navbar a.active,
nav.navbar li.active > a,
nav.navbar .navi-item.active > a,
nav.navbar a[aria-current="page"],
nav.navbar .current-menu-item > a{
  background-color:#E97932 !important;
  background-image:none !important;
  border-color:#E97932 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}
nav.navbar a:active span,
nav.navbar a:focus span,
nav.navbar a:focus-visible span,
nav.navbar a.active span,
nav.navbar li.active > a span,
nav.navbar .navi-item.active > a span,
nav.navbar a[aria-current="page"] span,
nav.navbar .current-menu-item > a span{
  color:#FFFFFF !important;
}
nav.navbar li.active,
nav.navbar .navi-item.active{
  background-color:transparent !important;
}


/* 共用表頭：滑鼠移入狀態 */
nav.navbar a:hover,
nav.navbar li:hover > a,
nav.navbar .navi-item:hover > a,
nav.navbar .navi-item a:hover{
  background-color:rgba(233,121,50,.18) !important;
  background-image:none !important;
  border-color:#E97932 !important;
  color:#FFB27A !important;
  box-shadow:none !important;
}
nav.navbar a:hover span,
nav.navbar li:hover > a span,
nav.navbar .navi-item:hover > a span,
nav.navbar .navi-item a:hover span{
  color:#FFB27A !important;
}


/* 原生聯絡頁新版草稿 */
body.b_contact_detail main{
  background:linear-gradient(135deg,#FFF8F1 0%,#FFFFFF 58%,#FFF1F5 100%);
  padding:72px 0 88px;
  min-height:70vh;
}
body.b_contact_detail main > .container{
  width:min(1080px,calc(100% - 40px));
  max-width:1080px;
}
body.b_contact_detail main .row{
  justify-content:center;
}
body.b_contact_detail main .col-md-12{
  padding:0;
}
body.b_contact_detail main section{
  margin:0 0 34px;
}
body.b_contact_detail main .page-title{
  text-align:center;
  margin:0 auto;
}
body.b_contact_detail main .page-title h2.title{
  margin:0;
  color:#173B57;
  font-size:clamp(34px,4vw,50px);
  font-weight:800;
  line-height:1.28;
  letter-spacing:-.025em;
}
body.b_contact_detail main .page-title h2.title span:first-child{
  display:block;
  margin-bottom:10px;
  color:#C95D1B;
  font-size:14px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.b_contact_detail main .page-title h2.title span:first-child::before{
  content:"";
  display:inline-block;
  width:25px;
  height:3px;
  margin:0 9px 4px 0;
  border-radius:3px;
  background:#E97932;
}
body.b_contact_detail main .col-lg-7{
  flex:0 0 min(820px,100%);
  max-width:820px;
  padding:0;
}
body.b_contact_detail #contact_form{
  position:relative;
  padding:38px 40px;
  background:#FFFFFF;
  border:1px solid #E7E2DB;
  border-radius:24px;
  box-shadow:0 22px 58px rgba(23,59,87,.11);
}
body.b_contact_detail #contact_form::before{
  content:"第一次聯絡建議提供：需求類型（企業培訓／顧問服務／一對一諮詢）、公司與職稱、培訓對象與人數、預計時程，以及目前最想改善的管理情境。";
  display:block;
  margin:0 0 28px;
  padding:18px 20px;
  color:#445767;
  font-size:15px;
  line-height:1.75;
  background:#FFF8F1;
  border-left:4px solid #E97932;
  border-radius:12px;
}
body.b_contact_detail #contact_form .form-group{
  margin-bottom:22px;
}
body.b_contact_detail #contact_form label{
  display:block;
  margin-bottom:8px;
  color:#173B57;
  font-size:15px;
  font-weight:800;
}
body.b_contact_detail #contact_form .form-control{
  width:100%;
  min-height:50px;
  padding:12px 15px;
  color:#243447;
  font-size:16px;
  line-height:1.6;
  background:#FFFDFB;
  border:1px solid #D6DDE2;
  border-radius:12px;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.b_contact_detail #contact_form textarea.form-control{
  min-height:180px;
  resize:vertical;
}
body.b_contact_detail #contact_form .form-control:focus{
  outline:none;
  background:#FFFFFF;
  border-color:#E97932;
  box-shadow:0 0 0 4px rgba(233,121,50,.13);
}
body.b_contact_detail #contact_submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:13px 28px;
  color:#FFFFFF !important;
  font-size:16px;
  font-weight:800;
  background:#E97932 !important;
  border:1px solid #E97932 !important;
  border-radius:999px;
  box-shadow:0 10px 25px rgba(233,121,50,.22);
  transition:transform .2s ease,background .2s ease;
}
body.b_contact_detail #contact_submit:hover{
  color:#FFFFFF !important;
  background:#C95D1B !important;
  border-color:#C95D1B !important;
  transform:translateY(-1px);
}
body.b_contact_detail #contact_form::after{
  content:"送出後，我們會依您留下的 Email 或電話儘快回覆；資料僅用於本次合作需求聯繫。";
  display:block;
  margin-top:18px;
  color:#6A7681;
  font-size:13px;
  line-height:1.7;
}
@media(max-width:680px){
  body.b_contact_detail main{
    padding:50px 0 64px;
  }
  body.b_contact_detail main > .container{
    width:min(100% - 28px,1080px);
  }
  body.b_contact_detail #contact_form{
    padding:26px 20px;
    border-radius:18px;
  }
  body.b_contact_detail #contact_form::before{
    padding:15px 16px;
    font-size:14px;
  }
  body.b_contact_detail #contact_submit{
    width:100%;
  }
}

/* 隱藏管理員前台快捷編輯入口（後台編輯功能保留） */
body.blank-page #pjax-container > section > a,
body.blank-page #pjax-container > section > .admin-edit,
body.blank-page #pjax-container > section > .edit-link,
body.blank-page #pjax-container a[href*="/admin/"][href*="/edit"]{
  display:none !important;
}
body.blank-page #pjax-container > section > div:has(> a[href*="/admin/"][href*="/edit"]),
body.blank-page #pjax-container > section > p:has(> a[href*="/admin/"][href*="/edit"]){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
}

/* 移除新版頁面內嵌舊表頭：使用全站共用導覽 */
body.blank-page .ab-page > .ab-header,
body.blank-page .tr-page > .tr-page-header{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

}
