/* PNP_PRESENTATION_PINS_V1_CSS
   Moduł pinesek paneli prezentacji.
   Cel: osobny CSS, bez dopisywania stylów do wpis.php.
   Nie rusza: Rysowanie V2, Close X V1, Robert dock CSS.
*/

@media (min-width: 721px) {
  body.pnpPublicPresentationEnabled .pnpPresentationPinBtn {
    position: absolute;
    top: .55rem;
    right: 3.55rem;
    z-index: 45;

    width: 2.55rem;
    height: 2.55rem;
    display: grid;
    place-items: center;

    border: 1px solid rgba(154, 115, 21, .42);
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(245, 221, 122, .86));
    color: #8a620d;

    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 950;

    box-shadow:
      0 10px 22px rgba(97, 65, 9, .18),
      inset 0 1px 0 rgba(255, 255, 255, .82);
  }

  body.pnpPublicPresentationEnabled .pnpPresentationPinBtn:hover {
    filter: brightness(1.03);
  }

  body.pnpPublicPresentationEnabled .pnpPresentationPinBtn.isPinned,
  body.pnpPublicPresentationEnabled .isPinned > .previewDockFlyout .pnpPresentationPinBtn {
    background: linear-gradient(145deg, #d4af37, #9b6b0a);
    color: #fff;
    border-color: rgba(92, 58, 4, .45);
    box-shadow:
      0 14px 28px rgba(154, 115, 21, .32),
      0 0 0 4px rgba(212, 175, 55, .16),
      inset 0 1px 0 rgba(255, 255, 255, .32);
  }

  body.pnpPublicPresentationEnabled .previewDockFlyout {
    position: absolute;
  }

  body.pnpPublicPresentationEnabled [data-preview-dock-group="text"] .previewDockFlyout .pnpPresentationPinBtn {
    right: .55rem;
  }

  body.pnpPublicPresentationEnabled .pnpFocusToolboxHead,
  body.pnpPublicPresentationEnabled .pnpPollToolboxHead {
    position: relative;
  }

  body.pnpPublicPresentationEnabled .pnpFocusToolboxHead .pnpPresentationPinBtn,
  body.pnpPublicPresentationEnabled .pnpPollToolboxHead .pnpPresentationPinBtn {
    top: 50%;
    right: 3.55rem;
    transform: translateY(-50%);
  }
}