/* FooTable pagination */
tfoot.footable-pagination tr td { text-align: center; }

/* basic */
#pagination1 .page-item:not(:first-child) .page-link {
  margin-left: 0px; 
  margin-right: 0px;
}
.footable-nav{
  --ft-page-radius: 50%;/*.25rem*/
  --ft-page-active-bg: #005BAC;
  --ft-page-active-color: #fff;
  --ft-page-gap: 8px;/* 按鈕間距 */
  --ft-page-bg: transparent;
  --ft-page-border-width: 0;
  --ft-page-focus-shadow: none;
  --ft-page-active-transition: all .2s linear;

  list-style: none;
  margin: 2rem 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--ft-page-gap);
  font-size: 1rem;
}

/* item */
.footable-nav li{
  display: inline-flex;
  border: 0; /* 取消第一組的外框 */
}

/* link（仿 .page-link） */
.footable-nav li a{
  display: block;
  padding: .475rem .85rem;
  text-decoration: none;
  color: #0d6efd;/* 可改var(--bs-link-color) */
  background-color: var(--ft-page-bg);
  border: var(--ft-page-border-width) solid transparent;
  border-radius: var(--ft-page-radius);
  outline: none;
  box-shadow: var(--ft-page-focus-shadow);
  line-height: 1.25;
}

/* hover */
.footable-nav li a:hover{
  text-decoration: none;
  background-color: #e9ecef;
  color: #0a58ca;
}

/* focus：移除外框陰影 */
.footable-nav li a:focus{
  box-shadow: var(--ft-page-focus-shadow);
  text-decoration: none;
  background-color: #005BAC;
  color: #fff;
}

/* active（.page-item.active .page-link） */
.footable-nav .footable-page-current a{
  z-index: 3;
  font-weight: 600;
  color: var(--ft-page-active-color);
  background-color: var(--ft-page-active-bg);
  border-color: var(--ft-page-active-bg);
  border-radius: var(--ft-page-radius);
  transition: var(--ft-page-active-transition);
	
}

/* disabled 狀態（若模組有產生 disabled 標記） */
.footable-nav .disabled a,
.footable-nav a[aria-disabled="true"]{
  pointer-events: none;
  opacity: .5;
}

/* first/last 圓角 */
.footable-nav li:first-child a{
  border-top-left-radius: var(--ft-page-radius);
  border-bottom-left-radius: var(--ft-page-radius);
}
.footable-nav li:last-child a{
  border-top-right-radius: var(--ft-page-radius);
  border-bottom-right-radius: var(--ft-page-radius);
}

/* ------ 進階：（.pagination-circle） ------ */
/* 統一以固定寬高確保正圓，不因 10 變橢圓 */
.footable-nav.footable-nav-circle{
  --ft-page-size: 2.25rem; /* 預設直徑，可調 */
}
.footable-nav.footable-nav-circle li a{
  width: var(--ft-page-size);
  height: var(--ft-page-size);
  padding: 0;                 /* 重要：不用 padding 撐寬 */
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;             /* 避免字高撐開 */
  white-space: nowrap;        /* 兩位數不換行 */
  padding-right: 1px;
}
/* sm / lg */
.footable-nav.footable-nav-circle.footable-nav-sm{ --ft-page-size: 1.9rem; }
.footable-nav.footable-nav-circle.footable-nav-lg{ --ft-page-size: 2.6rem; }

/* active 保持你的配色 */
.footable-nav.footable-nav-circle .footable-page-current a{
  z-index: 3;
  font-weight: 600;
  color: var(--ft-page-active-color);
  background-color: var(--ft-page-active-bg);
  border-color: var(--ft-page-active-bg);
  border-radius: 50%;
}

.footable-nav {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.footable-nav .footable-total {
  border: 0 !important;
  padding: 0 .25rem;
  color: #6c757d;
  list-style: none;           /* 非.pagination時 */
}

/* 最小寬，避免窄 */
.footable-nav .page-jump select { min-width: 4rem; }