/* lux-qa.css – loaded last, fixes visual QA issues */

/* ── 1. CART LINKS & ICONS (blue -> gold) ─────────────────────── */
html body .cart-table a,
html body .cart-footer-actions a,
html body .btn-continue,
html body .btn-empty,
html body .btn-update,
html body #discount-coupon-form button,
html body .shipping button,
html body .cart .actions a,
html body .cart .actions button {
  color: #c9a45c !important;
}

html body a.btn-remove,
html body a.btn-remove2 {
  color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cline x1='10' y1='11' x2='10' y2='17'/%3E%3Cline x1='14' y1='11' x2='14' y2='17'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  background-color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
}

/* ── 2. CART TOTALS SPACING ───────────────────────────────────── */
html body .cart-totals table td,
html body .cart-totals table th,
html body #shopping-cart-totals-table td,
html body #shopping-cart-totals-table th {
  padding: 6px 12px !important;
}

/* ── 3. CART MOBILE ROW LAYOUT ────────────────────────────────── */
@media (max-width: 770px) {
  html body #shopping-cart-table tbody tr {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  html body #shopping-cart-table td.product-cart-remove {
    display: none !important;
  }
}

/* ── 4. SUCCESS MESSAGE ───────────────────────────────────────── */
html body ul.messages .success-msg,
html body .messages .success-msg,
html body .success-msg {
  color: #f3efe6 !important;
  background: #141414 !important;
  border: none !important;
  border-left: 3px solid #c9a45c !important;
}

/* ── 5. TOOLBAR GRID/LIST TOGGLE ICONS (orange -> gold SVG) ──── */
html body .toolbar .grid,
html body .toolbar .list {
  color: transparent !important;
  background-image: none !important;
  text-indent: -9999px !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}
html body .toolbar .grid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
}
html body .toolbar .list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") !important;
}

/* ── 6. TOOLBAR WRAP ON DESKTOP (flex) ────────────────────────── */
@media (min-width: 771px) {
  html body .toolbar .sorter {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 16px !important;
  }
  html body .toolbar .pager .count-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 16px !important;
  }
}

/* ── 7. PRODUCT IMAGE BORDERS (white -> gold rgba) ────────────── */
html body .products-grid .product-image,
html body .product-image-gallery img,
html body .product-image img {
  border-color: rgba(201,164,92,.18) !important;
}

/* ── 8. ADD TO CART ON CATEGORY DESKTOP (dim -> gold outline) ── */
@media (min-width: 771px) {
  html body .products-grid .btn-cart,
  html body .products-grid .button.btn-cart {
    color: #c9a45c !important;
    background: transparent !important;
    border: 1px solid #c9a45c !important;
    opacity: 1 !important;
  }
}

/* ── 9. SOCIAL SHARE ICONS (blue sprite -> gold SVG) ──────────── */
html body .sharing-links .link-facebook,
html body .sharing-links .link-twitter {
  color: transparent !important;
  background-image: none !important;
  text-indent: -9999px !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
html body .sharing-links .link-facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23c9a45c'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E") !important;
}
html body .sharing-links .link-twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23c9a45c'%3E%3Cpath d='M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z'/%3E%3C/svg%3E") !important;
}

/* ── 10. CHECKOUT UNSELECTED RADIO ────────────────────────────── */
html body input[type="radio"] {
  accent-color: #c9a45c !important;
}

/* ── 11. LOGIN INPUTS CONSISTENT BORDER ───────────────────────── */
html body .login-container input.input-text,
html body .account-login input.input-text {
  border: 1px solid rgba(201,164,92,.35) !important;
}
html body .login-container input.input-text:focus,
html body .account-login input.input-text:focus {
  border-color: #c9a45c !important;
}

/* ── 12. COLLAPSED CHECKOUT STEP TITLES HIGHER CONTRAST ───────── */
html body .checkout-steps .section .step-title h2,
html body .checkout-steps .allow .step-title h2 {
  color: #f3efe6 !important;
  opacity: 1 !important;
}

/* ── 13. LAYERED NAV MOBILE FILTER CUSTOM GOLD CHEVRON ────────── */
@media (max-width: 770px) {
  html body .block-layered-nav .block-title strong,
  html body .block-layered-nav dt {
    list-style: none !important;
  }
  html body .block-layered-nav .block-title::-webkit-details-marker,
  html body .block-layered-nav dt::-webkit-details-marker {
    display: none !important;
  }
  html body .block-layered-nav .block-title::marker,
  html body .block-layered-nav dt::marker {
    content: '' !important;
  }
  html body .block-layered-nav .block-title,
  html body .block-layered-nav dt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 14px 14px !important;
  }
}

/* ── 14. PRODUCT MOBILE DUPLICATE TABS+ACCORDION ──────────────── */
@media (max-width: 770px) {
  html body .product-collateral .toggle-tabs {
    display: none !important;
  }
}

/* ── 15. MORE VIEWS HEADING SIZE ──────────────────────────────── */
html body .box-more-views h2,
html body .more-views h2 {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* ── 16. NEWSLETTER INPUT VISIBLE BORDER + PLACEHOLDER ────────── */
html body .block-newsletter input.input-text,
html body .footer .newsletter input.input-text {
  border: 1px solid rgba(201,164,92,.35) !important;
  color: #f3efe6 !important;
  background: #111 !important;
}
html body .block-newsletter input.input-text::placeholder,
html body .footer .newsletter input.input-text::placeholder {
  color: #a39e93 !important;
  opacity: 1 !important;
}

/* ── 17. MOBILE DRAWER OVERLAY SCRIM ──────────────────────────── */
html body #lux-drawer-overlay {
  background: rgba(0,0,0,.6) !important;
}

/* ── 18. MOBILE HEADER CART BADGE & EQUAL-WIDTH ICON CELLS ────── */
@media (max-width: 770px) {
  html body #header .skip-links {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  html body #header .skip-links .skip-link.skip-nav,
  html body #header .skip-links .skip-link.skip-search {
    flex: 1 1 25% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html body #header .skip-links .account-cart-wrapper {
    flex: 2 1 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html body #header .skip-links .skip-link.skip-account {
    flex: 1 1 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html body #header .skip-links .header-minicart {
    flex: 1 1 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html body .skip-cart {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html body .skip-cart .icon {
    width: 22px !important;
    height: 22px !important;
  }
  html body .skip-cart .count {
    position: absolute !important;
    top: 0 !important;
    right: calc(50% - 18px) !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 10px !important;
    text-align: center !important;
    background: #c9a45c !important;
    color: #0b0b0b !important;
    border-radius: 50% !important;
    padding: 0 !important;
  }
}

/* ── 19. FOCUS-VISIBLE GOLD OUTLINE ───────────────────────────── */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body .skip-link:focus-visible,
html body [role="button"]:focus-visible {
  outline: 2px solid #c9a45c !important;
  outline-offset: 2px !important;
}

/* ── 20. BREADCRUMB SEPARATOR CONTRAST ────────────────────────── */
html body .breadcrumbs li + li::before {
  display: none !important;
  content: none !important;
}
html body .breadcrumbs li span {
  color: rgba(201,164,92,.75) !important;
  margin: 0 8px !important;
  font-weight: 400 !important;
}

/* ── 21. KNOWN ISSUE (a): skip-account mobile border parity ──── */
@media (max-width: 770px) {
  html body #header .skip-links .skip-link.skip-account {
    border: 0 !important;
    border-left: 1px solid rgba(201,164,92,.18) !important;
  }
}