/**
 * DMEC Footer Styles — refreshed to match Figma footer layout.
 */

body:has(#dmec-footer) footer.elementor-location-footer,
body:has(#dmec-footer) #footer,
body:has(#dmec-footer) .ct-footer {
  display: none !important;
}

.dmec-site-footer {
  background: #122C56;
  color: #ffffff;
  font-family: 'PT Sans', sans-serif;
  width: 100%;
}

.dmec-footer-inner {
  max-width: 1440px;
  margin: 0 auto;
  /* Figma 171:4062 desktop footer: p-60-x-120. */
  padding: 60px 120px;
}

.dmec-footer-links-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  /* Figma 171:4062: gap-40 between columns. */
  gap: 40px;
  align-items: start;
}

.dmec-footer-col,
.dmec-footer-col-contact {
  min-width: 0;
}

.dmec-footer-heading {
  /* Figma 171:4062: header → links gap-16. */
  margin: 0 0 16px;
  color: #ffffff !important;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}

.dmec-site-footer h1,
.dmec-site-footer h2,
.dmec-site-footer h3,
.dmec-site-footer h4,
.dmec-site-footer h5,
.dmec-site-footer h6 {
  color: #ffffff !important;
}

.dmec-footer-heading-contact {
  margin-top: 32px;
}

.dmec-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dmec-footer-menu li {
  /* Figma 171:4062: link stack gap-12. */
  margin: 0 0 12px;
}

.dmec-footer-menu li:last-child {
  margin-bottom: 0;
}

.dmec-footer-menu li a {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  transition: opacity 0.2s ease;
}

.dmec-footer-menu li a:hover {
  /* BugZap #21: opacity-dim read as a broken state. Dark-bg links
     hover to Primary/400 per the design system (same as megamenu). */
  color: #81c6ff;
  opacity: 1;
  /* Neutralise Elementor kit's a:hover{font-weight:bold} — footer nav
     links are Regular/400 per Figma 171:4062. Specificity (0,2,2)
     beats the kit's (0,2,1) via element count. */
  font-weight: 400;
}

/* Focus-visible: ring only per redesign convention (4px Tertiary/500
   Strong tier). Hover opacity layers in via :hover when both apply.
   The redesigned focus ring is supplied by the :where() fallback in
   _header-redesign.scss. */

.dmec-social-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* Figma 171:4062: social icon row gap-12. */
  gap: 12px;
  margin: 0;
}

.dmec-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 0;
  background: transparent;
  color: #ffffff !important;
  text-decoration: none;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.dmec-social-icon:hover {
  background: transparent;
  color: #ffffff !important;
  opacity: 0.82;
}

.dmec-social-icon:visited {
  background: transparent;
  color: #ffffff !important;
}

/* Focus ring supplied by :where() fallback in _header-redesign.scss
   (4px Tertiary/500 Strong tier). Hover opacity layers in via :hover
   when both apply. */

.dmec-social-icon svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor !important;
  flex-shrink: 0;
}

.dmec-contact-info {
  margin: 0;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.35;
}

.dmec-contact-info p {
  margin: 0 0 14px;
}

.dmec-contact-info p:last-child {
  margin-bottom: 0;
}

.dmec-contact-info,
.dmec-contact-info a,
.dmec-contact-info a:visited {
  color: #ffffff !important;
  text-decoration: none;
}

.dmec-contact-info a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Focus ring supplied by :where() fallback in _header-redesign.scss.
   Hover underline layers in via :hover when both apply. */

.dmec-copyright-bar {
  background: #122C56;
  /* Figma 171:4062 copyright bar: p-32-x-120. */
  padding: 32px 120px;
  border-top: 0;
}

.dmec-copyright-inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
  flex-wrap: wrap;
  text-align: left;
  color: #ffffff;
  /* Figma 171:4062: copyright PT Sans Regular 12/1.32. */
  font-size: 12px;
  line-height: 1.32;
}

.dmec-copyright-inner p {
  margin: 0;
}

.dmec-legal-links,
.dmec-copyright-bar .dmec-legal-links a,
.dmec-copyright-bar .dmec-legal-links a:visited {
  color: #ffffff !important;
  /* Figma 171:4062: legal links PT Sans Regular 14/1.3.
     Specificity bumped to beat .elementor-kit-6 a { font-weight: 700 }
     from the Kit's global link styling. */
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

/* Underline only on the actual link, not on the wrapping <p> — applying
   text-decoration to the parent caused the underline to bleed across
   the `|` separators and the whitespace between links, producing what
   looked like extra underscore-style marks after each link. */
.dmec-legal-links {
  text-decoration: none;
}
.dmec-legal-links a,
.dmec-legal-links a:visited {
  text-decoration: underline;
}

.dmec-legal-links a:hover {
  /* BugZap #21: same Primary/400 dark-bg hover as the footer menu. */
  color: #81c6ff !important;
  opacity: 1;
  /* Neutralise kit's a:hover{bold} — legal links are Regular/400. */
  font-weight: 400;
}

/* Focus ring supplied by :where() fallback in _header-redesign.scss.
   Hover opacity layers in via :hover when both apply. */

.dmec-legal-sep {
  margin: 0 8px;
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 1024px) {
  .dmec-footer-inner {
    padding: 36px 24px 22px;
  }

  .dmec-footer-links-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 24px;
  }

  .dmec-copyright-bar {
    padding: 0 24px 18px;
  }

  .dmec-copyright-inner {
    max-width: 1280px;
  }
}

@media (max-width: 767px) {
  .dmec-footer-inner {
    /* Figma 647:12919 mobile footer: p-40-x-20. */
    padding: 40px 20px;
  }

  .dmec-footer-links-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: center;
  }

  .dmec-footer-heading {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .dmec-footer-heading-contact {
    margin-top: 28px;
  }

  .dmec-footer-menu li {
    /* Figma 647:12919: mobile link gap-12. */
    margin-bottom: 12px;
  }

  .dmec-footer-menu li a,
  .dmec-contact-info {
    font-size: 16px;
    line-height: 1.3;
  }

  .dmec-social-icons {
    justify-content: center;
  }

  .dmec-copyright-bar {
    /* Figma 647:12919 mobile copyright bar: p-24-x-20. */
    padding: 24px 20px;
  }

  .dmec-copyright-inner {
    justify-content: center;
    text-align: center;
    gap: 10px;
    /* Figma 647:12919: mobile copyright PT Sans Regular 12/1.32. */
    font-size: 12px;
    line-height: 1.32;
  }

  .dmec-legal-links {
    width: 100%;
    /* Figma 647:12919: mobile legal links PT Sans Regular 14. */
    font-size: 14px;
  }
}