/*
Theme Name: Personal E-commerce
Author: Baojia
Description: 主题介绍：
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.0.2
Version: 1.0
License URI: 
Text Domain: baojiathemes
*/


html,
body {
	height: 100%;
}

body {
	margin: 0;
}

#page.site-page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.site-footer {
	margin-top: auto;
}




/* Pagination: 简约白圆弧风格 */
.product-pagination { 
	margin: 48px 0 8px; 
	display: flex; 
	justify-content: center; 
}

.pagination { 
	list-style: none; 
	padding: 4px 6px; 
	margin: 0; 
	display: flex; 
	gap: 6px; 
	background: #ffffff; 
	border: 1px solid #e6e6e6; 
	border-radius: 999px; 
	box-shadow: 0 2px 8px rgba(0,0,0,.06); 
}

.pagination__item { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 40px; 
	height: 40px; 
	font-size: 14px; 
	line-height: 1; 
	position: relative; 
	border-radius:50%;
	overflow:hidden; /* 让内部 hover 背景不出现方角 */
}

.pagination__item a, 
.pagination__item span { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 40px; 
	height: 40px; 
	text-decoration: none; 
	color: #333; 
	border-radius: 50%; 
	transition: all .25s ease; 
	font-weight: 500; 
}

/* 省略号按钮圆形化 */
.pagination__item .page-numbers.dots { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width:40px; 
	height:40px; 
	border-radius:50%; 
	background:#fafafa; 
	color:#888; 
	font-weight:500; 
	letter-spacing:2px; 
}
.pagination__item .page-numbers.dots:hover { background:#f2f2f2; }

.pagination__item a:hover { 
	background: #f2f2f2; 
}

.pagination__item.is-active span { 
	background: linear-gradient(145deg,#fff,#f6f6f6); 
	box-shadow: 0 0 0 1px #dcdcdc inset, 0 2px 4px rgba(0,0,0,.08); 
	font-weight: 600; 
	border-radius:50%;
	aspect-ratio:1/1;
}

.pagination__item.is-prev a, 
.pagination__item.is-next a { 
	font-size: 18px; 
}

/* 禁用状态（WordPress 不自动输出，可按需扩展） */
.pagination__item.is-disabled a { 
	pointer-events: none; 
	opacity: .4; 
}

/* 焦点无障碍 */
.pagination__item a:focus-visible { 
	outline: 2px solid #2684ff; 
	outline-offset: 2px; 
}

/* 响应式：移动端紧凑 */
@media (max-width: 640px) { 
	.pagination { 
		gap: 6px; 
		padding: 6px 8px; 
		flex-wrap: wrap; /* 允许自动换行避免超出 */
		justify-content: center; 
		max-width: 100%; 
	}
	.pagination__item { 
		width: 32px; 
		height: 32px; 
		flex: 0 0 32px; 
	}
	.pagination__item a, 
	.pagination__item span { 
		width: 32px; 
		height: 32px; 
		font-size: 13px; 
	}
	.pagination__item.is-prev a, 
	.pagination__item.is-next a { 
		font-size: 15px; 
	}
	/* 如果页码过多导致两行不够，可允许水平滚动（仅在需要时启用） */
	.product-pagination { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.product-pagination::-webkit-scrollbar { height: 6px; }
	.product-pagination::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 3px; }
}

@media (max-width: 480px) {
	.pagination { gap: 5px; padding: 6px; }
	.pagination__item, .pagination__item a, .pagination__item span { width: 30px; height: 30px; }
	.pagination__item a, .pagination__item span { font-size: 12px; }
}

/* 暗色模式支持 (如果页面有 data-theme="dark" 或 prefers-color-scheme) */
@media (prefers-color-scheme: dark) { 
	.pagination { 
		background: #1f1f1f; 
		border-color: #333; 
		box-shadow: 0 2px 8px rgba(0,0,0,.5); 
	} 
	.pagination__item a, 
	.pagination__item span { 
		color: #eee; 
	} 
	.pagination__item a:hover { 
		background: #2a2a2a; 
	} 
	.pagination__item.is-active span { 
		background: linear-gradient(145deg,#2a2a2a,#1c1c1c); 
		box-shadow: 0 0 0 1px #444 inset, 0 2px 4px rgba(0,0,0,.6); 
	}
}

/* 可选：强制圆弧白风在 data-theme=light */
[data-theme="light"] .pagination { 
	background: #ffffff; 
}