/* ============================================
   EVERGEN SOLAR - CUSTOM CSS
   Last updated: 26/08/2026
   ============================================ */


/* ============================================
   1. HEADER CTA BUTTON (desktop / tablet)
   ============================================ */

.evergen-header-cta,
#header-outer .evergen-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  background: #de002a;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  transition: background .2s ease;
}

.evergen-header-cta:hover,
#header-outer .evergen-header-cta:hover {
  background: #b80023;
  color: #ffffff !important;
}

#header-outer .evergen-header-cta span {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-indent: 0 !important;
  color: #ffffff !important;
  display: inline !important;
}

/* Strip any inherited phone icon from the Header Telephone widget */
#header-outer .widget_text p::before,
#header-outer .evergen-header-cta::before,
#header-outer .evergen-header-cta span::before,
#header-outer [class*="telephone"] a::before {
  display: none !important;
  content: none !important;
}

/* Desktop: let the header widget area size to the button */
@media (min-width: 1000px) {
  #header-outer .widget-area,
  #header-outer .nectar-header-text-content,
  #header-outer .span_3 {
    width: auto !important;
    flex-shrink: 0;
    overflow: visible !important;
    padding-right: 20px;
  }
}

/* Tablet: shrink rather than wrap */
@media (min-width: 1000px) and (max-width: 1200px) {
  #header-outer .evergen-header-cta {
    font-size: 14px;
    padding: 12px 18px;
  }
}


/* ============================================
   2. MOBILE STICKY CTA (footer widget)
   ============================================ */

/* Hidden by default, shown only on mobile */
.evergen-mobile-cta {
  display: none;
}

@media (max-width: 999px) {

  /* Hide the header version on mobile */
  #header-outer .evergen-header-cta {
    display: none !important;
  }

  .evergen-mobile-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #de002a;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: normal;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  }

  .evergen-mobile-cta span {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    display: inline !important;
  }

  .evergen-mobile-cta:active {
    background: #b80023;
  }

  body {
    padding-bottom: 56px !important;
  }

  /* Hide while the burger menu is open */
  body.mobile-menu-open .evergen-mobile-cta,
  body.slide-out-menu-open .evergen-mobile-cta,
  body.menu-is-open .evergen-mobile-cta,
  html.slide-out-from-right-hover .evergen-mobile-cta {
    display: none !important;
  }

  /* No CTA bar on blog, posts, archives or search */
  body.blog .evergen-mobile-cta,
  body.single-post .evergen-mobile-cta,
  body.archive .evergen-mobile-cta,
  body.category .evergen-mobile-cta,
  body.search .evergen-mobile-cta {
    display: none !important;
  }

  body.blog,
  body.single-post,
  body.archive,
  body.category,
  body.search {
    padding-bottom: 0 !important;
  }
}


/* ============================================
   3. FOOTER SOCIAL ICONS
   ============================================ */

/* Hide the text labels */
#footer-outer #footer-widgets #menu-footer-menu-bottom li.social-icon > a {
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  display: inline-block !important;
}

/* Shared icon base */
#footer-outer #footer-widgets #menu-footer-menu-bottom li.social-icon > a::before {
  content: "";
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  font-size: 20px !important;
  text-indent: 0 !important;
  vertical-align: middle;
  background-color: #1a1a2e;
  transition: background-color .2s ease;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#footer-outer .social-icon > a:hover::before {
  background-color: #0836b4;
}

/* Spacing, and kill the divider pipes */
#footer-outer li.social-icon {
  margin: 0 8px;
}

#footer-outer li.social-icon::after,
#footer-outer li.social-icon::before {
  display: none !important;
}

/* LinkedIn */
#footer-outer .evg-linkedin > a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0z'/%3E%3C/svg%3E");
}

/* Instagram */
#footer-outer .evg-instagram > a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm5.5-2.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm5.5-2.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z'/%3E%3C/svg%3E");
}

/* TikTok */
#footer-outer .evg-tiktok > a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6 5.82A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5 2.59 2.59 0 1 1 .74-5.07V9.69a5.68 5.68 0 0 0-.74-.05 5.68 5.68 0 1 0 5.68 5.68V9.01a7.35 7.35 0 0 0 4.29 1.38V7.3a4.28 4.28 0 0 1-3.23-1.48z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6 5.82A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5 2.59 2.59 0 1 1 .74-5.07V9.69a5.68 5.68 0 0 0-.74-.05 5.68 5.68 0 1 0 5.68 5.68V9.01a7.35 7.35 0 0 0 4.29 1.38V7.3a4.28 4.28 0 0 1-3.23-1.48z'/%3E%3C/svg%3E");
}

/* Trustpilot */
#footer-outer .evg-trustpilot > a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6l3.09 7.05 7.41.62-5.63 4.98 1.7 7.35L12 17.7l-6.57 3.9 1.7-7.35L1.5 9.27l7.41-.62L12 1.6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6l3.09 7.05 7.41.62-5.63 4.98 1.7 7.35L12 17.7l-6.57 3.9 1.7-7.35L1.5 9.27l7.41-.62L12 1.6z'/%3E%3C/svg%3E");
}


/* ============================================
   4. TEL LINKS ON DARK BACKGROUNDS
   ============================================ */

.wpb_text_column a[href^="tel:"] {
  color: #59c4e7;
  font-weight: 700;
  text-decoration: none;
}

.wpb_text_column a[href^="tel:"]:hover {
  text-decoration: underline;
}