/* nitroconcepts brand styles — Loaded on demand by BrandCssLoader.
   Stealth true-black surfaces with a single Nitro flame-red accent.
   German-engineered gaming seating: no race stripes, no gold, no grain. */

/* Hide default brand-base patterns */
.brand-themed[data-brand="nitroconcepts"]::before,
.brand-themed[data-brand="nitroconcepts"]::after {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Filter column — drop the default chamfered clip-path
   ═══════════════════════════════════════════════════════════════════════════ */
.dark .brand-themed[data-brand="nitroconcepts"] [data-filter-column] > div {
  clip-path: none !important;
  border-radius: 8px !important;
  background: #121216 !important;
  border: 1px solid #2A2A32 !important;
}

/* Kill default left-edge accent rail from brand-base.css */
.dark .brand-themed[data-brand="nitroconcepts"] [data-filter-column] > div::before {
  display: none !important;
}

.dark .brand-themed[data-brand="nitroconcepts"] [data-filter-column] h2 {
  font-family: "Big Shoulders Display", sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: #F3F1ED !important;
}

/* Sort bar — match filter */
.dark .brand-themed[data-brand="nitroconcepts"] [data-sort-bar] {
  clip-path: none !important;
  border-radius: 8px !important;
  background: #121216 !important;
  border: 1px solid #2A2A32 !important;
}

.dark .brand-themed[data-brand="nitroconcepts"] [data-sort-search] input {
  background: #08080A !important;
  border: 1px solid #2A2A32 !important;
  border-radius: 6px !important;
  color: #F3F1ED !important;
}

.dark .brand-themed[data-brand="nitroconcepts"] [data-sort-search] input:focus {
  border-color: var(--brand-accent) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Product cards — flame gradient wash, brighter on hover.
   Uses isolation + z-index:-1 so the gradient sits above the bg but below
   in-flow + absolutely-positioned children (badges, image, etc.).
   ═══════════════════════════════════════════════════════════════════════════ */
.dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card .group\/card {
  position: relative !important;
  isolation: isolate !important;
  background: #121216 !important;
  border: 1px solid #2A2A32 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform 0.4s cubic-bezier(.2,.9,.25,1), border-color 0.3s ease, box-shadow 0.4s ease !important;
}

.dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card .group\/card::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, transparent 0%, #E1001A 100%) !important;
  opacity: 0.10 !important;
  transition: opacity 0.35s ease !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

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

@media (min-width: 992px) {
  .dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card .group\/card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(225, 0, 26, 0.5) !important;
    box-shadow: 0 30px 60px -20px rgba(225, 0, 26, 0.25), 0 0 0 1px rgba(225, 0, 26, 0.15) !important;
  }
  .dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card .group\/card:hover::before {
    opacity: 0.4 !important;
  }
}

/* ─── Badges — flame-ember outlined pill ─── */
.dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card .badge-tag {
  background: rgba(8, 8, 10, 0.85) !important;
  border: 1px solid rgba(255, 90, 0, 0.4) !important;
  border-radius: 4px !important;
  color: #FF5A00 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  font-family: "Chivo Mono", monospace !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* ─── Price separator + title accent + stock indicators ─── */
.dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card [data-price-separator] {
  background: var(--brand-accent) !important;
}

.dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card h3 [data-title-accent] {
  color: var(--brand-accent) !important;
}

.dark .brand-themed[data-brand="nitroconcepts"] [data-brand-grid] .product-card .bg-green-500 {
  background-color: var(--brand-accent) !important;
}

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