/* BESTAND: styles/19-media-rights.css
 * Gebruiks-/creditsmelding en gedeelde zwevende kolom.
 * Overzicht: HANDLEIDING.md → Vormgeving; laadvolgorde: index.html.
 */
/* Variant B — melding en gedeelde zwevende bediening. */
.site-floating-tools {
    position: fixed;
    /* Ook boven de oudere project-lightbox (9999); native dialogs blijven erboven. */
    z-index: 10000;
    right: 20px;
    bottom: max(20px, env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    max-width: calc(100vw - 32px);
    pointer-events: none;
}
.site-floating-tools > * { pointer-events: auto; }
.site-floating-tools .global-player-dock { position: relative; right: auto; bottom: auto; }
/* Volumepaneel en melding mogen elkaar niet bedekken. */
.site-floating-tools:has(.global-player-volume-panel) { gap: 80px; }
.media-rights-notice {
    position: relative;
    width: 360px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 120px);
    overflow: auto;
    box-sizing: border-box;
    padding: 19px 46px 16px 20px;
    border: 1px solid #cbd3ca;
    border-radius: 20px;
    background: #faf9f5;
    color: #19241e;
    box-shadow: 0 8px 28px rgba(24,39,28,.12);
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}
.media-rights-notice strong { display: block; font-size: 14px; overflow-wrap: anywhere; }
.media-rights-notice p { margin: 7px 0; }
.media-rights-credits { color: #536259; }
.media-rights-close { position: absolute; right: 3px; top: 3px; width: 44px; height: 44px; font-size: 23px; color: inherit; }
.media-rights-request { min-height: 44px; padding: 6px 0; color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.media-rights-button { min-height: 44px; padding: 6px 0; color: inherit; opacity: .7; font-size: 11px; line-height: 1.4; letter-spacing: .02em; text-align: left; }
.media-rights-button:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.media-rights-notice button:focus-visible,.media-rights-button:focus-visible { outline: 2px solid #7a9983; outline-offset: 2px; }
.media-rights-notice.is-modal { position: fixed; z-index: 1000; right: 20px; bottom: max(20px,env(safe-area-inset-bottom)); }
.sb-integrated-slab > .media-rights-button { justify-self: end; margin: 0 20px; }
/* Geen Use & credits-knop in de Projects-player */
.sb-integrated-slab[data-media-work^="project:"] > .media-rights-button {
    display: none;
}
@media (max-width: 600px) {
    .site-floating-tools { right: 16px; bottom: max(16px,env(safe-area-inset-bottom)); }
    .media-rights-notice.is-modal { right: 16px; bottom: max(16px,env(safe-area-inset-bottom)); }
}