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

/* ═══════════════════════════════════════════════════════════
   DELL — Corporate blue (#0076CE) on navy (#0A1520)
   ═══════════════════════════════════════════════════════════ */

.brand-themed[data-brand="dell"] {
  background-color: transparent !important;
}

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

.brand-themed[data-brand="dell"] #Introduction > div:first-child {
  background: #0F1E2E;
}

/* Product cards — clean with blue top accent line */

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .group\/card {
  border-color: #1A3350 !important;
  border-radius: 6px !important;
  background: #0F1E2E !important;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Top blue accent line */

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .group\/card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #0076CE, transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
}

/* Canted-E corner accent — bottom right */

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .group\/card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 24px !important;
  height: 32px !important;
  clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%) !important;
  background: rgba(0,118,206,0.06) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  transition: background 0.3s ease !important;
}

@media (min-width: 992px) {
.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .group\/card:hover {
    transform: translateY(-4px) !important;
    border-color: #0076CE !important;
    box-shadow: 0 12px 40px rgba(0,118,206,0.15) !important;
  }
.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .group\/card:hover::before {
    opacity: 1 !important;
  }
.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .group\/card:hover::after {
    background: rgba(0,118,206,0.12) !important;
  }
}

/* Badges — blue tint */

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .badge-tag {
  background: rgba(0,118,206,0.08) !important;
  border: 1px solid rgba(0,118,206,0.15) !important;
}

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .badge-tag > div:first-child {
  background: transparent !important;
}

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card .badge-tag span {
  color: #4DA3E0 !important;
}

/* Price — matching sort bar header color */

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card [class*="bg-clip-text"] {
  color: #b0c4d8 !important;
  -webkit-text-fill-color: #b0c4d8 !important;
}

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card [data-price-separator] {
  background: linear-gradient(to right, transparent, rgba(0,118,206,0.12), transparent) !important;
}

/* Title accent — blue */

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

/* Stock indicator — blue */

.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card [class*="bg-green"],
.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card [class*="bg-red"] {
  background-color: var(--brand-accent) !important;
}

.dark.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card span[class*="green"],
.dark.dark .brand-themed[data-brand="dell"] [data-brand-grid] .product-card span[class*="red-3"] {
  color: #4DA3E0 !important;
}

/* Filter column — matching product card navy tones */

.dark .brand-themed[data-brand="dell"] [data-filter-column] > div {
  border-color: #1A3350 !important;
  border-radius: 6px !important;
  background: #0F1E2E !important;
  backdrop-filter: none !important;
}

/* Filter header (sticky bar) */

.dark .brand-themed[data-brand="dell"] [data-filter-column] .sticky {
  background: #0F1E2E !important;
  border-color: #1A3350 !important;
}

.dark .brand-themed[data-brand="dell"] [data-filter-column] > div::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 12px !important;
  left: 0 !important;
  width: 3px !important;
  height: 40px !important;
  background: linear-gradient(180deg, #0076CE, #005A9E) !important;
  border-radius: 0 2px 2px 0 !important;
  transform: skewY(-11deg) !important;
  transform-origin: top left !important;
}

.dark .brand-themed[data-brand="dell"] [data-filter-column] h2 {
  color: #b0c4d8 !important;
}

/* Sort bar */

.dark .brand-themed[data-brand="dell"] [data-sort-bar] {
  border-radius: 6px !important;
  background: #0F1E2E !important;
  border-color: #1A3350 !important;
  backdrop-filter: none !important;
}

.dark .brand-themed[data-brand="dell"] [data-sort-bar] h2 {
  text-transform: uppercase !important;
  color: #b0c4d8 !important;
  letter-spacing: 0.05em !important;
  font-weight: 500 !important;
}

/* Dividers */

.dark .brand-themed[data-brand="dell"] [data-filter-column] hr,
.dark .brand-themed[data-brand="dell"] [data-filter-column] [class*="border-b"] {
  border-color: #1A3350 !important;
}

/* Checkboxes — blue */

.dark .brand-themed[data-brand="dell"] [data-filter-column] input[type="checkbox"]:checked {
  background-color: #0076CE !important;
  border-color: #0076CE !important;
}

/* Price slider */

.dark .brand-themed[data-brand="dell"] [data-filter-column] [role="slider"] {
  border-color: #0076CE !important;
  background: #0076CE !important;
}

.dark .brand-themed[data-brand="dell"] [data-filter-column] [role="slider"]:hover {
  background: #4DA3E0 !important;
}

.dark .brand-themed[data-brand="dell"] [data-filter-column] span.grow > span {
  background: #0076CE !important;
}