/* 1) Main Footer Container */
.section-footer,
.site-footer {
  position: static !important;
  /*min-height: 0 !important; /* Preserving requested height */
  /*height: 353px !important;   /* same visual bar as D9 */
  background: #3a3a3a;
  color: #fff;
 /* padding: 40px 60px 20px 60px;*/
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between;
  box-sizing: border-box;
}

/* 2) Top Section: Microfactory List & QR Code */
.footer-top-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}
.footer-4{
    width: 120px !important;
    height: 120px !important;
}

.address {
    text-align: justify !important;
    margin-top: 45px !important;
} 

.row {
   /* margin-right: -98px !important;
    margin-left: -40px !important;*/
}

.section_3 {
    font-size: 1.2rem;
    font-weight: 500;
    padding: 3% 15% 3% 15% !important;
    margin-right: 15% !important;
    width: 75%;
}
.site-footer {
    padding: 10px 0 30px !important;
    }
    
.address {
    text-align: justify !important;
}

p {
    margin: 10px 0 10px !important;
}
.region-footer-left {
  grid-column: 2; /* Microfactory is roughly centered/left-of-center in image */
  text-align: left;
}

.region-footer-left h3 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.region-footer-left ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
}

.region-footer-right {
  grid-column: 3;
  text-align: right;
}

.region-footer-right img {
  width: 150px; /* Adjusted to match visual scale */
  height: auto;
  border: 4px solid #fff;
}

/* 3) Bottom Bar: Log in, Address, Socials */
.footer-bottom-bar {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr; /* Gives address more room to breathe */
  align-items: center;
  border-top: 1px solid rgba(255,255,255,0.1); /* Subtle separator */
  padding-top: 20px;
  font-size: 0.9rem;
}

/* Login link */
.footer-login {
  text-align: left;
}

.footer-login a {
  color: #fff;
  text-decoration: none;
}

/* Address - Centered */
.footer-address {
  text-align: center;
  line-height: 1.4;
}

/* Social Icons */
.footer-socials {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

.footer-socials i, .footer-socials a {
  color: #fff;
  font-size: 1.1rem;
  text-decoration: none;
}

/* 4) Layout Sticky Behavior */
html, body { height: 100%; }

.layout-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.footer-bottom .social-media {
    text-align: center !important;
}

main { flex: 1; }

@media screen and (max-width: 767px) {
.address_main {
    width: auto !important;
    padding: 0px 25px !important;
    text-align: center !important;
}

.section-footer .footer-bar {
    padding: 10px 0px !important;
    text-align: center !important;
}
.footer-bottom .social-media {
        text-align: center !important ;
    }
}
}