/* One restrained black, white, and gray palette across every route. */
:root {
  color-scheme: dark;
  --p-accent: #fff;
  --accent: #fff;
  --green: #c7c7c7;
  --amber-accent: #c7c7c7;
  --emerald-accent: #c7c7c7;
}

.cart-eyebrow,
.cart-drawer-line-top span,
.cart-catalog-item > span:last-child,
.contact-eyebrow,
.contact-address,
.contact-card #contactStatus,
.payment-method-inline-icon,
.footer-link.tiktok-link:hover,
.nav-link.tiktok-link:hover,
.footer-link.youtube-link:hover,
.nav-link.youtube-link:hover,
.footer-link.order-link:hover {
  color: #d4d4d4 !important;
}

.cart-drawer,
.cart-drawer-line,
.cart-catalog-item,
.cart-drawer-foot,
.cart-close {
  background-color: #151515;
}

.cart-catalog-item:hover,
.cart-close:hover {
  border-color: #d0d0d0;
  background: #202020;
}

.cart-promo-form button,
.cart-checkout,
.contact-card button {
  background: #f2f2f2;
  color: #111;
}

.cart-promo-form button:hover,
.cart-checkout:hover,
.contact-card button:hover {
  background: #fff;
  color: #000;
}

.cart-discount,
.sale-banner-prices strong,
.pricing-card:has(.price-original:not([hidden])) .price-amount,
.pricing-card:has(.price-original:not([hidden])) .price-original,
.quote-row .discount,
.summary-total-lines #summaryDiscount,
.summary-mobile #summaryDiscount,
.p-promo-value,
.p-sale-discount {
  color: #e0e0e0 !important;
  text-shadow: none !important;
}

.sale-banner-mark,
.sale-chip {
  background: #dedede !important;
  border-color: #dedede !important;
  color: #111 !important;
  box-shadow: none !important;
}

.sale-banner,
.site-sale-toggle input,
.p-sale-discount input,
.p-form input[name="saleEnabled"] {
  accent-color: #fff !important;
  border-color: #ffffff35 !important;
}

.payment-badge-card--paypal,
.payment-method-card--paypal,
.method-card[data-brand="paypal"],
.payment-badge-card--paysafe,
.payment-method-card--paysafe,
.method-card[data-brand="paysafe"] {
  border-color: #555 !important;
  background: linear-gradient(145deg, #202020, #111 70%) !important;
  box-shadow: none;
}

.payment-badge-card--paypal:hover,
.payment-badge-card--paysafe:hover,
.method-card[data-brand="paypal"].selected,
.method-card[data-brand="paysafe"].selected {
  border-color: #ddd !important;
  box-shadow: 0 0 0 1px #ffffff30 !important;
}

.payment-badge-card--paypal .payment-icon-wrap,
.payment-badge-card--paysafe .payment-icon-wrap {
  color: #fff;
  background: #191919;
  box-shadow: none;
}

.payment-badge-card--paypal .payment-name,
.payment-badge-card--paysafe .payment-name,
.method-card[data-brand="paypal"] .method-copy strong,
.method-card[data-brand="paysafe"] .method-copy strong {
  color: #f2f2f2 !important;
}

.method-card[data-brand="paypal"] .method-fallback,
.method-card[data-brand="paysafe"] .method-fallback {
  color: #fff !important;
  background: #222 !important;
}

.social-icon-btn.tiktok-link,
.social-icon-btn.tiktok-link:hover,
.social-icon-btn.youtube-link,
.social-icon-btn.youtube-link:hover,
.social-icon-btn.order-btn,
.social-icon-btn.order-btn:hover {
  background: #171717 !important;
  border-color: #777 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.social-icon-btn.tiktok-link svg {
  filter: none !important;
}

.contact-intro h1,
.contact-card h2,
.contact-card label,
.contact-card input,
.contact-card textarea,
.contact-card button {
  color: #f2f2f2;
}

.contact-card input:focus,
.contact-card textarea:focus {
  border-color: #ddd;
}

.contact-card button {
  color: #111;
}

.p-motion-ready {
  opacity: 1;
  transform: none;
}

.p-motion-ready.p-reveal {
  animation: p-scroll-in 520ms cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--p-motion-delay, 0ms);
}

@keyframes p-scroll-in {
  from { opacity: .18; transform: translateY(10px) scale(.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .p-motion-ready,
  .p-motion-ready.p-reveal {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}
