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

/* ═══════════════════════════════════════════════════════════
   OMEN by HP — Official HP brand store design (dark gaming)
   Black #0a0a0a, red #EE1031 accent, HP Forma DJR Office
   ═══════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'HP Forma DJR Office';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('HP Forma DJR Office Regular'),
       url('/fonts/HPFormaDJROffice-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'HP Forma DJR Office';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('HP Forma DJR Office Medium'),
       url('/fonts/HPFormaDJROffice-Regular.ttf') format('truetype');
}

.brand-themed[data-brand="hpomen"] {
  background-color: #0a0a0a !important;
  color: #f0f0f5;
}

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

/* ── HP section primitives (Brand Header / Trust / CTA sections) ── */

.brand-themed[data-brand="hpomen"] .hp-title {
  font-family: 'HP Forma DJR Office', sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 3.4vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.016em;
  color: #f5f5f5;
}

.brand-themed[data-brand="hpomen"] .hp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 28px 14px;
  background: #EE1031;
  color: #fff !important;
  border: 1px solid #EE1031;
  border-radius: 6px;
  font-family: 'HP Forma DJR Office', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.004em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

.brand-themed[data-brand="hpomen"] .hp-btn:hover,
.brand-themed[data-brand="hpomen"] .hp-tile:hover .hp-btn {
  background: #C4002B;
  border-color: #C4002B;
}

.brand-themed[data-brand="hpomen"] .hp-btn--bar {
  padding: 10px 22px 11px;
  font-size: 16px;
  line-height: 20px;
}

.brand-themed[data-brand="hpomen"] .hp-btn--arrow {
  width: 36px;
  height: 36px;
  padding: 0;
  flex-shrink: 0;
}

.brand-themed[data-brand="hpomen"] .hp-hero-progress {
  width: 100%;
  transform-origin: left;
  animation: hpHeroProgress linear forwards;
}

@keyframes hpHeroProgress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

/* ── Product cards — dark surface, fully rounded (Apple-style) ── */

.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card .group\/card {
  background: #131313 !important;
  border: 1px solid #262626 !important;
  border-radius: 16px !important;
  clip-path: none !important;
  box-shadow: none !important;
  position: relative;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

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

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

@media (min-width: 992px) {
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card .group\/card:hover {
    transform: translateY(-6px) !important;
    border-color: #262626 !important;
    box-shadow: 0 16px 48px -8px rgba(238,16,49,0.18) !important;
  }
}

/* Image carousel dots */
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card button.bg-white {
  background-color: #EE1031 !important;
}
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card button.bg-gray-600 {
  background-color: #3a3a3a !important;
}

/* Title accent (last word) */
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card h3 [data-title-accent] {
  color: #EE1031 !important;
}

/* Price separator line */
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card [data-price-separator] {
  background: linear-gradient(to right, transparent, rgba(238,16,49,0.25), transparent) !important;
}

/* Badge / tag pills */
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card .badge-tag {
  background: rgba(238,16,49,0.08) !important;
  border: 1px solid rgba(238,16,49,0.2) !important;
  border-radius: 6px !important;
}

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

/* In-stock dot — HP green, matching the light pages */
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card [class*="bg-green"] {
  background-color: #1C8A1E !important;
}

.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card .text-green-300,
.dark .brand-themed[data-brand="hpomen"] [data-brand-grid] .product-card span[class*="green"] {
  color: #2eb330 !important;
}

/* ── Sort bar ── */

.dark .brand-themed[data-brand="hpomen"] [data-sort-bar] {
  clip-path: none !important;
  border-radius: 12px !important;
  background: #131313 !important;
  border: 1px solid #262626 !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.dark .brand-themed[data-brand="hpomen"] [data-sort-bar] input,
.dark .brand-themed[data-brand="hpomen"] [data-sort-bar] [data-sort-search] {
  background: #0d0d0d !important;
  border: 1px solid #262626 !important;
  color: #f0f0f5 !important;
  border-radius: 6px !important;
}

/* ── Filter column ── */

.dark .brand-themed[data-brand="hpomen"] [data-filter-column] > div {
  clip-path: none !important;
  border-radius: 12px !important;
  background: #131313 !important;
  border: 1px solid #262626 !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

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

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

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

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

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

/* ── Pagination — consistent 44px buttons, red active ── */

.dark .brand-themed[data-brand="hpomen"] nav[aria-label="Pagination"] button {
  background: #131313 !important;
  border: 1px solid #262626 !important;
  color: #d1d5db !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.dark .brand-themed[data-brand="hpomen"] nav[aria-label="Pagination"] button:hover {
  border-color: #EE1031 !important;
  color: #EE1031 !important;
}

.dark .brand-themed[data-brand="hpomen"] nav[aria-label="Pagination"] button[aria-current="page"] {
  background: #EE1031 !important;
  border-color: #EE1031 !important;
  color: #ffffff !important;
}

/* ── Details / summary (FAQ accordion) ── */

.brand-themed[data-brand="hpomen"] details > summary {
  list-style: none;
}

.brand-themed[data-brand="hpomen"] details > summary::-webkit-details-marker {
  display: none;
}