/* =================================================== * CUSTOM CSS CODE BELOW * =================================================== */ 

/* Black November popup */
.bw-popup .modal-content.bw-popup-content {
  position: relative;
  background: #0a0f1a;
  color: #ffffff;
  border: 0;
  border-top: 4px solid #c60156;
  border-radius: 6px;
  padding: 2.5rem 2rem 1.75rem;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.bw-popup-close {
  position: absolute;
  top: .5rem;
  right: .9rem;
  background: none;
  border: 0;
  color: #ffffff;
  font-size: 2rem;
  line-height: 1;
  opacity: .8;
  cursor: pointer;
}
.bw-popup-close:hover, .bw-popup-close:focus { opacity: 1; }
.bw-popup-kicker {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .85rem;
  margin-bottom: .5rem;
}
.bw-popup-title {
  color: #ffffff;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: .75rem;
}
.bw-popup-text {
  color: #ffffff;
  opacity: .85;
  margin-bottom: 1.5rem;
}
.bw-popup-btn {
  background: #c60156;
  color: #ffffff;
  border-radius: 4px;
  padding: .75rem 1.75rem;
  font-weight: 600;
}
.bw-popup-btn:hover, .bw-popup-btn:focus { background: #a80148; color: #ffffff; }
.bw-popup-skip {
  display: block;
  margin-top: 1rem;
  color: #ffffff;
  opacity: .7;
  font-size: .85rem;
  text-decoration: underline;
}
.bw-popup-skip:hover { color: #ffffff; opacity: 1; }
@media (max-width: 575px) {
  .bw-popup-title { font-size: 2.25rem; }
}

/* Prickbort-seksjon */
.bw-feature {
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #131a2a;
  border: 1px solid rgba(255,255,255,.12);
  border-top: 4px solid #c60156;
  border-radius: 6px;
  padding: 2rem;
  margin: 2rem 0;
}
.bw-feature-img { flex: 0 0 38%; max-width: 38%; position: relative; }
.bw-feature-img img { width: 100%; height: auto; border-radius: 4px; background: #fff; display: block; }
.bw-feature-badge {
  position: absolute; top: .75rem; left: .75rem;
  background: #c60156; color: #fff; font-weight: 700; font-size: 1.5rem;
  padding: .25rem .75rem; border-radius: 4px;
}
.bw-feature-body { flex: 1; text-align: left; }
.bw-feature-kicker { text-transform: uppercase; letter-spacing: .2em; font-size: .85rem; color: #fff; opacity: .8; margin-bottom: .5rem; }
.bw-feature-title { color: #fff; font-size: 2.5rem; font-weight: 700; margin-bottom: .75rem; }
.bw-feature-text { color: #fff; opacity: .85; margin-bottom: 1.5rem; }
.bw-feature-btn { background: #c60156; color: #fff; border-radius: 4px; padding: .75rem 1.75rem; font-weight: 600; display: inline-block; }
.bw-feature-btn:hover, .bw-feature-btn:focus { background: #a80148; color: #fff; text-decoration: none; }
@media (max-width: 767px) {
  .bw-feature { flex-direction: column; padding: 1.25rem; gap: 1.25rem; }
  .bw-feature-img { flex: none; max-width: 100%; width: 100%; }
  .bw-feature-img img { height: 200px; object-fit: cover; }
  .bw-feature-title { font-size: 2rem; }
}

/* Black Week forside */
body:has(.bw-start) { background-color: #0a0f1a !important; }
.bw-start {
  position: relative;
  background: #0a0f1a;
  color: #ffffff;
  padding-bottom: 2rem;
}
.bw-start h1,
.bw-start h2,
.bw-start h3,
.bw-start .lead,
.bw-start p {
  color: #ffffff;
}
.bw-start .lead {
  opacity: .85;
}
.bw-start section[data-qb-element="title"] {
  padding-top: 2rem !important;
}
.bw-start section[data-qb-element="title"] h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  margin: .75rem auto 0;
  background: #c60156;
}
/* Produktkort holdes lyse så pris og tittel er lesbare */
.bw-start .product-slide,
.bw-start .product-slide p,
.bw-start .product-slide a,
.bw-start .product-slide h3,
.bw-start .product-slide .price,
.bw-start .product-slide .product-title {
  color: #2e3038;
}
.bw-start .product-slide .price,
.bw-start .product-slide .text-danger {
  color: #c60156;
}