/* Official self-tool logos */
.directory-official-card:has(a[href="/tools/model-check"]) .directory-logo,
.directory-official-card:has(a[href="/tools/model-check/"]) .directory-logo {
  background-color: transparent !important;
  background-image: url("/tool-icons/aibuy-model-check.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.directory-official-card:has(a[href="/tools/claude-environment"]) .directory-logo,
.directory-official-card:has(a[href="/tools/claude-environment/"]) .directory-logo {
  background-color: transparent !important;
  background-image: url("/tool-icons/aibuy-claude-environment.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.directory-official-card:has(a[href="/tools/model-check"]) .directory-logo > svg,
.directory-official-card:has(a[href="/tools/model-check/"]) .directory-logo > svg,
.directory-official-card:has(a[href="/tools/claude-environment"]) .directory-logo > svg,
.directory-official-card:has(a[href="/tools/claude-environment/"]) .directory-logo > svg {
  opacity: 0 !important;
}

/* Light-theme rescue for logos that shipped as pure white marks */
:root:not([data-theme="dark"]) .directory-logo img[src$="/tool-icons/notion.svg"],
:root:not([data-theme="dark"]) .directory-logo img[src$="notion.svg"] {
  filter: none;
}
:root:not([data-theme="dark"]) .directory-logo img[src$="/tool-icons/huggingface.svg"],
:root:not([data-theme="dark"]) .directory-logo img[src$="huggingface.svg"] {
  filter: none;
}