/* 다크모드 공통 !important 배경보다 카테고리 상태를 우선합니다. */
#sharemax-site[data-page="portfolio"] .primary-cats button:hover,
#sharemax-site[data-page="portfolio"] .primary-cats button.active,
#sharemax-site[data-page="portfolio"] .primary-cats button[aria-pressed="true"],
#sharemax-site[data-page="portfolio"] .primary-cats button:focus-visible,
html[data-theme="dark"] #sharemax-site[data-page="portfolio"] .primary-cats button:hover,
html[data-theme="dark"] #sharemax-site[data-page="portfolio"] .primary-cats button.active,
html[data-theme="dark"] #sharemax-site[data-page="portfolio"] .primary-cats button[aria-pressed="true"],
html[data-theme="dark"] #sharemax-site[data-page="portfolio"] .primary-cats button:focus-visible {
  background-color: #e50919 !important;
  color: #fff !important;
  border-color: #e50919 !important;
}
#sharemax-site[data-page="portfolio"] .primary-cats button:focus-visible {
  outline: 2px solid #e50919;
  outline-offset: 3px;
}
html[data-theme="dark"] #sharemax-site[data-page="portfolio"] .primary-cats button:focus-visible {
  outline-color: #ff9aa4;
}