/* ===== ICON SYSTEM v8 – FULL FILL ===== */

.icon-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.06);
  transition: all .25s ease;
  display: inline-flex;
}

.icon-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* FULL FILL */
.icon-cover {
  background-size: cover;
}

.icon-contain {
  background-size: contain;
}

/* INDIVIDUAL ICONS */
.icon-fb       { background-image: url("/assets/icons/facebook.svg"); }
.icon-ig       { background-image: url("/assets/icons/instagram.svg"); }
.icon-librus   { background-image: url("/assets/icons/librus.svg"); }
.icon-bip      { background-image: url("/assets/icons/bip.svg"); }
.icon-synergia { background-image: url("/assets/icons/synergia.svg"); }

/* RIGHT SIDEBAR */
.side-icons {
  position: fixed;
  right: -14px;
  top: 35%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 999;
}

.side-icons:hover {
  right: 10px;
  transition: right .25s ease;
}