.bsss-topbar {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--bsss-topbar-gap,22px);
  flex-wrap:wrap;
  direction:rtl;
  font-size:14px;
  line-height:1.4;
  background:var(--bsss-topbar-box-bg,transparent);
  border:var(--bsss-topbar-box-border-width,0px) solid var(--bsss-topbar-box-border-color,transparent);
  border-radius:var(--bsss-topbar-box-radius,0px);
  padding:var(--bsss-topbar-box-padding-y,0px) var(--bsss-topbar-box-padding-x,0px);
}
.bsss-topbar-item {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--bsss-topbar-color,#fff);
  white-space:nowrap;
}
.bsss-topbar-item a {
  color:var(--bsss-topbar-color,#fff);
  text-decoration:none;
}
.bsss-topbar-item a:hover { opacity:.88; }
.bsss-socials {
  display:flex;
  align-items:center;
  gap:var(--bsss-social-gap,14px);
  direction:ltr;
  flex-wrap:wrap;
  background:var(--bsss-social-box-bg,transparent);
  border:var(--bsss-social-box-border-width,0px) solid var(--bsss-social-box-border-color,transparent);
  border-radius:var(--bsss-social-box-radius,0px);
  padding:var(--bsss-social-box-padding-y,0px) var(--bsss-social-box-padding-x,0px);
}
.bsss-social-link {
  width:var(--bsss-social-size,18px);
  height:var(--bsss-social-size,18px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--bsss-social-color,#fff);
  border:var(--bsss-social-border-width,1.5px) solid var(--bsss-social-border,rgba(255,255,255,.9));
  border-radius:var(--bsss-social-radius,999px);
  text-decoration:none;
  transition:.25s ease;
  overflow:hidden;
  box-sizing:border-box;
}
.bsss-social-link:hover {
  transform:translateY(-1px);
  background:var(--bsss-social-hover,rgba(255,255,255,.12));
}
.bsss-icon,
.bsss-icon img,
.bsss-svg-icon {
  width:var(--bsss-social-inner-size,13px);
  height:var(--bsss-social-inner-size,13px);
  display:block;
}
.bsss-topbar .bsss-icon,
.bsss-topbar .bsss-icon img,
.bsss-topbar .bsss-svg-icon {
  width:16px;
  height:16px;
}
.bsss-icon img { object-fit:contain; }
.bsss-svg-icon { color:currentColor; }
@media (max-width:768px){
  .bsss-topbar { justify-content:center; gap:10px; font-size:12px; }
  .bsss-socials { justify-content:center; }
}