/* Fix: official CSS sets ALL `ul li span` to position:absolute (for icon only).
 * Cloudflare email-decode unwraps their span; our .js-contact-email-text stays nested
 * and was painted on top of the icon. Restrict absolute to direct-child icon spans.
 */

.tp-footer__contact-info ul li {
  position: relative;
  padding-left: 35px;
}

/* Icon wrapper only (direct child) */
.tp-footer__contact-info ul li > span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 30px;
  display: inline-block;
}

/* Email / link text spans must stay in normal flow (horizontal, after icon) */
.tp-footer__contact-info ul li a,
.tp-footer__contact-info ul li a span,
.tp-footer__contact-info ul li .js-contact-email-text,
.tp-footer__contact-info ul li .__cf_email__ {
  position: static !important;
  left: auto !important;
  top: auto !important;
  display: inline !important;
  width: auto !important;
  white-space: normal !important;
  word-break: normal !important;
}

.footer-widget-3 .tp-footer__contact-info ul li a {
  font-weight: 400;
  font-size: 20px;
  line-height: 16px;
  color: #4F5055;
}

.tp-feature-five-btn a.tp-btn-purple {
  white-space: nowrap;
}

/* Entry popup close: keep × / icon optically centered in the red circle */
.popup-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.popup-close i,
.popup-close span {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: static !important;
}