/*
 * Cursor-inspired page-level visual overrides.
 * Visual properties only: do not add layout, sizing, spacing, positioning,
 * overflow, grid, flex, or transform declarations here.
 */

/* Homepage filters and model cards */
.tag {
  border-color: var(--aipc-site-border) !important;
  background: var(--aipc-site-card) !important;
  color: var(--aipc-site-fg-2) !important;
  box-shadow: none !important;
  transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.tag:hover,
.tag:focus-visible {
  border-color: var(--aipc-site-border-strong) !important;
  background: var(--aipc-site-card-2) !important;
  color: var(--aipc-site-accent) !important;
  box-shadow: 0 1px 0 color-mix(in oklab, var(--aipc-site-fg) 5%, transparent) !important;
}

.tag-ico,
.tag-ico-red,
.tag-ico-yellow,
.tag-ico-green,
.tag-ico-blue {
  background: var(--aipc-site-card-2) !important;
  color: var(--aipc-site-accent) !important;
  box-shadow: inset 0 0 0 1px var(--aipc-site-border) !important;
}

main button.bg-black,
main button.dark\:bg-gray-800 {
  border-color: var(--aipc-site-fg) !important;
  background: var(--aipc-site-fg) !important;
  color: var(--aipc-site-bg) !important;
  box-shadow: none !important;
}

.overview-card-wrapper {
  border-color: var(--aipc-site-border) !important;
  border-radius: var(--aipc-site-radius) !important;
  background: var(--aipc-site-card) !important;
  color: var(--aipc-site-fg) !important;
  box-shadow: 0 1px 1px var(--aipc-site-border) !important;
  transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.overview-card-wrapper:hover,
.overview-card-wrapper:focus-within {
  border-color: var(--aipc-site-border-strong) !important;
  background: var(--aipc-site-card-2) !important;
  color: var(--aipc-site-fg) !important;
  box-shadow: var(--aipc-site-shadow) !important;
}

article.overview-card-wrapper,
article.overview-card-wrapper:hover,
article.overview-card-wrapper:focus-within {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.overview-card-wrapper .text-blue-500,
.overview-card-wrapper .text-blue-600,
.overview-card-wrapper .group-hover\:text-blue-500,
.overview-card-wrapper .group-hover\:text-indigo-500 {
  color: var(--aipc-site-accent) !important;
}

.overview-card-wrapper .bg-blue-50,
.overview-card-wrapper .bg-indigo-50,
.overview-card-wrapper .group-hover\:bg-gray-100 {
  background: var(--aipc-site-card-2) !important;
}

/* Shop and price surfaces */
.prices-page-shell {
  border-color: var(--aipc-site-border) !important;
  background: transparent !important;
  color: var(--aipc-site-fg) !important;
}

.prices-page-shell #endpoints svg {
  opacity: 0.78;
}

.prices-page-copy {
  color: var(--aipc-site-muted) !important;
}

.prices-page-copy .font-bold {
  color: var(--aipc-site-fg) !important;
}

.prices-page-copy a {
  color: var(--aipc-site-accent) !important;
}

.prices-category-label {
  border-color: var(--aipc-site-border) !important;
  background: var(--aipc-site-card-2) !important;
  color: var(--aipc-site-accent) !important;
  box-shadow: none !important;
}

.prices-table-wrapper {
  border-color: var(--aipc-site-border-strong) !important;
}

.prices-table tbody tr {
  transition: background-color 0.16s ease;
}

.shop-subscription-card,
.prices-table-wrapper,
.prices-table,
.inference-table {
  border-color: var(--aipc-site-border) !important;
  border-radius: var(--aipc-site-radius) !important;
  background-color: var(--aipc-site-card) !important;
  color: var(--aipc-site-fg) !important;
  box-shadow: none !important;
}

.shop-subscription-card {
  transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.shop-subscription-card:hover,
.shop-subscription-card:focus-within {
  border-color: var(--aipc-site-border-strong) !important;
  background-color: var(--aipc-site-card-2) !important;
  box-shadow: var(--aipc-site-shadow) !important;
}

.shop-subscription-card [class*="from-blue-"],
.shop-subscription-card [class*="from-indigo-"],
.shop-subscription-card [class*="from-purple-"],
.shop-subscription-card [class*="from-pink-"],
.shop-subscription-card [class*="via-green-"],
.shop-subscription-card [class*="to-yellow-"] {
  background-image: none !important;
  background-color: var(--aipc-site-card-2) !important;
}

.shop-subscription-card .text-blue-500,
.shop-subscription-card .text-blue-600,
.shop-subscription-card .text-blue-700,
.prices-table-wrapper .text-blue-500,
.prices-table-wrapper .text-blue-600,
.prices-table-wrapper .text-blue-700 {
  color: var(--aipc-site-accent) !important;
}

.prices-table thead,
.prices-table th,
.inference-table thead,
.inference-table th {
  border-color: var(--aipc-site-border) !important;
  background: var(--aipc-site-card-2) !important;
  color: var(--aipc-site-muted) !important;
}

.prices-table tbody tr,
.inference-table tbody tr,
.prices-table td,
.inference-table td {
  border-color: var(--aipc-site-border) !important;
  background: transparent !important;
  color: var(--aipc-site-fg) !important;
}

.prices-table tbody tr:hover,
.inference-table tbody tr:hover {
  background: var(--aipc-site-card-2) !important;
}

/* Documentation, resources, contact and account pages */
main.bg-gradient-to-br,
.bg-gradient-to-br.from-slate-50,
.bg-gradient-to-br.from-gray-50,
.bg-gradient-to-b.from-indigo-100,
.bg-gradient-to-r.from-blue-500\/5,
.bg-gradient-to-r.from-yellow-500\/5 {
  background-image: none !important;
  background-color: var(--aipc-site-bg) !important;
}

.prose,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose p,
.prose li,
.prose strong {
  color: var(--aipc-site-fg) !important;
}

.hover\:text-blue-700:hover,
.hover\:text-blue-600:hover,
.hover\:text-indigo-500:hover {
  color: var(--aipc-site-accent) !important;
}

header a[class*="hover:text-"]:hover {
  color: color-mix(in oklab, var(--aipc-site-fg) 75%, transparent) !important;
}

.prose a {
  color: inherit !important;
}

.prose a:not([class]):hover {
  color: color-mix(in oklab, currentColor 75%, transparent) !important;
}

.SVELTE_HYDRATER .rounded-xl,
.SVELTE_HYDRATER .rounded-lg,
.SVELTE_HYDRATER .shadow-sm,
.SVELTE_HYDRATER .shadow,
.SVELTE_HYDRATER .shadow-xl {
  border-color: var(--aipc-site-border) !important;
  background-color: var(--aipc-site-card) !important;
  color: var(--aipc-site-fg) !important;
  box-shadow: none !important;
}

.uim-primary,
.uim-secondary,
.uim-tertiary,
.uim-quaternary {
  color: var(--aipc-site-muted) !important;
}

.white {
  border-color: var(--aipc-site-border) !important;
  background-color: transparent !important;
  color: var(--aipc-site-fg) !important;
}

.pagination-count {
  background: transparent !important;
  color: var(--aipc-site-fg) !important;
}

@media (prefers-reduced-motion: reduce) {
  .tag,
  .overview-card-wrapper,
  .shop-subscription-card {
    transition-duration: 0.01ms !important;
  }
}