/*
 * Black Friday theme. Loaded only when "Black Friday theme" is on in the plugin settings,
 * and scoped to body.tp-bf so it can never leak into the normal look.
 * Palette: black #000 / near-black #111, gold #f5b800, white.
 */

body.tp-bf {
  --primary-color: #000;
  --fs-color-primary: #000;
  --fs-color-secondary: #f5b800;
  --tp-bf-gold: #f5b800;
  --tp-bf-black: #000;
}

/* Header strips */
body.tp-bf #top-bar,
body.tp-bf .header-top {
  background-color: #000 !important;
}
body.tp-bf #top-bar,
body.tp-bf #top-bar a,
body.tp-bf .header-top a {
  color: #fff !important;
}
body.tp-bf #wide-nav,
body.tp-bf .header-bottom {
  background-color: #000 !important;
}
body.tp-bf #wide-nav .nav > li > a,
body.tp-bf .header-bottom .nav > li > a {
  color: #fff !important;
}
body.tp-bf #wide-nav .nav > li > a:hover,
body.tp-bf #wide-nav .nav > li.active > a,
body.tp-bf #wide-nav .nav > li.current-menu-item > a {
  color: var(--tp-bf-gold) !important;
}

/* Buttons: black with a gold edge, gold on hover */
body.tp-bf .button.primary:not(.is-outline):not(.is-form),
body.tp-bf .button.checkout:not(.is-outline):not(.is-form),
body.tp-bf .single_add_to_cart_button:not(.is-outline),
body.tp-bf .add_to_cart_button:not(.is-outline),
body.tp-bf .checkout-button:not(.is-outline),
body.tp-bf #place_order,
body.tp-bf input[type='submit'].button:not(.is-outline),
body.tp-bf button.button:not(.is-outline):not(.is-form):not(.icon):not(.secondary) {
  background-color: #000 !important;
  border: 1px solid var(--tp-bf-gold) !important;
  color: #fff !important;
}
body.tp-bf .button.primary:not(.is-outline):not(.is-form):hover,
body.tp-bf .button.checkout:not(.is-outline):not(.is-form):hover,
body.tp-bf .single_add_to_cart_button:not(.is-outline):hover,
body.tp-bf .add_to_cart_button:not(.is-outline):hover,
body.tp-bf .checkout-button:not(.is-outline):hover,
body.tp-bf #place_order:hover,
body.tp-bf input[type='submit'].button:not(.is-outline):hover,
body.tp-bf button.button:not(.is-outline):not(.is-form):not(.icon):not(.secondary):hover {
  background-color: var(--tp-bf-gold) !important;
  color: #000 !important;
}

/* Outline buttons (e.g. "Continue shopping"): transparent with a black edge, black when hovered */
body.tp-bf .button.is-outline,
body.tp-bf .button.primary.is-outline {
  background-color: transparent !important;
  border: 2px solid #000 !important;
  color: #000 !important;
}
body.tp-bf .button.is-outline:hover,
body.tp-bf .button.primary.is-outline:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* Sale badges: gold instead of red */
body.tp-bf .badge-inner.on-sale,
body.tp-bf .onsale {
  background-color: var(--tp-bf-gold) !important;
  color: #000 !important;
}

/* Outline buttons and social icons on dark strips (footer, top bar) must be light, not black on black */
body.tp-bf .footer-wrapper .button.is-outline,
body.tp-bf .footer-wrapper .social-icons .button,
body.tp-bf #top-bar .button.is-outline,
body.tp-bf #top-bar .social-icons .button {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}
body.tp-bf .footer-wrapper .button.is-outline:hover,
body.tp-bf .footer-wrapper .social-icons .button:hover,
body.tp-bf #top-bar .button.is-outline:hover,
body.tp-bf #top-bar .social-icons .button:hover {
  background-color: var(--tp-bf-gold) !important;
  border-color: var(--tp-bf-gold) !important;
  color: #000 !important;
}

/* Prices and links */
body.tp-bf .price ins,
body.tp-bf .price ins .amount {
  color: #000 !important;
  text-decoration: none;
}
body.tp-bf .price del {
  opacity: 0.55;
}
body.tp-bf main a:not(.button):hover,
body.tp-bf .footer-wrapper a:hover {
  color: var(--tp-bf-gold);
}

/* Accents: progress bars, focus rings, selected variation chips */
body.tp-bf .woocommerce-message,
body.tp-bf .woocommerce-info {
  border-top-color: var(--tp-bf-gold);
}
body.tp-bf input:focus,
body.tp-bf select:focus,
body.tp-bf textarea:focus {
  border-color: var(--tp-bf-gold);
  box-shadow: 0 0 0 1px var(--tp-bf-gold);
}

/* Footer */
body.tp-bf .footer-wrapper,
body.tp-bf .absolute-footer {
  background-color: #000 !important;
  color: #ddd !important;
}
body.tp-bf .footer-wrapper a,
body.tp-bf .footer-wrapper .widget-title {
  color: #fff !important;
}