/* ================================================================
   彰化內頁主題（覆蓋 app.css 臺中橘色 token）
   載入順序：all.css → changhua-index.css → app.css → 本檔
   色盤：主色 #ECA8A7（彰化粉）、文字/圖示 #45496A（深藍灰）
   ================================================================ */

#wrapper.index {
  --bs-primary: #ECA8A7 !important;
  --bs-primary-rgb: 236, 168, 167 !important;
  --bs-secondary: #45496A !important;
  --bs-secondary-rgb: 69, 73, 106 !important;
  --bs-theme: #ECA8A7 !important;
  --bs-deepTheme: #e37f7d !important;

  --taichungtax-primary: #ECA8A7 !important;
  --taichungtax-primary-rgb: 236, 168, 167 !important;
  --taichungtax-primary-dark: #e37f7d !important;
  --taichungtax-primary-soft: #f9ecec !important;

  --miaoli-primary: #ECA8A7 !important;
  --miaoli-primary-rgb: 236, 168, 167 !important;
  --miaoli-primary-dark: #e37f7d !important;
  --miaoli-primary-soft: #f9ecec !important;

  --primary-orange: #ECA8A7 !important;
  --primary-color: #ECA8A7 !important;
  --primary-dark: #e37f7d !important;

  --ch-pink: #ECA8A7;
  --ch-pink-dark: #e37f7d;
  --ch-pink-rgb: 236, 168, 167;
  --ch-navy: #45496A;
  --ch-navy-dark: #363953;

  --background-beige: #fdfcf8;
  --text-dark: #2C2C2C;
  --text-medium: #555555;
  --text-light: #757575;
}

/* 內頁 body 背景：白底＋淡彩（與首頁一致） */
#wrapper.index.index-body {
  background-color: #fff !important;
  background-image: url('../img/bg_right.png') !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
  background-size: 70% !important;
}

/* 通用內頁標題（白底＋粉紅強調） */
#wrapper.index .page-header {
  border-bottom-color: #ECA8A7 !important;
  box-shadow: 0 2px 8px rgba(236, 168, 167, 0.15) !important;
}
#wrapper.index .page-header h1 {
  border-left-color: #ECA8A7 !important;
}
#wrapper.index .page-header h1 i,
#wrapper.index .page-header .breadcrumb-item a:hover {
  color: #e37f7d !important;
}

/* ── 申辦服務列表（Services.razor）── */
#wrapper.index .services-page .page-header {
  background: linear-gradient(135deg, #ECA8A7 0%, #e37f7d 100%) !important;
  border-bottom: none !important;
}

#wrapper.index .services-page .page-header h1,
#wrapper.index .services-page .page-header h1 i,
#wrapper.index .services-page .page-header p,
#wrapper.index .services-page .back-home-link {
  color: #fff !important;
  border-left-color: transparent !important;
}

#wrapper.index .services-page .page-header p {
  color: rgba(255, 255, 255, 0.9) !important;
}

#wrapper.index .services-page .back-home-link:hover {
  color: #fff !important;
  opacity: 0.85 !important;
}

#wrapper.index .services-page .search-autocomplete-wrapper .search-input:focus {
  border-color: #ECA8A7 !important;
  box-shadow: 0 0 0 3px rgba(236, 168, 167, 0.35) !important;
}

#wrapper.index .services-page .autocomplete-dropdown {
  border-color: #ECA8A7 !important;
}

#wrapper.index .services-page .autocomplete-item:hover,
#wrapper.index .services-page .autocomplete-item.highlighted {
  background: rgba(236, 168, 167, 0.2) !important;
}

#wrapper.index .services-page .autocomplete-item:hover i,
#wrapper.index .services-page .autocomplete-item.highlighted i,
#wrapper.index .services-page .autocomplete-highlight {
  color: #e37f7d !important;
}

#wrapper.index .services-page .btn-search {
  background: #ECA8A7 !important;
  color: #fff !important;
}
#wrapper.index .services-page .btn-search i {
  color: #fff !important;
}
#wrapper.index .services-page .btn-search:hover {
  background: #e37f7d !important;
  color: #fff !important;
}
#wrapper.index .services-page .btn-search:hover i {
  color: #fff !important;
}

#wrapper.index .services-page .filter-tab:hover {
  border-color: #ECA8A7 !important;
  color: #e37f7d !important;
  background: rgba(236, 168, 167, 0.08) !important;
}

#wrapper.index .services-page .filter-tab.active {
  background: #ECA8A7 !important;
  border-color: #ECA8A7 !important;
  color: #fff !important;
}
#wrapper.index .services-page .filter-tab.active i {
  color: #fff !important;
}

#wrapper.index .services-page .search-results-info {
  background: rgba(236, 168, 167, 0.18) !important;
  border-left-color: #e37f7d !important;
}

#wrapper.index .services-page .result-count strong {
  color: #e37f7d !important;
}

#wrapper.index .services-page .btn-clear:hover {
  color: #e37f7d !important;
}

#wrapper.index .services-page .service-card:hover {
  border-color: #ECA8A7 !important;
  box-shadow: 0 4px 16px rgba(236, 168, 167, 0.25) !important;
}

#wrapper.index .services-page .service-card-header {
  background: linear-gradient(135deg, rgba(236, 168, 167, 0.18), rgba(236, 168, 167, 0.06)) !important;
}

#wrapper.index .services-page .service-icon {
  background: linear-gradient(135deg, #ECA8A7, #e37f7d) !important;
  color: #fff !important;
}
#wrapper.index .services-page .service-icon i {
  color: #fff !important;
}

#wrapper.index .services-page .service-info i,
#wrapper.index .services-page .service-fee-info strong {
  color: #e37f7d !important;
}

#wrapper.index .services-page .service-fee-info {
  background: rgba(236, 168, 167, 0.12) !important;
  border-left-color: #ECA8A7 !important;
}

#wrapper.index .services-page .service-fee-info table tr:hover {
  background: rgba(236, 168, 167, 0.15) !important;
}

#wrapper.index .services-page .btn-apply-link {
  color: #e37f7d !important;
}

#wrapper.index .services-page .page-btn {
  background: #ECA8A7 !important;
  color: #fff !important;
}
#wrapper.index .services-page .page-btn i {
  color: #fff !important;
}
#wrapper.index .services-page .page-btn:hover:not(:disabled) {
  background: #e37f7d !important;
  color: #fff !important;
}

#wrapper.index .services-page .page-number:hover {
  border-color: #ECA8A7 !important;
  color: #e37f7d !important;
}

#wrapper.index .services-page .page-number.active {
  background: #ECA8A7 !important;
  border-color: #ECA8A7 !important;
  color: #fff !important;
}

#wrapper.index .services-page .btn-action.btn-primary {
  background: #ECA8A7 !important;
  color: #fff !important;
}
#wrapper.index .services-page .btn-action.btn-primary i {
  color: #fff !important;
}

#wrapper.index .services-page .btn-action:hover {
  box-shadow: 0 4px 8px rgba(236, 168, 167, 0.35) !important;
}

/* ── 申辦說明頁 ── */
#wrapper.index .service-navigation .nav-link:hover {
  color: #e37f7d !important;
}

#wrapper.index .service-navigation .nav-link.active {
  background-color: #ECA8A7 !important;
  color: #45496A !important;
}