/*
 * ida_20260611-2 chrome 補充樣式：SiteFooter 用到的 Tailwind 工具類
 * 全部 scoped 在 .ida-scope，需在 ida_news.css 之後載入。
 * (header 不需要工具類；其餘 chrome 樣式已在 ida_news.css 編譯自原型 _base.scss)
 */

/* base / mobile-first */
.ida-scope .flex { display: flex; }
.ida-scope .flex-col { flex-direction: column; }
.ida-scope .flex-1 { flex: 1 1 0%; }
.ida-scope .min-w-0 { min-width: 0; }
.ida-scope .w-full { width: 100%; }
.ida-scope .items-start { align-items: flex-start; }
.ida-scope .gap-2 { gap: 8px; }
.ida-scope .gap-4 { gap: 16px; }
.ida-scope .gap-10 { gap: 40px; }
.ida-scope .py-4 { padding-top: 16px; padding-bottom: 16px; }
.ida-scope .py-\[50px\] { padding-top: 50px; padding-bottom: 50px; }

/* lg: >= 1024px */
@media (min-width: 1024px) {
  .ida-scope .lg\:flex-row { flex-direction: row; }
  .ida-scope .lg\:items-start { align-items: flex-start; }
  .ida-scope .lg\:items-end { align-items: flex-end; }
  .ida-scope .lg\:justify-between { justify-content: space-between; }
  .ida-scope .lg\:gap-6 { gap: 24px; }
  .ida-scope .lg\:gap-12 { gap: 48px; }
  .ida-scope .lg\:max-w-\[400px\] { max-width: 400px; }
  .ida-scope .lg\:shrink-0 { flex-shrink: 0; }
  .ida-scope .lg\:flex-1 { flex: 1 1 0%; }
  .ida-scope .lg\:py-5 { padding-top: 20px; padding-bottom: 20px; }
}

/* xl: >= 1280px */
@media (min-width: 1280px) {
  .ida-scope .xl\:gap-16 { gap: 64px; }
}

/* 認識計畫 plan-card 主題色：寫死值，不靠 CSS 變數 var()（支援 IE11/不支援 var 的瀏覽器） */
.ida-scope .plan-card.theme-teal  { box-shadow: 5px 5px 0px 0px #00CCC7; }
.ida-scope .plan-card.theme-blue  { box-shadow: 5px 5px 0px 0px #1595FF; }
.ida-scope .plan-card.theme-green { box-shadow: 5px 5px 0px 0px #5BC545; }
.ida-scope .plan-card.theme-teal  .plan-card-badge { background-color: #00CCC7; }
.ida-scope .plan-card.theme-blue  .plan-card-badge { background-color: #1595FF; }
.ida-scope .plan-card.theme-green .plan-card-badge { background-color: #5BC545; }

/* 輔導申請 apply-card 主題色：同樣寫死，不靠 var() */
.ida-scope .apply-card.theme-teal { box-shadow: 0px -5px 0px 0px #00CCC7; }
.ida-scope .apply-card.theme-blue { box-shadow: 0px -5px 0px 0px #1595FF; }
.ida-scope .apply-card.theme-teal .plan-card-badge.center-badge { background-color: #00CCC7; }
.ida-scope .apply-card.theme-blue .plan-card-badge.center-badge { background-color: #1595FF; }
.ida-scope .apply-card.theme-teal .callout-block { background-color: #E2F5F5; }
.ida-scope .apply-card.theme-blue .callout-block { background-color: #E3F2FF; }