/* =====================================================
   FOOTER
===================================================== */

.site-footer{

  padding:
    35px 7%;

  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  gap:30px;

  background:
    var(--blue-deep, #073C4B);

  color:
    rgba(255,255,255,.75);

}


/* =====================================================
   LOGO
===================================================== */

.footer-logo{

  width:60px;
  height:auto;

  justify-self:start;

}


/* =====================================================
   CENTRE
===================================================== */

.footer-center{

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:5px;

  text-align:center;

}


.footer-copyright{

  font-size:13px;

}


/* =====================================================
   CRÉDIT DU SITE
===================================================== */

.site-credit{

  font-size:9px;

  font-weight:400;

  letter-spacing:.4px;

  color:
    rgba(255,255,255,.28);

}

.privacy-link{

  color:
    rgba(255,255,255,.72);

  font-size:11px;
  text-decoration:underline;
  text-underline-offset:3px;

}

.privacy-link:hover{

  color:white;

}


/* =====================================================
   ESPACE STAFF
===================================================== */

.staff-link{

  display:inline-flex;
  align-items:center;
  gap:6px;

  justify-self:end;

  padding:7px 12px;

  border:1px solid rgba(255,255,255,.16);
  border-radius:50px;

  color:
    rgba(255,255,255,.48);

  font-size:11px;
  font-weight:600;

  text-decoration:none;

  transition:
    color .25s ease,
    border-color .25s ease,
    background .25s ease;

}


.staff-link:hover{

  color:white;

  border-color:rgba(255,255,255,.4);
  background:rgba(255,255,255,.06);

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:650px){

  .site-footer{

    grid-template-columns:1fr;

    justify-items:center;

    gap:18px;

    padding:
      32px 5%;

    text-align:center;

  }


  .footer-logo,
  .staff-link{

    justify-self:center;

  }


  .footer-logo{

    width:55px;

  }

}