/* aclonewatch light-theme follow-up: icons, selects, sticky header, cards */

/* Gold recolor filter on header icons — was turning even black SVGs gold */
html:root .skip-links .skip-link .icon,
html:root .header-minicart .skip-cart .icon,
html:root .skip-links .skip-link [class*="icon"],
html:root .header-minicart .skip-cart [class*="icon"] {
  filter: none !important;
  -webkit-filter: none !important;
}

html:root body .skip-links .skip-link.skip-nav .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") !important;
}
html:root body .skip-links .skip-link.skip-search .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
}
html:root body .skip-links .skip-link.skip-account .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E") !important;
}
html:root body .skip-links .skip-link.skip-cart .icon,
html:root body .header-minicart .skip-cart .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important;
}

/* Select arrows were tiling into a checkerboard because background-repeat was reset */
html:root select,
html:root body .toolbar select,
html:root body .toolbar .sort-by select,
html:root body .toolbar .limiter select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111111' stroke-width='1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 6px !important;
  color: #111 !important;
  border: 1px solid #e5e5e5 !important;
  padding-right: 34px !important;
}

/* Sticky header should span the viewport so brand nav does not hang off a narrow bar */
html:root body #header.lux-header.lux-sticky,
html:root body.lux-sticky .page-header,
html:root body.lux-sticky #header.page-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}
html:root body #header.lux-header.lux-sticky .page-header-container {
  max-width: 1320px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
@media only screen and (min-width: 771px) {
  html:root body #header.lux-header.lux-sticky ol.nav-primary > li.level0 > a.level0 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    letter-spacing: .12em !important;
  }
}

/* Category card Add to Cart: solid black, no overflow */
html:root .products-grid .actions,
html:root body .products-grid .actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html:root .products-grid .actions .button.btn-cart,
html:root body .products-grid .btn-cart,
html:root body .products-grid .button.btn-cart {
  background: #111 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  overflow: hidden !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html:root .products-grid .actions .button.btn-cart:hover,
html:root body .products-grid .button.btn-cart:hover {
  background: #333 !important;
  color: #fff !important;
  border-color: #333 !important;
}

/* Mobile skip-link row: four equal cells, no leftover gap / gold border */
@media only screen and (max-width: 770px) {
  html:root body .skip-links {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }
  html:root body .skip-links a.skip-nav,
  html:root body .skip-links a.skip-search {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 50px !important;
    border: 0 !important;
    border-right: 1px solid #e5e5e5 !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html:root body .skip-links .account-cart-wrapper {
    flex: 2 1 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    border: 0 !important;
    background: transparent !important;
  }
  html:root body .skip-links .account-cart-wrapper .skip-account,
  html:root body .skip-links .header-minicart,
  html:root body .skip-links .header-minicart .skip-cart {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 50px !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #e5e5e5 !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html:root body .skip-links .header-minicart .skip-cart,
  html:root body .skip-links > .skip-link:last-child {
    border-right: 0 !important;
  }
  html:root body .product-view .product-shop,
  html:root body .product-view .product-name {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}