/* Floating Social v2 - perbaikan posisi desktop dan mobile.
   Hanya memengaruhi tombol sosial, bukan layout, video, musik, atau admin. */
a.floating-wa { display: none !important; }

.floating-social {
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right: 20px !important;
    bottom: 24px !important;
    width: max-content !important;
    height: auto !important;
    max-width: calc(100vw - 32px);
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
    float: none !important;
}

.floating-social__link {
    position: relative;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 5px 18px #0003;
    transition: transform .2s ease, box-shadow .2s ease;
    -webkit-tap-highlight-color: transparent;
}

.floating-social__link:focus-visible {
    transform: translateY(-3px) scale(1.06);
    box-shadow: 0 8px 24px #0005;
    outline-offset: 3px;
}

.floating-social__link svg {
    display: block !important;
    flex: none !important;
    width: 29px !important;
    height: 29px !important;
}

.floating-social__whatsapp { background: #25d366 !important; }
.floating-social__instagram { background: linear-gradient(35deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) !important; }
.floating-social__telegram { background: #229ed9 !important; }

@media (max-width: 600px) {
    .floating-social {
        right: 14px !important;
        right: max(14px, env(safe-area-inset-right, 0px)) !important;
        bottom: 18px !important;
        bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
        gap: 10px !important;
    }
    .floating-social__link {
        width: 48px !important;
        height: 48px !important;
    }
    .floating-social__link svg {
        width: 26px !important;
        height: 26px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .floating-social__link { transition: none !important; }
}

/* Sentuhan HP tidak boleh mengaktifkan hover yang menetap setelah diklik. */
@media (hover: hover) and (pointer: fine) {
    .floating-social__link:hover {
        transform: translateY(-3px) scale(1.06);
        box-shadow: 0 8px 24px #0005;
    }
}
@media (hover: none), (pointer: coarse) {
    .floating-social__link,
    .floating-social__link:hover,
    .floating-social__link:active,
    .floating-social__link:focus,
    .floating-social__link:focus-visible {
        transform: none !important;
        outline-offset: 2px;
    }
}

/* v11: posisi stabil saat tap, kembali dari aplikasi, dan viewport mobile. */
.floating-social { inset: auto max(14px, env(safe-area-inset-right, 0px)) max(18px, env(safe-area-inset-bottom, 0px)) auto !important; }
@media (hover: none), (pointer: coarse) {
  .floating-social__link, .floating-social__link:hover,
  .floating-social__link:focus, .floating-social__link:active,
  .floating-social__link:focus-visible { transform: none !important; transition: none !important; }
}