/* Floating Side Buttons - frontend */
#fsb-container.fsb-container{
  position: fixed;
  top: var(--fsb-top, 50%);
  z-index: var(--fsb-z, 9999);
  display: flex;
  flex-direction: column;
  gap: var(--fsb-gap, 10px);
  transform: translateY(-50%);
}
#fsb-container.fsb-container.fsb-right{ right: var(--fsb-side, 0px); }
#fsb-container.fsb-container.fsb-left{ left: var(--fsb-side, 0px); }

#fsb-container .fsb-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--fsb-bg, #0b4a7a);
  color: var(--fsb-color, #fff);
  text-decoration: none;
  border-radius: var(--fsb-radius, 10px);
  padding: var(--fsb-py, 14px) var(--fsb-px, 12px);
  font-size: var(--fsb-fs, 14px);
  line-height: 1;
  box-shadow: 0 6px 18px rgba(0,0,0,0.16);
  -webkit-tap-highlight-color: transparent;
}
#fsb-container .fsb-btn:focus{ outline: 2px solid rgba(0,0,0,0.2); outline-offset: 2px; }
#fsb-container .fsb-btn:hover{ filter: brightness(0.98); }

#fsb-container .fsb-btn .dashicons{
  font-size: 18px;
  width: 18px;
  height: 18px;
}

/* Vertical mode */
#fsb-container.fsb-vertical .fsb-btn{
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Horizontal mode */
#fsb-container.fsb-horizontal .fsb-btn{
  writing-mode: horizontal-tb;
}

/* Optional hide on mobile */
@media (max-width: 767px){
  #fsb-container.fsb-hide-mobile{ display:none !important; }
}