/* LeGeekShop — pages hors accueil, skin Playbook + Electrodox. */

html.lgk-storefront--legeekshop .lgk-colp,
html.lgk-storefront--legeekshop .lgk-cf,
html.lgk-storefront--legeekshop .lgk-colp .lgk-cf {
  --lgk-colp-accent: #f37521;
  --lgk-colp-ink: #f4f6fa;
  --lgk-colp-muted: rgba(244, 246, 250, 0.68);
  --lgk-colp-line: rgba(243, 117, 33, 0.22);
  --lgk-colp-surface: #101a23;
  --lgk-cf-accent: #f37521;
  --lgk-cf-accent-soft: rgba(243, 117, 33, 0.2);
  background: #060d15;
  color: #f4f6fa;
}

html.lgk-storefront--legeekshop .lgk-colp-hero {
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(0, 94, 255, 0.35), transparent 55%),
    linear-gradient(165deg, #101a23 0%, #060d15 100%);
  border-radius: 4px;
}

html.lgk-storefront--legeekshop .lgk-cf__chip.is-active,
html.lgk-storefront--legeekshop .lgk-colp .lgk-cf__chip.is-active,
html.lgk-storefront--legeekshop a.lgk-cf__chip.is-active {
  /* Darker orange so white labels stay ≥ 4.5:1 (WCAG AA). */
  color: #fff !important;
  background: #9a3412 !important;
  border-color: #9a3412 !important;
}

html.lgk-storefront--legeekshop .lgk-cf__chip:hover {
  border-color: rgba(243, 117, 33, 0.7) !important;
  background: rgba(243, 117, 33, 0.16) !important;
}

html.lgk-storefront--legeekshop .lgk-colp-filter-btn,
html.lgk-storefront--legeekshop .lgk-colp-sort__select,
html.lgk-storefront--legeekshop .lgk-cf__chip,
html.lgk-storefront--legeekshop .lgk-colp select {
  background: #101a23 !important;
  color: #f4f6fa !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Facet chip labels/counts: keep contrast ≥ 4.5:1 on dark collection surfaces. */
html.lgk-storefront--legeekshop .lgk-cf__chip {
  background: #0b1220 !important;
  color: #ffffff !important;
}
html.lgk-storefront--legeekshop .lgk-cf__chip-label,
html.lgk-storefront--legeekshop .lgk-cf__chip-count {
  color: #ffffff !important;
  opacity: 1 !important;
}
html.lgk-storefront--legeekshop .lgk-cf__chip.is-active {
  background: #9a3412 !important;
  border-color: #9a3412 !important;
  color: #ffffff !important;
}
html.lgk-storefront--legeekshop .lgk-cf__chip.is-active .lgk-cf__chip-label,
html.lgk-storefront--legeekshop .lgk-cf__chip.is-active .lgk-cf__chip-count {
  color: #ffffff !important;
}

html.lgk-storefront--legeekshop .lgk-colp-drawer__sheet {
  background: #0a1018;
  color: #f4f6fa;
}

html.lgk-storefront--legeekshop .lgk-colp-drawer__apply,
html.lgk-storefront--legeekshop .lgk-colp-pager__page.is-current {
  background: #f37521 !important;
  color: #fff !important;
}

html.lgk-storefront--legeekshop .product-card,
html.lgk-storefront--legeekshop .lgk-spc,
html.lgk-storefront--legeekshop .lgk-card-v2 {
  background: #101a23;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f4f6fa;
}

html.lgk-storefront--legeekshop .product-card__media,
html.lgk-storefront--legeekshop .product-card__figure,
html.lgk-storefront--legeekshop .lgk-spc__media,
html.lgk-storefront--legeekshop .lgk-card-v2__media {
  aspect-ratio: 1 / 1 !important;
  min-height: 180px;
  overflow: hidden;
  background:
    radial-gradient(80% 70% at 50% 40%, rgba(243, 117, 33, 0.22), transparent 62%),
    #101a23 url("/theme/lgk-coll/lgk-pdp-stage.webp") center / cover no-repeat !important;
}

html.lgk-storefront--legeekshop .product-card__media img,
html.lgk-storefront--legeekshop .product-card__image,
html.lgk-storefront--legeekshop .product-card__image--primary,
html.lgk-storefront--legeekshop .lgk-spc img,
html.lgk-storefront--legeekshop .lgk-card-v2 img {
  width: 86% !important;
  height: 86% !important;
  margin: 7% auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block;
}

html.lgk-storefront--legeekshop .lgk-pdp,
html.lgk-storefront--legeekshop .updp-page {
  --updp-accent: #f37521;
  --updp-accent-secondary: #005eff;
  --updp-surface: #101a23;
  --updp-surface-elevated: #1d2b37;
  --updp-text: #f4f6fa;
  --updp-text-secondary: rgba(244, 246, 250, 0.68);
  --updp-border: rgba(243, 117, 33, 0.22);
  --updp-gradient: linear-gradient(135deg, #f37521 0%, #005eff 100%);
  background: #060d15;
  color: #f4f6fa;
}

html.lgk-storefront--legeekshop .lgk-pdp__gallery,
html.lgk-storefront--legeekshop .updp-gallery .lgk-pdp__gallery {
  background:
    radial-gradient(90% 80% at 50% 40%, rgba(243, 117, 33, 0.18), transparent 58%),
    #101a23 url("/theme/lgk-coll/lgk-pdp-stage.webp") center / cover no-repeat !important;
  border: 1px solid rgba(243, 117, 33, 0.32) !important;
  border-radius: 4px !important;
  padding: 1.15rem !important;
}

html.lgk-storefront--legeekshop .lgk-pdp__image,
html.lgk-storefront--legeekshop .updp-gallery .lgk-pdp__image {
  background: transparent !important;
  border-radius: 4px !important;
  aspect-ratio: 1 !important;
  width: 100% !important;
  max-height: min(72vh, 620px) !important;
  object-fit: contain !important;
  object-position: center !important;
}

html.lgk-storefront--legeekshop .lgk-pdp__thumb-btn {
  background: #101a23 !important;
  border-color: rgba(243, 117, 33, 0.28) !important;
}

html.lgk-storefront--legeekshop .lgk-pdp__thumb-btn.is-active {
  border-color: #f37521 !important;
  box-shadow: 0 0 0 2px rgba(243, 117, 33, 0.4) !important;
}

html.lgk-storefront--legeekshop .lgk-pdp__thumb {
  background: #0a1018 !important;
  object-fit: contain !important;
}

html.lgk-storefront--legeekshop .updp-atc,
html.lgk-storefront--legeekshop .lgk-pdp .button--primary,
html.lgk-storefront--legeekshop [data-lgk-add-to-cart] {
  background: #f37521 !important;
  border-color: #f37521 !important;
  color: #fff !important;
}

html.lgk-storefront--legeekshop .gc-cart-root,
html.lgk-storefront--legeekshop .gc-checkout-root,
html.lgk-storefront--legeekshop .lgk-cart,
html.lgk-storefront--legeekshop .cart-drawer {
  --gc-page: #060d15;
  --gc-surface: #101a23;
  --gc-accent: #f37521;
  --gc-accent-2: #005eff;
  --gc-text: #f4f6fa;
  background: #060d15;
  color: #f4f6fa;
}

html.lgk-storefront--legeekshop .gc-cta--primary,
html.lgk-storefront--legeekshop button.gc-checkout-submit {
  background: #f37521 !important;
  color: #fff !important;
}

html.lgk-storefront--legeekshop .lgk-search-page,
html.lgk-storefront--legeekshop .lgk-search,
html.lgk-storefront--legeekshop .lgk-account,
html.lgk-storefront--legeekshop .lgk-contact-page,
html.lgk-storefront--legeekshop .lgk-static-page,
html.lgk-storefront--legeekshop .lgk-blog,
html.lgk-storefront--legeekshop .lgk-404 {
  background: #060d15;
  color: #f4f6fa;
}

html.lgk-storefront--legeekshop .lgk-search-facets__chip.is-active,
html.lgk-storefront--legeekshop .lgk-search-page__hint.is-active,
html.lgk-storefront--legeekshop .lgk-search-mobile-bar__btn {
  border-color: rgba(243, 117, 33, 0.55) !important;
  background: rgba(243, 117, 33, 0.16) !important;
  color: #f37521 !important;
}

html.lgk-storefront--legeekshop .lgk-collections-page,
html.lgk-storefront--legeekshop .lgk-devis,
html.lgk-storefront--legeekshop .lgk-pc-quotes {
  background: transparent;
  color: #f4f6fa;
}
