/* footer.css */

footer {
 padding: 0 4rem;
 font-size: 14px;
 letter-spacing: 1px;
 font-weight: 300;
 border-top: 0.8px solid var(--text-color);
}

footer .site-footer {
 padding: 0;
}

.footer-container {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 align-items: center;
 gap: 0;
}

.footer-logo {
 margin-bottom: 1rem;
}

.footer-logo img {
  display: block;
  max-height: 120px;
  width: auto;
}

body:not(.dark-mode) .footer-logo .logo-dark {
  display: none !important;
}


body.dark-mode .footer-logo .logo-light {
  display: none !important;
}

body.dark-mode :where(.is-layout-flow)> .logo-dark {
  margin-block-start: 0 !important;
}

.middle-footer-column {
 display: flex;
 flex-direction: column;
 padding-top: 2rem;
 padding-bottom: 1rem;
 gap: 1rem;
}

.footer-links ul {
 list-style: none;
 padding: 0;
 padding-left: 25%;
 margin: 0;
 text-align: left;
}

.wp-site-blocks .footer-links {
 padding-left: 0;
}

.footer-links li {
 margin-bottom: 0.5rem;
}

.footer-links a,
.footer-social a {
 text-decoration: none;
 color: var(--text-color);
}

.footer-links a:hover {
 text-decoration: underline;
}

.footer-social {
 margin-bottom: 1rem;
}

.footer-social i {
 width: 50px;
 height: 50px;
 font-size: 25px;
 line-height: 50px;
 margin-left: 1rem;
 text-align: center;
 display: inline-block;
 border-radius: 50%;
 background-color: var(--bg-color);
 color: var(--text-color);
}

.footer-social i:hover {
 background-color: var(--text-color);
 color: var(--bg-color);
}

.footer-bottom {
 text-align: center;
}

  .mobile-links {
   display: none;
  }
 
  .regular-links {
   display: block;
  }

.footer-social.mobile-links {
 display: none;
}

.footer-social.regular-links {
 display: flex;
}

  footer .site-footer {
   border-top: none;
  }

.footer-bottom {
 margin: 0;
}

@media screen and (max-width: 1024px) {
 .footer-logo img {
   max-height: 110px;
  }

 .footer-social i {
   margin-left: 0.2rem;
  }

.footer-links ul {
 padding-left: 0;
 text-align: center;
}

.site-footer .footer-links ul {
 display: flex;
 gap: 0.5rem;
}
}

@media screen and (max-width: 768px) {
 footer {
  padding: 2rem;
 }

  .footer-container {
   flex-direction: column;
   align-items: center;
  }

    .footer-logo {
     margin-bottom: 0;
    }

    .footer-social {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     width: 100%;
     text-align: center;
     margin-bottom: 0;
    }

  .mobile-links {
   display: block;
  }
 
  .regular-links {
   display: none;
  }

    .footer-social.mobile-links { 
     display: flex; 
     margin-top: 0;
    }

  .footer-social.regular-links {
   display: none; 
  }

    .wp-block-navigation .wp-block-navigation-item {
     padding-left: 0;
    }
}