/* RSU Wajak Husada — Floating Social Media (komponen bersama) */
.rsu-fs{position:fixed;right:var(--fs-right,12px);z-index:900;display:flex;flex-direction:column;align-items:center;gap:var(--fs-gap,10px);
  margin:0;padding:0;pointer-events:none}
.rsu-fs>*{pointer-events:auto}
.rsu-fs--top{top:140px}
.rsu-fs--center{top:50%;transform:translateY(-50%)}
/* Posisi bawah dinaikkan agar tidak menumpuk dengan tombol WhatsApp mengambang bawaan (kanan-bawah, 50px) */
.rsu-fs--bottom{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.rsu-fs--small{--fs-size:36px;--fs-icon:15px}
.rsu-fs--medium{--fs-size:42px;--fs-icon:18px}

.rsu-fs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--fs-gap,10px)}
.rsu-fs-list li{margin:0;padding:0}
.rsu-fs-link,.rsu-fs-toggle{position:relative;display:grid;place-items:center;width:var(--fs-size,42px);height:var(--fs-size,42px);border-radius:50%;
  border:0;padding:0;background:var(--fs-color,#ff650f);color:#fff;font-size:var(--fs-icon,18px);text-decoration:none;cursor:pointer;
  box-shadow:0 3px 10px rgba(23,34,53,.22);transition:transform .18s ease,box-shadow .18s ease}
.rsu-fs-toggle{background:#ff650f;display:none}
.rsu-fs-link:focus-visible,.rsu-fs-toggle:focus-visible{outline:3px solid #172235;outline-offset:2px}
.rsu-fs--hover .rsu-fs-link:hover,.rsu-fs--hover .rsu-fs-link:focus-visible{transform:translateX(-3px) scale(1.08);box-shadow:0 6px 16px rgba(23,34,53,.3)}

/* Tooltip nama platform (di sisi kiri ikon agar tidak keluar layar) */
.rsu-fs--tip .rsu-fs-link::after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);
  background:#172235;color:#fff;font:600 12px/1 Roboto,system-ui,sans-serif;padding:7px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;
  transition:opacity .15s ease;pointer-events:none}
.rsu-fs--tip .rsu-fs-link:hover::after,.rsu-fs--tip .rsu-fs-link:focus-visible::after{opacity:1;visibility:visible}

/* Pratinjau di admin: posisi statis, daftar selalu terlihat */
.rsu-fs--preview{position:static;transform:none;display:inline-flex;pointer-events:auto}
.rsu-fs--preview .rsu-fs-toggle{display:none!important}
.rsu-fs--preview .rsu-fs-list{display:flex!important}

@media (min-width:769px){.rsu-fs--no-desktop:not(.rsu-fs--preview){display:none}}

/* Mobile */
@media (max-width:768px){
  .rsu-fs--no-mobile:not(.rsu-fs--preview){display:none}
  .rsu-fs--top{top:96px}
  .rsu-fs--bottom{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .rsu-fs--collapsible:not(.rsu-fs--preview) .rsu-fs-toggle{display:grid}
  .rsu-fs--collapsible:not(.rsu-fs--preview) .rsu-fs-list{display:none}
  .rsu-fs--collapsible.is-open:not(.rsu-fs--preview) .rsu-fs-list{display:flex}
  .rsu-fs--bottom.rsu-fs--collapsible:not(.rsu-fs--preview){flex-direction:column-reverse}
  .rsu-fs--tip .rsu-fs-link::after{display:none}
}
@media (prefers-reduced-motion:reduce){.rsu-fs-link,.rsu-fs-toggle,.rsu-fs--tip .rsu-fs-link::after{transition:none}}
@media print{.rsu-fs{display:none!important}}