/* ===============================
   GLOBAL FIXES (WORDPRESS SAFE)
================================= */

/* Wrapper always on top */
#bfpWrapper {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999999 !important;
    pointer-events: none; /* wrapper transparent */
}

/* Overlay */
#bfpOverlay {
    position: fixed;
    inset: 0;
    background: rgba(2, 4, 10, 0.7);
    z-index: 999999998;
    pointer-events: auto;
}

/* Popup always on top */
#bfpPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto !important;
    z-index: 999999999 !important;
}


/* ===============================
   YOUR ORIGINAL DESIGN
================================= */

:root {
  --black:#000000;
  --yellow:#f3bd4a;
}

/* Popup container */
.bfp-popup {
  width: 420px;
  max-width: 90%;
  border-radius: 6px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 8px 30px rgba(0,0,0,0.6);
  animation: bfp-in 0.28s ease;
  font-family: 'Montserrat', Arial, sans-serif;
}

/* Entrance animation */
@keyframes bfp-in {
  from { transform: translate(-50%, calc(-50% - 20px)) scale(.96); opacity: 0; }
  to   { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* Close Button */
.bfp-close {
  position: absolute;
  right: 14px;
  top: 12px;
  z-index: 20;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
}

/* TOP Area */
.bfp-top {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 28px 20px 20px;
}

/* Mega Heading */
.bfp-mega-heading {
  color: #F7C35A;
  font-size: 26px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* "save up to" */
.bfp-save {
  color: #dcdcdc;
  font-size: 14px;
  margin-bottom: 6px;
}

/* 70% */
.bfp-percent {
  color: var(--yellow);
  font-size: 52px;
  font-weight: 900;
  line-height: 0.9;
}

/* BLACK FRIDAY */
.bfp-title {
  color: var(--yellow);
  font-size: 48px;
  font-weight: 900;
  margin-top: 10px;
  line-height: 0.9;
}

/* Bottom Yellow Box */
.bfp-bottom {
  background: var(--yellow);
  text-align: center;
  padding: 4px 0px 1px 1px !important;
}

/* Stock text */
.bfp-stock {
  font-size: 15px;
  font-weight: 800;
  color: #000;
  margin-bottom: 20px;
}

/* Button */
.bfp-btn {
  display: inline-block;
  text-decoration: none;
  background: #1e1e1e;
  color: #fff;
  padding: 12px 40px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 4px 0 rgba(0,0,0,0.15);
  transition: 0.12s ease;
}

.bfp-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
#bfpWrapper {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999999 !important;
    pointer-events: none; /* wrapper transparent */
}

#bfpOverlay {
    position: fixed !important;
    inset: 0;
    background: rgba(2,4,10,0.7);
    z-index: 999999998 !important;
    pointer-events: auto !important; /* allow clicking */
}

#bfpPopup {
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999 !important;
    pointer-events: auto !important;
}
/* If JS tries to hide popup, enforce full hide */
.bfp-popup.hidden,
#bfpPopup[style*="display:none"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#bfpWrapper.hidden {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* Kill Elementor overlay popup */
.elementor-location-popup,
.elementor-widget-popup,
.elementor-popup,
.elementor-overlay,
.e-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Responsive */
@media (max-width: 440px) {
  .bfp-percent { font-size: 42px; }
  .bfp-title   { font-size: 34px; }
  .bfp-popup   { width: 95%; }
}