/* FIZO Footer — Elementor Widget structural styles
   Colors, fonts, spacing are controlled from Elementor (Style tab) via dynamic CSS.
   This file only holds structure/layout that isn't meant to be edited per-instance. */

.fizo-footer-section{
  width:100%;
}
.fizo-footer-inner{
  width:100%;
  margin:0 auto;
}
.fizo-footer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:30px;
}
.fizo-footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.fizo-footer-brand img{
  display:block;
  object-fit:contain;
  flex:0 0 auto;
}
.fizo-footer-brand-text{
  white-space:nowrap;
}
.fizo-footer-tagline{
  text-transform:uppercase;
  flex:1 1 auto;
  text-align:center;
}
.fizo-back-top{
  display:inline-flex;
  align-items:center;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
}
.fizo-back-top span{
  margin-inline-start:7px;
}
.fizo-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

.fizo-footer-top.fizo-no-divider{
  border-bottom:none !important;
}

@media(max-width:900px){
  .fizo-footer-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .fizo-footer-tagline{
    text-align:left;
  }
}

@media(max-width:620px){
  .fizo-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
  }
}