/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* Overlay styling */
#exit-intent-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

/* Popup styling */
#exit-intent-popup-front {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 20;
  border-radius: 10px;
  width: 520px;
  max-width: 520px;
}
h2.exit-intent-popup-title{
	text-align: center;
}



/* Close button styling */
#exit-popup-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.exit-popup-intent-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
  gap: 12px;
}
.exit-intent-popup-logo{
  display: flex;
  justify-content: center;
}
.exit-intent-popup-logo img {
  width: 116px;
  height: 56px;
  object-fit: contain;
}
.exit-intent-popup-buttons-container{
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.exit-intent-popup-buttons-container.no-code{
  justify-content: center;
}
.exit-intent-coupon-box span {
  position: absolute;
  left: 0;
  display: none;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  text-transform: uppercase;
  color: #060606;
}
.exit-intent-coupon-box.coupon-copied span{
  display: flex;
}
.exit-intent-no-offer-code-box {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  color: #404040;
  border: none;
  border-radius: 0;
  background: #F6F8FB;
  width: calc(50% - 4px);
}

.exit-intent-popup-offers-code {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 13px 50px 13px 16px;
  text-transform: uppercase;
  color: #1A1D25;
  border: 1px dashed #DF4347;
  border-radius: 6px;
}
.exit-intent-coupon-box.coupon-copied .exit-intent-popup-offers-code{
  color: #FFF;
}
.exit-intent-coupon-box.coupon-copied button{
  display: none;
}
.exit-intent-popup-cta-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  text-transform: capitalize;
  color: #fff;
  border-radius: 4px;
  background: #DF4347;
  width: calc(50% - 4px);
}
.exit-intent-coupon-box{
  position: relative;
  width: calc(50% - 4px);

}
.exit-intent-coupon-box button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 40px;
  height: 42px;
  border: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #E3E2E2 url("data:image/svg+xml,%3Csvg width='40' height='44' viewBox='0 0 40 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H34C37.3137 0 40 2.68629 40 6V38C40 41.3137 37.3137 44 34 44H0V0Z' fill='%23ECEFF5'/%3E%3Cpath d='M25.1455 14.0833H18.0205C17.1497 14.0833 16.4372 14.7958 16.4372 15.6666V25.1666C16.4372 26.0374 17.1497 26.7499 18.0205 26.7499H25.1455C26.0163 26.7499 26.7288 26.0374 26.7288 25.1666V15.6666C26.7288 14.7958 26.0163 14.0833 25.1455 14.0833ZM25.1455 25.1666H18.0205V15.6666H25.1455V25.1666ZM13.2705 24.3749V22.7916H14.8538V24.3749H13.2705ZM13.2705 20.0208H14.8538V21.6041H13.2705V20.0208ZM18.8122 28.3333H20.3955V29.9166H18.8122V28.3333ZM13.2705 27.1458V25.5624H14.8538V27.1458H13.2705ZM14.8538 29.9166C13.983 29.9166 13.2705 29.2041 13.2705 28.3333H14.8538V29.9166ZM17.6247 29.9166H16.0413V28.3333H17.6247V29.9166ZM21.583 29.9166V28.3333H23.1663C23.1663 29.2041 22.4538 29.9166 21.583 29.9166ZM14.8538 17.2499V18.8333H13.2705C13.2705 17.9624 13.983 17.2499 14.8538 17.2499Z' fill='%231A1D25'/%3E%3C/svg%3E") center no-repeat;
}
.exit-intent-popup-offer-description {
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  font-weight: 600;
}
.exit-intent-popup-key-features{
  padding: 0;
  margin: 0;
}
.exit-intent-popup-key-features li{
  list-style-type: none;
  font-size: 14px;
  line-height: 21px;
  padding-left: 20px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11675_5430)'%3E%3Cpath d='M10.2492 0.703125L4.75078 7.95234L1.5 4.70391L0 6.20391L4.99922 11.2031L12 2.20312L10.2492 0.703125Z' fill='%231A1D25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11675_5430'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") left center no-repeat;
}
.exit-intent-popup-extra-description{
  font-size: 12px;
}

/* Media queries for responsiveness */
@media screen and (max-width: 768px) {
 
  .exit-intent-popup-buttons-container{
    flex-wrap: wrap;
  }
  .exit-intent-no-offer-code-box{
    width: 100%;
    height: 44px;
  }
  .exit-intent-popup-cta-button, .exit-intent-coupon-box{
    width: 100%;
  }
  #exit-intent-popup-front {
    width: 90%;
    padding: 15px;
 	  max-height: 400px;
    overflow-y: scroll;
  }

  #exit-intent-popup-front h2 {
    font-size: 1.3em;
  }

  #exit-intent-popup-front p {
    font-size: 0.9em;
  }

  #exit-popup-close-btn {
    font-size: 22px;
  }
}

@media screen and (max-width: 480px) {
  .exit-intent-popup-buttons-container{
    flex-wrap: wrap;
  }
  .exit-intent-no-offer-code-box{
    width: 100%;
    height: 44px;
  }
  .exit-intent-popup-cta-button, .exit-intent-coupon-box{
    width: 100%;
  }
  #exit-intent-popup-front {
    width: 95%;
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
  }

  #exit-intent-popup-front h2 {
    font-size: 1.2em;
  }

  #exit-intent-popup-front p {
    font-size: 0.8em;
  }

  #exit-popup-close-btn {
    font-size: 20px;
  }
}