/* Shared /links footer. Not behind a restyle flag.
   The markup lives in public/partials/links-footer.html. */
@font-face{
  font-family:Montserrat;
  src:url(/fonts/Montserrat-Regular.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:Montserrat;
  src:url(/fonts/Montserrat-Medium.woff2) format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:Montserrat;
  src:url(/fonts/Montserrat-SemiBold.woff2) format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

.lib-links-footer{
  text-align:center;
  padding:32px 24px;
  box-sizing:border-box;
  color:#E9E6DF;
  background:rgba(8,10,16,.32);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  box-shadow:0 8px 32px rgba(0,0,0,.3);
}
.lib-links-footer .section-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  margin:0 0 14px;
  font-family:Montserrat,sans-serif;
  font-weight:600;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#F2D494;
}
.lib-links-footer .section-label::before,
.lib-links-footer .section-label::after{display:none}
.lib-links-footer .social-row{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 16px;
}
.lib-links-footer .social-btn{
  position:relative;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(242,212,148,.4);
  background:rgba(28,28,28,.85);
  color:#C4956A;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  cursor:pointer;
  box-sizing:border-box;
}
.lib-links-footer a.social-btn{opacity:.7}
.lib-links-footer .social-btn.social-soon{
  opacity:1;
  color:#F2D494;
  cursor:default;
}
.lib-links-footer .social-btn svg{display:block;width:18px;height:18px}
.lib-links-footer > .logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  margin:0 0 8px;
}
.lib-links-footer .sp-lib-footer{
  max-width:560px;
  margin:0 auto;
  text-align:center;
}
.lib-links-footer .lb-legal{
  max-width:560px;
  margin:10px auto 0;
  padding:0 8px;
  font-family:Montserrat,sans-serif;
  font-weight:400;
  font-size:.78rem;
  line-height:1.8;
  color:rgba(255,255,255,.88);
}
.lib-links-footer .lb-foot-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:4px 14px;
  margin:8px auto;
  padding:0 4px;
}
.lib-links-footer .lb-foot-links > span{display:none}
.lib-links-footer .lb-foot-links a,
.lib-links-footer .lb-foot-links button{
  font-family:Montserrat,sans-serif;
  font-weight:500;
  font-size:13px;
  color:#fff;
  opacity:1;
  text-decoration:none;
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  padding:0 8px;
  cursor:pointer;
}
.lib-links-footer .lb-foot-links a:hover,
.lib-links-footer .lb-foot-links button:hover{color:#F2D494}
.lib-links-footer .lb-tagline{
  font-family:Montserrat,sans-serif;
  font-weight:400;
  font-size:14px;
  color:#E9E6DF;
  margin:8px 0 4px;
}
.lib-links-footer .lb-tagline .ico-heart{color:#F2D494;width:14px;height:13px}

@media (min-width:900px){
  .wrap > .lib-links-footer{
    width:520px;
    max-width:calc(100vw - 32px);
    margin-left:50%;
    transform:translateX(-50%);
  }
  .lib-links-footer .social-row{flex-wrap:nowrap}
}

/* /card at desktop: one row of icons and one row of links. Text stays. */
@media (min-width:1000px){
  body:not(.links-recolor) .lb > .rs-new[data-rs="card"],
  body:not(.links-recolor) .lb > .rs-old[data-rs="card"]{
    width:min(980px, calc(100vw - 32px));
    max-width:min(980px, calc(100vw - 32px));
    margin-left:50%;
    transform:translateX(-50%);
    box-sizing:border-box;
  }
  body:not(.links-recolor) .lb .social-row,
  body:not(.links-recolor) .lb .lb-foot-links{flex-wrap:nowrap}
}