/* ══════════════════════════════════════════
   FAMINAB — Alkemy Category / PLP overlay
   body.page-category.page-alkemy
   ══════════════════════════════════════════ */

body.page-category.page-alkemy {
  --cat-radius: 12px;
  --cat-metal: linear-gradient(
    145deg,
    #f7f8fa 0%,
    #d5dae3 18%,
    #eef1f5 38%,
    #aeb6c4 58%,
    #cfd5df 78%,
    #f2f4f7 100%
  );
  --cat-metal-text: #151820;
  --cat-metal-edge: rgba(255, 255, 255, 0.45);
  --cat-metal-shadow:
    0 8px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(40, 48, 64, 0.25);
}

body.page-category.page-alkemy .text-gold {
  background: none !important;
  -webkit-text-fill-color: unset !important;
  color: var(--ak-accent) !important;
}

/* Archive head: breadcrumb + centered title, same row */
body.page-category.page-alkemy .cat-archive-head {
  padding: clamp(36px, 5.5vw, 64px) 0 clamp(18px, 2.5vw, 28px) !important;
  background: transparent !important;
  border: none !important;
}

body.page-category.page-alkemy .cat-archive-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px 20px;
  min-height: 48px;
}

body.page-category.page-alkemy .cat-archive-bc {
  grid-column: 1;
  justify-self: start;
  align-self: center;
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  flex-wrap: wrap;
}

body.page-category.page-alkemy .cat-archive-bc .bc-item {
  color: var(--ak-text-muted) !important;
}

body.page-category.page-alkemy .cat-archive-bc .bc-item:hover {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .cat-archive-bc .bc-item--current {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .cat-archive-bar .cat-hero-title {
  grid-column: 2;
  justify-self: center;
  text-align: center;
  margin: 0 !important;
  color: var(--ak-text) !important;
  font-family: var(--ak-font-display) !important;
  font-weight: 800 !important;
  font-size: clamp(1.35rem, 3vw, 2rem) !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}

@media (max-width: 768px) {
  body.page-category.page-alkemy .cat-archive-bar {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 14px;
  }

  body.page-category.page-alkemy .cat-archive-bc {
    grid-column: 1;
    justify-self: center;
    justify-content: center;
  }

  body.page-category.page-alkemy .cat-archive-bar .cat-hero-title {
    grid-column: 1;
    white-space: normal;
  }
}

body.page-category.page-alkemy .cat-hero,
body.page-category.page-alkemy .cat-subnav {
  display: none !important;
}

body.page-category.page-alkemy .cat-section {
  background: transparent !important;
  border: none !important;
  padding: 12px 0 48px !important;
}

body.page-category.page-alkemy .cat-sidebar {
  background: var(--ak-glass-bg, rgba(24, 26, 36, 0.82)) !important;
  border: 1px solid var(--ak-glass-line, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--cat-radius) !important;
  box-shadow: var(--ak-glass-inset, inset 0 1px 0 rgba(255, 255, 255, 0.06)),
    var(--ak-glass-shadow, 0 10px 28px rgba(0, 0, 0, 0.28)) !important;
  backdrop-filter: blur(var(--ak-glass-blur, 14px)) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(var(--ak-glass-blur, 14px)) saturate(1.08) !important;
}

body.page-category.page-alkemy .sidebar-header {
  border-bottom-color: var(--ak-line) !important;
}

body.page-category.page-alkemy .sidebar-title {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .sidebar-title i {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .sidebar-reset {
  color: var(--ak-text-muted) !important;
  border-color: var(--ak-line) !important;
  border-radius: 8px !important;
}

body.page-category.page-alkemy .sidebar-reset:hover {
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
}

body.page-category.page-alkemy .filter-group {
  border-bottom-color: var(--ak-line) !important;
}

body.page-category.page-alkemy .filter-group-head {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .filter-group-head:hover {
  color: var(--ak-accent) !important;
  background: rgba(var(--ak-accent-rgb), 0.06) !important;
}

body.page-category.page-alkemy .filter-check,
body.page-category.page-alkemy .filter-rating,
body.page-category.page-alkemy .filter-toggle {
  color: var(--ak-text-muted) !important;
}

body.page-category.page-alkemy .filter-check:hover,
body.page-category.page-alkemy .filter-rating:hover {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .filter-count {
  color: var(--ak-text-muted) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

body.page-category.page-alkemy .filter-check input,
body.page-category.page-alkemy .filter-rating input {
  accent-color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .rating-stars {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .toggle-track {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--ak-line) !important;
}

body.page-category.page-alkemy .filter-toggle input:checked ~ .toggle-track {
  background: rgba(var(--ak-accent-rgb), 0.28) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.55) !important;
}

body.page-category.page-alkemy .filter-toggle input:checked ~ .toggle-track .toggle-thumb {
  background: var(--ak-accent) !important;
}

body.page-category.page-alkemy .price-display {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .price-fill {
  background: linear-gradient(90deg, var(--ak-accent-dim), var(--ak-accent)) !important;
}

body.page-category.page-alkemy .range-slider::-webkit-slider-thumb {
  background: var(--ak-accent) !important;
  border: 2px solid rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 2px 10px rgba(var(--ak-accent-rgb), 0.45) !important;
}

body.page-category.page-alkemy .range-slider::-moz-range-thumb {
  background: var(--ak-accent) !important;
  border: 2px solid rgba(255, 255, 255, 0.85) !important;
}

body.page-category.page-alkemy .price-input {
  background: rgba(5, 5, 8, 0.55) !important;
  border-color: var(--ak-line) !important;
  color: var(--ak-text) !important;
  border-radius: 10px !important;
}

body.page-category.page-alkemy .price-input:focus {
  border-color: rgba(var(--ak-accent-rgb), 0.45) !important;
}

body.page-category.page-alkemy .btn-gold-3d,
body.page-category.page-alkemy .pc-add.btn-gold-3d {
  background: var(--cat-metal) !important;
  color: var(--cat-metal-text) !important;
  border: 1px solid var(--cat-metal-edge) !important;
  border-radius: 12px !important;
  box-shadow: var(--cat-metal-shadow) !important;
  font-weight: 750 !important;
}

body.page-category.page-alkemy .btn-gold-3d:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 0 rgba(40, 48, 64, 0.2) !important;
}

body.page-category.page-alkemy .btn-glass-3d {
  border-color: rgba(var(--ak-accent-rgb), 0.35) !important;
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .btn-glass-3d:hover {
  color: var(--ak-accent) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.55) !important;
  background: rgba(var(--ak-accent-rgb), 0.1) !important;
}

body.page-category.page-alkemy .btn-glass-3d i {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .cat-toolbar {
  background: var(--ak-glass-bg, rgba(24, 26, 36, 0.82)) !important;
  border: 1px solid var(--ak-glass-line, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--cat-radius) !important;
  backdrop-filter: blur(var(--ak-glass-blur, 14px)) saturate(1.08) !important;
  box-shadow: var(--ak-glass-inset, inset 0 1px 0 rgba(255, 255, 255, 0.06)),
    var(--ak-glass-shadow, 0 10px 28px rgba(0, 0, 0, 0.28)) !important;
}

body.page-category.page-alkemy .toolbar-row--top {
  border-bottom-color: var(--ak-line) !important;
}

body.page-category.page-alkemy .cat-result-count {
  color: var(--ak-text-muted) !important;
}

body.page-category.page-alkemy .cat-result-count strong {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .cat-sort-wrap,
body.page-category.page-alkemy .view-toggle {
  background: rgba(5, 5, 8, 0.45) !important;
  border-color: var(--ak-line) !important;
  border-radius: 10px !important;
}

body.page-category.page-alkemy .cat-sort-select {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .cat-sort-select option {
  background: var(--ak-bg-elevated) !important;
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .view-btn {
  color: var(--ak-text-muted) !important;
}

body.page-category.page-alkemy .view-btn--active {
  background: rgba(var(--ak-accent-rgb), 0.16) !important;
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .active-chip {
  background: rgba(var(--ak-accent-rgb), 0.12) !important;
  border: 1px solid rgba(var(--ak-accent-rgb), 0.28) !important;
  color: var(--ak-accent) !important;
  border-radius: 8px !important;
}

body.page-category.page-alkemy .chip-remove {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .chip-clear-all,
body.page-category.page-alkemy .chips-label {
  color: var(--ak-text-muted) !important;
}

body.page-category.page-alkemy .chip-clear-all:hover {
  color: #f87171 !important;
}

body.page-category.page-alkemy .pc-card {
  background: var(--ak-glass-bg-card, rgba(26, 28, 38, 0.86)) !important;
  border: 1px solid var(--ak-glass-line, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--ak-radius-card, 14px) !important;
  box-shadow: var(--ak-glass-inset, inset 0 1px 0 rgba(255, 255, 255, 0.06)),
    var(--ak-glass-shadow, 0 10px 28px rgba(0, 0, 0, 0.28)) !important;
  backdrop-filter: blur(var(--ak-glass-blur, 14px)) saturate(1.08) !important;
}

body.page-category.page-alkemy .pc-card:hover,
body.page-category.page-alkemy .pc-card:focus-within {
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-3px) !important;
}

body.page-category.page-alkemy .pc-img {
  background: rgba(12, 13, 20, 0.72) !important;
}

body.page-category.page-alkemy .pc-badge--hot,
body.page-category.page-alkemy .fm-badge--hot {
  background: linear-gradient(
    145deg,
    #064e3b 0%,
    #0f766e 32%,
    #14b8a6 58%,
    #0d9488 100%
  ) !important;
  color: #fff !important;
}

body.page-category.page-alkemy .pc-wish,
body.page-category.page-alkemy .pc-hover-btn {
  background: rgba(5, 5, 8, 0.82) !important;
  border-color: var(--ak-line) !important;
  color: var(--ak-text-muted) !important;
}

body.page-category.page-alkemy .pc-hover-btn:hover {
  color: var(--ak-accent) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
}

body.page-category.page-alkemy .pc-brand,
body.page-category.page-alkemy .pc-rating i,
body.page-category.page-alkemy .pc-price {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .pc-name,
body.page-category.page-alkemy .pc-rating-num {
  color: var(--ak-text) !important;
}

body.page-category.page-alkemy .pc-desc,
body.page-category.page-alkemy .pc-review-count,
body.page-category.page-alkemy .pc-old-price {
  color: var(--ak-text-soft, var(--ak-text-muted)) !important;
}

body.page-category.page-alkemy .page-btn {
  background: var(--ak-glass-bg-card, rgba(34, 37, 52, 0.94)) !important;
  border-color: var(--ak-glass-line, rgba(255, 255, 255, 0.13)) !important;
  color: var(--ak-text-muted) !important;
  border-radius: 10px !important;
}

body.page-category.page-alkemy .page-btn:hover:not(:disabled) {
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
  color: var(--ak-accent) !important;
  background: rgba(var(--ak-accent-rgb), 0.08) !important;
}

body.page-category.page-alkemy .page-btn--active {
  background: var(--ak-accent) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.85) !important;
  color: #04120e !important;
  box-shadow: 0 6px 18px rgba(var(--ak-accent-rgb), 0.28) !important;
}

body.page-category.page-alkemy .page-btn--active:hover {
  color: #04120e !important;
}

body.page-category.page-alkemy .filter-overlay {
  background: rgba(5, 5, 8, 0.72) !important;
}

body.page-category.page-alkemy .filter-fab {
  background: var(--cat-metal) !important;
  color: var(--cat-metal-text) !important;
  border-radius: 14px !important;
  box-shadow: var(--cat-metal-shadow) !important;
}

body.page-category.page-alkemy .fab-count {
  background: #0a0a10 !important;
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .mob-nav-item.active,
body.page-category.page-alkemy .mob-nav-item--filter.has-filters {
  color: var(--ak-accent) !important;
}

body.page-category.page-alkemy .mob-filter-badge {
  background: var(--ak-accent) !important;
  color: #04120e !important;
}

html[data-theme="light"] body.page-category.page-alkemy .cat-sidebar,
html[data-theme="light"] body.page-category.page-alkemy .cat-toolbar,
html[data-theme="light"] body.page-category.page-alkemy .pc-card {
  background: var(--ak-glass-bg-card, rgba(255, 255, 255, 0.96)) !important;
  border-color: var(--ak-glass-line, rgba(0, 0, 0, 0.1)) !important;
}

html[data-theme="light"] body.page-category.page-alkemy .pc-img {
  background: rgba(246, 246, 248, 0.9) !important;
}

html[data-theme="light"] body.page-category.page-alkemy .cat-sort-wrap,
html[data-theme="light"] body.page-category.page-alkemy .view-toggle,
html[data-theme="light"] body.page-category.page-alkemy .filter-search,
html[data-theme="light"] body.page-category.page-alkemy .price-input,
html[data-theme="light"] body.page-category.page-alkemy .page-btn {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] body.page-category.page-alkemy .pc-wish,
html[data-theme="light"] body.page-category.page-alkemy .pc-hover-btn {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
