/* =========================================================
   OSBEATS MANAGED GLOBAL SOCIAL FOOTER 20260903
   ========================================================= */

.os-managed-social-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;

  margin-top:14px;
}


.os-managed-social-link{
  display:grid;
  place-items:center;

  width:38px;
  height:38px;

  flex:0 0 38px;

  border:1px solid rgba(178,8,20,.78);

  background:
    linear-gradient(
      135deg,
      #a4000d 0%,
      #710007 42%,
      #2d0003 72%,
      #090a0d 100%
    );

  color:#fff;

  text-decoration:none;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025);

  transition:
    transform .15s ease,
    border-color .15s ease,
    filter .15s ease;
}


.os-managed-social-link:hover{
  transform:translateY(-2px);

  border-color:#e20e20;

  filter:brightness(1.12);
}


.os-managed-social-link:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}


.os-managed-social-icon{
  display:grid;
  place-items:center;

  width:24px;
  height:24px;
}


.os-managed-social-icon svg{
  display:block;

  width:23px;
  height:23px;

  fill:#fff;
  stroke:none;

  overflow:visible;
}


.os-managed-social-icon img{
  display:block;

  width:24px;
  height:24px;

  object-fit:contain;
}


.os-managed-social-icon
.os-social-facebook{
  width:21px;
  height:25px;

  transform:translateX(1px);
}


.os-managed-social-icon
.os-social-x{
  width:23px;
  height:23px;
}


.os-managed-social-icon
.os-social-instagram{
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
}


.os-managed-social-icon
.os-social-instagram rect,
.os-managed-social-icon
.os-social-instagram circle{
  fill:none;
  stroke:#fff;
}


.os-managed-social-icon
.os-social-instagram
.os-social-instagram-dot{
  fill:#fff;
  stroke:none;
}


.os-managed-social-icon
.os-social-stroke{
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.os-managed-social-icon
.os-social-cutout{
  fill:#111318;
  stroke:none;
}


/*
  Login/Create Account footer has its own footer system.
  Keep the managed icons neatly underneath its brand copy.
*/
.site-footer
.os-managed-social-links{
  margin-top:12px;
}


/*
  Existing global footer brand block.
*/
.os-global-footer-brand
.os-managed-social-links{
  margin-top:14px;
}


@media(max-width:620px){

  .os-managed-social-link{
    width:36px;
    height:36px;

    flex-basis:36px;
  }


  .os-managed-social-links{
    gap:7px;
  }

}