/* asrock brand styles — auto-generated. Loaded on demand by BrandCssLoader. */

/* ═══════════════════════════════════════════════════════════════
   ASROCK — PCB green (#7CBB00) on near-black (#070707)
   Hardware-themed: sharp edges, solder dots, trace lines
   ═══════════════════════════════════════════════════════════════ */
/* Hide default background patterns */

.brand-themed[data-brand="asrock"]::before,
.brand-themed[data-brand="asrock"]::after {
  display: none !important;
}

/* Product card — parent is the border layer (octagon clipped with border color bg) */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card {
  background: #2A2A2A !important;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px) !important;
  padding: 1px !important;
  transition: background 0.3s ease !important;
}

/* Inner card — fill, same octagon but 1px inset to reveal parent as border */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card .group\/card {
  background: linear-gradient(145deg, #111111 0%, #0A0A0A 35%, #0E0E0E 65%, #080808 100%) !important;
  border: none !important;
  border-radius: 0 !important;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px) !important;
}

/* Hide default pseudo-elements */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card .group\/card::before {
  display: none !important;
}

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card .group\/card::after {
  display: none !important;
}

@media (min-width: 992px) {
.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card:hover {
    background: #7CBB00 !important;
    transform: translateY(-4px) !important;
  }
.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card:hover .group\/card {
    transform: none !important;
  }
}

/* Badge/tag — green on dark */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card .badge-tag {
  background: rgba(124,187,0,0.12) !important;
  color: #7CBB00 !important;
  border: 1px solid rgba(124,187,0,0.25) !important;
  border-radius: 2px !important;
}

/* Price separator */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card [data-price-separator] {
  background: rgba(124,187,0,0.15) !important;
}

/* Title accent (last word) */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card h3 [data-title-accent] {
  color: #7CBB00 !important;
}

/* In-stock dot */

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card .bg-green-500 {
  background-color: #7CBB00 !important;
  box-shadow: 0 0 6px rgba(124,187,0,0.5) !important;
}

.dark .brand-themed[data-brand="asrock"] [data-brand-grid] .product-card .text-green-300 {
  color: #96D91A !important;
}

/* Sort bar — octagon corners with border */

.dark .brand-themed[data-brand="asrock"] [data-sort-bar] {
  background: #2A2A2A !important;
  border: none !important;
  border-radius: 0 !important;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px) !important;
  padding: 1px !important;
  position: relative !important;
}

.dark .brand-themed[data-brand="asrock"] [data-sort-bar]::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  background: #0C0C0C !important;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px) !important;
  z-index: 0 !important;
}

.dark .brand-themed[data-brand="asrock"] [data-sort-bar] > * {
  position: relative !important;
  z-index: 1 !important;
}

.dark .brand-themed[data-brand="asrock"] [data-sort-bar] h2 [data-sort-count] {
  color: #7CBB00 !important;
  font-weight: 700 !important;
}

.dark .brand-themed[data-brand="asrock"] [data-sort-bar] [data-sort-search],
.dark .brand-themed[data-brand="asrock"] [data-sort-bar] [data-sort-search].border {
  background: #121212 !important;
  border-color: #1E1E1E !important;
  border-radius: 4px !important;
}

.dark .brand-themed[data-brand="asrock"] [data-sort-bar] [data-sort-search]:focus-within {
  border-color: #7CBB00 !important;
}

.dark .brand-themed[data-brand="asrock"] [data-sort-bar] select {
  background: #121212 !important;
  border-color: #1E1E1E !important;
  border-radius: 4px !important;
  color: #EAEAEA !important;
}

/* Filter column — octagon corners with border */

.dark .brand-themed[data-brand="asrock"] [data-filter-column] > div {
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px) !important;
  border-radius: 0 !important;
  border: 1px solid #2A2A2A !important;
  background: #0C0C0C !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] > div::before {
  display: none !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] h2 {
  color: #EAEAEA !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] label.group {
  border-color: transparent !important;
  border-radius: 4px !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] label.group:hover {
  background: rgba(124,187,0,0.05) !important;
  border-color: rgba(124,187,0,0.15) !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] button[class*="rounded"] {
  border-color: rgba(124,187,0,0.2) !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] input[type="range"]::-webkit-slider-thumb {
  background: #7CBB00 !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] [role="slider"] {
  border-color: #7CBB00 !important;
}

.dark .brand-themed[data-brand="asrock"] [data-filter-column] [data-orientation="horizontal"] > span:first-child {
  background: linear-gradient(90deg, #7CBB00, #5A8A00) !important;
}

/* Breadcrumbs */

.dark .brand-themed[data-brand="asrock"] [class*="breadcrumb"] a {
  color: rgba(255,255,255,0.5) !important;
}

.dark .brand-themed[data-brand="asrock"] [class*="breadcrumb"] a:hover {
  color: #7CBB00 !important;
}

.dark .brand-themed[data-brand="asrock"] [class*="breadcrumb"] span {
  color: rgba(255,255,255,0.3) !important;
}

.dark .brand-themed[data-brand="asrock"] [class*="breadcrumb"] li:last-child span {
  color: rgba(255,255,255,0.7) !important;
}