/* Shared storefront palette. Restrict checkout changes to the site shell. */
body {
  --vionic-ink: #292522;
  --vionic-ink-hover: #514943;
  --vionic-warm-white: #f7f5f2;
  --vionic-line: #e7e2dc;
  --vionic-muted: #716a64;
  --vionic-sale: #c62832;
}
body #top-bar { background: #171513 !important; }
body #top-bar, body #top-bar a, body #top-bar p { color: #fff !important; }
body #masthead,
body #wide-nav,
body #header .stuck .header-main,
body #header .header-bg-color { background: #fff !important; }
body #masthead, body #wide-nav { border-bottom: 1px solid var(--vionic-line); }
body #header .nav > li > a,
body #header .nav > li > a i,
body #header .nav > li > a .icon-shopping-basket { color: var(--vionic-ink) !important; }
body #header .nav > li > a:hover,
body #header .nav > li.active > a { color: var(--vionic-ink-hover) !important; }
body #footer, body .footer-wrapper,
body #footer .footer-1, body #footer .footer-2,
body #footer .absolute-footer {
  background: var(--vionic-warm-white) !important;
  color: var(--vionic-ink) !important;
}
body #footer { border-top: 1px solid var(--vionic-line); }
body #footer .absolute-footer { border-top: 1px solid var(--vionic-line); }
body #footer h1, body #footer h2, body #footer h3,
body #footer h4, body #footer .widget-title { color: var(--vionic-ink) !important; }
body #footer .footer-2 .row > .widget_custom_html:last-child .textwidget > div[style*="background-color"] {
  background-color: transparent !important;
  color: var(--vionic-ink) !important;
}
body #footer a { color: var(--vionic-ink) !important; }
body #footer a:hover, body #footer a:focus-visible { color: var(--vionic-sale) !important; }
body #footer input[type="email"],
body #footer input[type="text"] {
  background: #fff !important;
  border: 1px solid #aaa29a !important;
  color: var(--vionic-ink) !important;
}
body #footer input[type="submit"], body #footer button[type="submit"] {
  background: var(--vionic-ink) !important;
  border-color: var(--vionic-ink) !important;
  color: #fff !important;
}
body #footer input[type="submit"]:hover, body #footer button[type="submit"]:hover {
  background: var(--vionic-ink-hover) !important;
  border-color: var(--vionic-ink-hover) !important;
}
/* Cart is a browsing step; its return button should match the store buttons. */
body.woocommerce-cart #main .button,
body.woocommerce-cart #main input[type="submit"] {
  background: var(--vionic-ink) !important;
  border-color: var(--vionic-ink) !important;
  color: #fff !important;
}
body.woocommerce-cart #main .button:hover,
body.woocommerce-cart #main input[type="submit"]:hover {
  background: var(--vionic-ink-hover) !important;
  border-color: var(--vionic-ink-hover) !important;
}
body.woocommerce-cart #main .checkout-button { border-radius: 2px !important; }