/* 主題色設定：#806d3f 其餘以純白為主 */
:root{
  --brand:#806d3f;           /* 主色 */
  --brand-600:#6d5c33;       /* 深一階，用於hover/active */
  --brand-100:#f3efe6;       /* 淡金米白，做柔和底或標章 */
}

/* 覆蓋 Bootstrap 配色（維持整站一致） */
:root{
  --bs-primary: var(--brand);
  --bs-primary-rgb: 128,109,63;
}
.btn-primary{
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-600);
  --bs-btn-hover-border-color: var(--brand-600);
  --bs-btn-active-bg: var(--brand-600);
}

/* 標題一致風格 */
.section-title{
  font-weight: 700;
  border-left: 4px solid var(--brand);
  padding-left: .6rem;
}

/* Hero 區塊 */
.hero-item{
  height: clamp(56vh, 72vh, 82vh);
  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.25)), var(--hero-bg, none);
  background-size: cover;
  background-position: center;
}
.quick-links .btn-pill{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.6);
  backdrop-filter: blur(2px);
  color: #806d3f; /* 主色文字 */
}
.quick-links .btn-pill:hover{ border-color:#000; }

/* 柔和底色段落（仍以白為主，小面積輔助） */
.bg-soft{
  background: linear-gradient(0deg, var(--brand-100), #fff);
}

/* Expo 圖塊高度與裁切 */
.media-h{ height: 110px; }

/* 細節調整 */
.navbar .btn{ padding: .45rem .9rem; }
.card{ border-color: rgba(0,0,0,.06); }
.list-group-item{ border-color: rgba(0,0,0,.06); }

/* 深淺主色徽章（Bootstrap 風格補充） */
.bg-primary-subtle{ background-color: color-mix(in srgb, var(--brand) 12%, white); }
.text-primary-emphasis{ color: var(--brand-600); }

/* 物件填滿裁切 */
.object-fit-cover{ object-fit: cover; }

/* RWD 微調：縮小時讓 hero 更高一點以保文字閱讀 */
@media (max-width: 576px){
  .hero-item{ height: 68vh; }
}

/* 最新消息圖片置中 */
.news-card img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 手機版輪播背景改用 mobile 圖 */
@media (max-width: 768px){
  .hero-item{
    background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.25)), 
                var(--hero-bg-mobile, var(--hero-bg));
    background-size: cover;
    background-position: center;
  }
}
/* 證照圖：完整顯示不裁切，外框一致 */
.about-cert-img{
  width: 100%;
  height: 300px;        /* 可依實圖改 260–340px */
  object-fit: contain;  /* 保留證照四邊不裁切 */
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,.04);
}

/* RWD 高度微調（可選） */
@media (max-width: 991.98px){
  .about-cert-img{ height: 320px; }
}
@media (max-width: 575.98px){
  .about-cert-img{ height: 280px; }
}