

/* ========================================
   BLKFOG — FLOATING CART CONFIRMATION
======================================== */

body .bf-floating-cart-confirm {
  display: block !important;

  position: fixed !important;
  top: 120px !important;
  right: 40px !important;
  bottom: auto !important;
  left: auto !important;

  z-index: 2147483647 !important;

  width: auto !important;
  min-width: 220px !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 20px 28px !important;

  background: #111 !important;
  color: #fff !important;

  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-left: 3px solid #A94F25 !important;

  box-sizing: border-box !important;

  font-family: "Poppins", Arial, sans-serif !important;
  text-align: left !important;
  text-transform: uppercase;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transform: translateY(-8px) !important;

  transition:
    opacity .3s ease,
    transform .3s ease,
    visibility .3s ease !important;
}


/* ========================================
   BLKFOG — FLOATING CART CONFIRMATION SHOW
======================================== */

body .bf-floating-cart-confirm.show {
  opacity: 1 !important;
  visibility: visible !important;

  transform: translateY(0) !important;
}


/* ========================================
   BLKFOG — FLOATING CART CONFIRMATION EXIT
======================================== */

body .bf-floating-cart-confirm.exit {
  opacity: 0 !important;
  visibility: hidden !important;

  transform: translateY(-8px) !important;
}


/* ========================================
   BLKFOG — FLOATING CART CONFIRMATION TEXT
======================================== */

body .bf-floating-cart-confirm .bf-added strong {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #fff !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.4 !important;

  text-transform: uppercase !important;
}


body .bf-floating-cart-confirm .bf-added span {
  display: block !important;

  margin: 5px 0 0 !important;
  padding: 0 !important;

  color: #b9b9b3 !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .06em !important;
  line-height: 1.4 !important;

  text-transform: none !important;
}


/* ========================================
   BLKFOG — FLOATING CART CONFIRMATION MOBILE
======================================== */

@media (max-width: 768px) {

  body .bf-floating-cart-confirm {
    top: auto !important;
    right: auto !important;
    bottom: 24px !important;
    left: 50% !important;

    width: calc(100% - 40px) !important;
    min-width: 0 !important;
    max-width: 360px !important;

    padding: 17px 22px !important;

    text-align: center !important;

    transform: translate(-50%, 8px) !important;
  }


  body .bf-floating-cart-confirm.show {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translate(-50%, 0) !important;
  }


  body .bf-floating-cart-confirm.exit {
    opacity: 0 !important;
    visibility: hidden !important;

    transform: translate(-50%, 8px) !important;
  }

}


/* ========================================
   BLKFOG — REMOVE DEFAULTS
======================================== */

/* BLKFOG — Cart: remove default Woo success bars */

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
  display: none !important;
}


/* ========================================
   BLKFOG — EMPTY CART
======================================== */

.blkfog-empty-cart {
  width: 100%;

  background: #f7f7f5;
  color: #111;

  padding: 100px 24px 110px;

  font-family: "Poppins", Arial, sans-serif;
  text-align: center;
}


.blkfog-empty-cart-inner {
  width: 100%;
  max-width: 760px;

  margin: 0 auto;

  display: flex;
  flex-direction: column;
  align-items: center;
}


.blkfog-empty-cart-eyebrow {
  margin-bottom: 22px;

  color: #A94F25;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;

  text-transform: uppercase;
}


.blkfog-empty-cart-title {
  margin: 0;

  color: #111;

  font-size: clamp(36px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.045em;

  text-transform: uppercase;
}


.blkfog-empty-cart-divider {
  width: 54px;
  height: 2px;

  margin: 26px 0 20px;

  background: #A94F25;
}


.blkfog-empty-cart-copy {
  max-width: 440px;

  margin: 0 0 30px;

  color: #62625c;

  font-size: 14px;
  line-height: 1.7;
}


.blkfog-empty-cart-button {
  min-height: 52px;
  min-width: 240px;

  padding: 0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  background: #111;
  color: #fff !important;

  border: 1px solid #111;

  text-decoration: none !important;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;

  text-transform: uppercase;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease;
}


.blkfog-empty-cart-button:hover {
  background: #A94F25;
  border-color: #A94F25;

  color: #fff !important;
}


.blkfog-empty-cart-button span {
  font-size: 17px;
  line-height: 1;
}


.blkfog-empty-cart-links {
  margin-top: 24px;

  color: #777872;

  font-size: 9px;
  font-weight: 600;
  letter-spacing: .12em;

  text-transform: uppercase;
}


.blkfog-empty-cart-links span {
  color: #A94F25;

  padding: 0 5px;
}


/* ========================================
   BLKFOG — EMPTY CART MOBILE
======================================== */

@media (max-width: 768px) {

  .blkfog-empty-cart {
    padding: 76px 22px 84px;
  }


  .blkfog-empty-cart-eyebrow {
    margin-bottom: 18px;

    font-size: 9px;
  }


  .blkfog-empty-cart-title {
    font-size: clamp(34px, 9vw, 48px);
  }


  .blkfog-empty-cart-copy {
    margin-bottom: 26px;

    font-size: 13px;
  }


  .blkfog-empty-cart-button {
    width: 100%;
    max-width: 320px;
  }


  .blkfog-empty-cart-links {
    font-size: 8px;
    letter-spacing: .08em;
  }

}