/* PetMarket 主题补充样式
   Tailwind 已通过 CDN 提供主体样式,这里只放无法用工具类表达的细节。 */

/* 平滑的深色模式过渡 */
html.dark {
	color-scheme: dark;
}

body,
header,
footer,
section,
article {
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* 收藏按钮激活态 */
.petmarket-fav.is-active {
	color: #f97316;
}
.petmarket-fav.is-active svg {
	fill: #f97316;
	stroke: #f97316;
}

/* 收藏时的小动画 */
@keyframes petmarket-pop {
	0% { transform: scale(1); }
	50% { transform: scale(1.3); }
	100% { transform: scale(1); }
}
.petmarket-fav.is-animating svg {
	animation: petmarket-pop 0.35s ease;
}

/* 自定义滚动条(桌面) */
@media (min-width: 1024px) {
	::-webkit-scrollbar {
		width: 10px;
	}
	::-webkit-scrollbar-track {
		background: transparent;
	}
	::-webkit-scrollbar-thumb {
		background: #fdba74;
		border-radius: 9999px;
		border: 2px solid transparent;
		background-clip: content-box;
	}
	.dark ::-webkit-scrollbar-thumb {
		background: #c2410c;
		background-clip: content-box;
	}
}

/* 焦点可见性(无障碍) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
	outline: 2px solid #f97316;
	outline-offset: 2px;
}

/* 隐藏 search input 自带的清除按钮以保持一致外观 */
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}