/* vk-earlybf20.css
   Early Black Friday display, 13 to 26 Nov 2026 (America/New_York).
   20% off the current selling price (sale if present, else regular), shown as
   the price after code EARLYBF20. Sitewide: clearance and 45% off shoes included.
   Moleskine keeps its .95 price and gets a checkout note instead of a computed price.
   Fonts and colors match the live site: Open Sans, Georgia, sale #a00, rust #b9542f.
*/


/* Slim top banner: reuse the live #vkPromoBanner rules (promo-clearance2026c.css).
   This override only tweaks the code letter-spacing already used there. */
#vkPromoBanner.vkBfBanner {
  display: block;
  clear: both;
  margin: 0;
  padding: 7px 10px;
  background: #b9542f;
  color: #fff;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  text-align: center;
}
#vkPromoBanner.vkBfBanner a { color: #fff; text-decoration: none; }
#vkPromoBanner.vkBfBanner strong { letter-spacing: 1px; }
.mobile #vkPromoBanner.vkBfBanner {
  font-size: 12px;
  line-height: 16px;
  padding: 6px 8px;
  text-wrap: balance;
}

/* Hide CLEARANCE2026 badges while EARLYBF20 is showing, so the extra 10%
   note is not read as a second discount on top of the price already shown. */
.vkClrBadge,
.vkxsTagClr,
.vkPromoItemNote,
[class*="clearance-badge"] {
  display: none !important;
}

/* ---- Product page price ---- */
.SKUadd2cartRowPrice .vkBfPriceWrap {
  display: block;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #404040;
}
.vkBfWasLine,
.vkBfPriceLine {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}
.vkBfWasLine { margin-bottom: 4px; }
.vkBfReg {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: 400;
  color: #787878;
  text-decoration: line-through;
}
.vkBfSale {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: 400;
  color: #a00;
  text-decoration: line-through;
}
.vkBfSale .vkBfSaleLabel {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a00;
}
.vkBfNowLabel {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #404040;
  letter-spacing: 0;
  line-height: 1.3;
}
.vkBfNow {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: 700;
  color: #a00; /* live .SKUadd2cartPriceSale */
  letter-spacing: 0;
}
.vkBfBadgeRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.vkBfBadge {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #b9542f;
  border-radius: 999px;
  background: #fff;
  color: #b9542f;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
.vkBfCodeChip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 8px;
  border: 1px dashed #675948;
  border-radius: 3px;
  background: #fff;
  color: #675948;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.4;
  cursor: pointer;
}
.vkBfCodeChip:hover,
.vkBfCodeChip:focus {
  outline: none;
  background: #f6f3ef;
}
.vkBfCodeChip .vkBfChipHint {
  letter-spacing: 0;
  font-weight: 400;
  color: #7b7166;
  text-transform: none;
}
.vkBfNote {
  display: block;
  margin-top: 6px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #675948;
  font-weight: 400;
}

.mobile .vkBfNow { font-size: 20px; }
.mobile .vkBfReg,
.mobile .vkBfSale { font-size: 15px; }
.mobile .vkBfNowLabel { font-size: 13px; }
.mobile .SKUadd2cartRowPrice { padding-bottom: 4px; }

/* Hide the original Special / Regular nodes once the wrap is in place */
.SKUadd2cartRowPrice.vkBfReady > .SKUadd2cartPriceLabel,
.SKUadd2cartRowPrice.vkBfReady > .SKUadd2cartPrice,
.SKUadd2cartRowPrice.vkBfReady > .SKUitemDiscount,
.SKUadd2cartRowPrice.vkBfReady > .SKUadd2cartMsg {
  display: none;
}

/* ---- Section card price ---- */
.CatPrice.vkBfCardReady .CatRegPrice {
  color: #787878;
  text-decoration: line-through;
  font-weight: 400;
}
.CatPrice.vkBfCardReady .PriceDisplaySale,
.CatPrice.vkBfCardReady .PriceDisplaySpecial,
.CatPrice.vkBfCardReady .vkBfCardSale {
  color: #a00;
  text-decoration: line-through;
  font-weight: 400;
  margin-left: 4px;
}
.CatPrice.vkBfCardReady .vkBfCardNow {
  color: #a00;
  font-weight: 700;
  margin-left: 4px;
}
.CatPrice.vkBfCardReady .vkBfCardCode {
  display: inline;
  margin-left: 6px;
  color: #675948;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.CatPrice.vkBfCardReady .vkBfCardAfter {
  display: block;
  margin-top: 2px;
  color: #675948;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.3;
}
/* Hide leftover percent-off text and final-sale nodes on treated cards.
   Sale and Special amounts stay visible, struck, as the middle price. */
.CatPrice.vkBfCardReady .PriceDisplayFinal,
.CatPrice.vkBfCardReady .CatPctOff {
  display: none;
}

/* Moleskine: keep the live .95 price, add a checkout note only */
.vkBfMoleWrap { display:block; margin-top:6px; }
.vkBfMoleNote { display:block; }
.CatPrice.vkBfMoleCard .vkBfCardAfter {
  display:block;
  margin-top:2px;
  color:#675948;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:0.03em;
  line-height:1.3;
}

/* Pairs well with / You may also like (vk-xsell cards).
   Live vk-xsell CSS sets .vkxsPrice to height:36px; overflow:hidden, so unlock it. */
.vkxsPrice.vkBfCardReady,
.vkxsPrice.vkBfMoleCard {
  height: auto;
  min-height: 36px;
  overflow: visible;
  white-space: normal;
}
.vkxsPrice.vkBfCardReady .vkxsSale,
.vkxsPrice.vkBfCardReady .vkxsNow,
.vkxsPrice.vkBfCardReady .vkxsReg {
  text-decoration: line-through;
  font-weight: 400;
}
.vkxsPrice.vkBfCardReady .vkxsReg { color: #787878; }
.vkxsPrice.vkBfCardReady .vkxsSale,
.vkxsPrice.vkBfCardReady .vkxsNow { color: #a00; }
.vkxsPrice.vkBfCardReady .vkxsOff { display: none; }
.vkxsPrice.vkBfCardReady .vkBfCardNow {
  color: #a00;
  font-weight: 700;
  margin-left: 4px;
}
.vkxsPrice.vkBfCardReady .vkBfCardAfter,
.vkxsPrice.vkBfMoleCard .vkBfCardAfter {
  display: block;
  margin-top: 2px;
  color: #675948;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.3;
}