/*
================================================

Space Vanta Theme 1.0

Module:
Footer Section

Purpose:
Website footer structure

Future:
Final Visual Layout
- SV brand identity
- Payment icons
- Social system
- Premium footer experience

================================================
*/


/*
---------------------------------
Desktop Footer Layout
---------------------------------
*/


.sv-footer{

  border-top:
    1px solid
    var(--sv-border);

}



.sv-footer__inner{


  padding:

    54px
    var(--sv-desktop-padding);


  display:grid;


  grid-template-columns:

    1fr
    2fr
    1fr;


  gap:40px;


}



/*
Brand Area

Future:
Replace with SV logo system
*/


.sv-footer__brand{


  font-size:13px;


  font-weight:600;


  letter-spacing:.14em;


}



/*
Navigation Area
*/


.sv-footer__nav>ul{


  display:grid;


  grid-template-columns:

    repeat(
      3,
      minmax(0,1fr)
    );


  gap:30px;


}



.sv-footer__nav a{


  font-size:13px;


}



.sv-footer__nav ul ul{


  margin-top:10px;


  margin-left:12px;


}



.sv-footer__nav ul ul li+li{


  margin-top:7px;


}



/*
Meta Area

Example:
- Copyright
- Payment
- Additional info

*/


.sv-footer__meta{


  display:flex;


  flex-direction:column;


  gap:10px;


  text-align:right;


  font-size:12px;


  color:var(--sv-muted);


}




/*
================================================

Mobile Footer Layout

Breakpoint:
767px

================================================
*/


@media(max-width:767px){



  .sv-footer__inner{


    padding:

      40px
      var(--sv-mobile-padding);


    display:block;


  }



  .sv-footer__nav{


    margin-top:30px;


  }



  .sv-footer__nav>ul{


    grid-template-columns:1fr;


  }



  .sv-footer__meta{


    margin-top:30px;


    text-align:left;


  }



}