/*
 * Garden Furniture World Black Friday treatment.
 * Loaded only while GfwSeasonalThemeIsActive() is true.
 */

:root {
  --gfw-black-friday: #171714;
  --gfw-black-friday-soft: #292822;
  --gfw-black-friday-gold: #f4d64e;
  --gfw-black-friday-gold-soft: #ffe682;
}

.gfw-site-header {
  --gfw-offer: #b8902e;
}

.gfw-promotion-bar {
  border-top: 1px solid #c7a43d;
  border-bottom: 1px solid #c7a43d;
  background: linear-gradient(90deg, #11110f, #292822 50%, #11110f);
  color: #fff;
}

.gfw-promotion-inner strong,
.gfw-promotion-inner a.gfw-promotion-main-link,
.gfw-promotion-inner a.gfw-promotion-main-link:link,
.gfw-promotion-inner a.gfw-promotion-main-link:visited {
  color: #fff !important;
}

.gfw-promotion-offer-detail,
.gfw-promotion-inner > a,
.gfw-promotion-inner > a:link,
.gfw-promotion-inner > a:visited {
  color: var(--gfw-black-friday-gold-soft) !important;
}

.gfw-nav-offers > a {
  box-shadow: inset 0 -3px 0 #d1ab3f;
  color: #22211e !important;
}

.gfw-nav-offers > a:hover,
.gfw-nav-offers > a:focus-visible {
  background: #f8f3e3;
  color: #171714 !important;
}

.gfw-home-hero--black-friday .gfw-home-hero-inner {
  border: 1px solid rgba(244, 214, 78, .45);
  background: var(--gfw-black-friday);
  box-shadow: 0 12px 34px rgba(20, 19, 15, .18);
}

.gfw-home-hero--black-friday .gfw-home-hero-media::after {
  background: linear-gradient(90deg, rgba(8, 8, 7, .96) 0%, rgba(20, 20, 17, .78) 48%, rgba(8, 8, 7, .2) 82%);
}

.gfw-home-hero--black-friday .gfw-home-hero-content .gfw-home-kicker,
.gfw-home-hero--black-friday .gfw-home-hero-caption {
  color: var(--gfw-black-friday-gold-soft);
}

.gfw-home-hero--black-friday .gfw-home-button-primary {
  border-color: var(--gfw-black-friday-gold);
  background: var(--gfw-black-friday-gold);
  color: #171714 !important;
}

.gfw-home-hero--black-friday .gfw-home-button-primary:hover,
.gfw-home-hero--black-friday .gfw-home-button-primary:focus-visible {
  border-color: var(--gfw-black-friday-gold-soft);
  background: var(--gfw-black-friday-gold-soft);
}

.gfw-seasonal-listing-page .gfw-listing-hero {
  border-color: #c7a43d;
  background: linear-gradient(120deg, #171714 0%, #292822 70%, #171714 100%);
  box-shadow: 0 10px 28px rgba(23, 23, 20, .14);
}

.gfw-seasonal-listing-page .gfw-listing-hero h1,
.gfw-seasonal-listing-page .gfw-listing-hero-copy > p,
.gfw-seasonal-listing-page .gfw-listing-heritage strong,
.gfw-seasonal-listing-page .gfw-listing-heritage p {
  color: #fff;
}

.gfw-seasonal-listing-page .gfw-listing-kicker,
.gfw-seasonal-listing-page .gfw-listing-heritage > span {
  color: var(--gfw-black-friday-gold-soft);
}

.gfw-seasonal-listing-page .gfw-listing-heritage {
  border-left-color: var(--gfw-black-friday-gold);
  background: rgba(255, 255, 255, .07);
}

.gfw-listing-badge.sale,
.gfw-listing-badge.event,
.gfw-listing-discount {
  border: 1px solid #c7a43d;
  background: var(--gfw-black-friday) !important;
  color: var(--gfw-black-friday-gold-soft) !important;
}

.gfw-listing-promotion-note {
  border-left-color: #c7a43d !important;
  background: #f7f1df !important;
  color: #4a3a16 !important;
}

.gfw-product-promotion {
  border-left-color: #c7a43d !important;
  background: var(--gfw-black-friday) !important;
  color: #fff !important;
}

.gfw-product-promotion span,
.gfw-product-promotion small,
.gfw-product-promotion a {
  color: var(--gfw-black-friday-gold-soft) !important;
}

.gfw-product-promotion strong,
.gfw-product-promotion p {
  color: #fff !important;
}

.gfw-product-promotion--gift {
  border-left-color: #2f755e !important;
  background: #edf5f1 !important;
}

.gfw-product-promotion--gift span,
.gfw-product-promotion--gift strong,
.gfw-product-promotion--gift p,
.gfw-product-promotion--gift small,
.gfw-product-promotion--gift a {
  color: #174f3f !important;
}

.basket-promotion-note {
  border-left-color: #c7a43d !important;
  background: var(--gfw-black-friday) !important;
  color: #fff !important;
}

.basket-promotion-note strong,
.basket-promotion-note a {
  color: var(--gfw-black-friday-gold-soft) !important;
}

@media (max-width: 760px) {
  .gfw-nav-offers > a {
    box-shadow: inset 3px 0 0 #d1ab3f;
  }
}