/**
 * Lebendige Erde · 3D FlipBook · Version 1.0
 * Fuer ACF-Cover, natives Plugin und FileBird mit [le_filebird_flipbook].
 * Keine globalen Regeln fuer andere Dokumentbilder.
 */

/* 1. Bestehender ACF-Shortcode mit Eselsohr */
.flipbook-cover {
  --fold-size: 12px;
  position: relative !important;
  display: inline-block !important;
  width: 80%;
  line-height: 0;
  cursor: pointer;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 1px rgba(0,0,0,.18)) drop-shadow(0 3px 8px rgba(0,0,0,.11)) drop-shadow(0 12px 24px rgba(0,0,0,.07));
  transition: transform .25s ease, filter .25s ease;
}
.flipbook-cover-image {
  display: block;
  width: 100%;
  height: auto;
  background: transparent !important;
  clip-path: polygon(0 0,calc(100% - var(--fold-size)) 0,100% var(--fold-size),100% 100%,0 100%);
  transition: clip-path .45s cubic-bezier(.22,1,.36,1);
}
.flipbook-cover-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--fold-size);
  height: var(--fold-size);
  z-index: 10;
  pointer-events: none;
  clip-path: polygon(0 0,100% 100%,0 100%);
  background: linear-gradient(135deg,#fff 0%,#fafafa 28%,#f1f1ef 58%,#e5e5e2 82%,#d7d7d3 100%);
  filter: drop-shadow(1px 2px 1px rgba(0,0,0,.13));
  transition: width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),filter .25s ease;
}
.flipbook-cover-corner::before,.flipbook-cover-corner::after { display: none !important;content:none !important; }
.flipbook-cover:hover,.flipbook-cover:focus-visible {
  --fold-size: 48px;
  transform: translateY(-2px);
  filter: drop-shadow(0 0 1px rgba(0,0,0,.22)) drop-shadow(0 5px 12px rgba(0,0,0,.14)) drop-shadow(0 18px 32px rgba(0,0,0,.09));
}
.flipbook-cover:hover .flipbook-cover-corner,.flipbook-cover:focus-visible .flipbook-cover-corner {filter:drop-shadow(2px 3px 2px rgba(0,0,0,.16));}

/* 2. Nativer 3D-FlipBook-Shortcode thumbnail-lightbox */
.pdf-flipbook-preview { --fold-size: 12px; }
.pdf-flipbook-preview .book-thumbnail,
.pdf-flipbook-preview .book-thumbnail > a,
.pdf-flipbook-preview .book-thumbnail img {background:transparent !important;box-shadow:none !important;}
.pdf-flipbook-preview .book-thumbnail {position:relative;display:inline-block;overflow:visible;}
.pdf-flipbook-preview .book-thumbnail > a {
  position:relative;display:inline-block;line-height:0;overflow:visible;
  filter:drop-shadow(0 0 1px rgba(0,0,0,.18)) drop-shadow(0 3px 8px rgba(0,0,0,.12)) drop-shadow(0 12px 22px rgba(0,0,0,.07));
  transition:transform .25s ease,filter .25s ease;
}
.pdf-flipbook-preview .book-thumbnail img {
  display:block;max-width:100%;height:auto;transform:none !important;filter:none !important;
  clip-path:polygon(0 0,calc(100% - var(--fold-size)) 0,100% var(--fold-size),100% 100%,0 100%);
  transition:clip-path .45s cubic-bezier(.22,1,.36,1) !important;
}
.pdf-flipbook-preview .book-thumbnail > a::before {
  content:"";position:absolute;top:0;right:0;width:var(--fold-size);height:var(--fold-size);z-index:10;pointer-events:none;
  clip-path:polygon(0 0,100% 100%,0 100%);
  background:linear-gradient(135deg,#fff 0%,#fafafa 28%,#f1f1ef 58%,#e5e5e2 82%,#d7d7d3 100%);
  filter:drop-shadow(1px 2px 1px rgba(0,0,0,.13));
  transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),filter .25s ease;
}
.pdf-flipbook-preview .book-thumbnail > a::after {display:none !important;content:none !important;}
.pdf-flipbook-preview:hover,.pdf-flipbook-preview:focus-within {--fold-size:48px;}
.pdf-flipbook-preview:hover .book-thumbnail > a,.pdf-flipbook-preview:focus-within .book-thumbnail > a {
  transform:translateY(-2px);
  filter:drop-shadow(0 0 1px rgba(0,0,0,.22)) drop-shadow(0 5px 11px rgba(0,0,0,.14)) drop-shadow(0 18px 32px rgba(0,0,0,.09));
}
.pdf-flipbook-preview:hover .book-thumbnail > a::before,.pdf-flipbook-preview:focus-within .book-thumbnail > a::before {filter:drop-shadow(2px 3px 2px rgba(0,0,0,.16));}

/* 3. FileBird-Cover mit 3D-FlipBook-Trigger aus [le_filebird_flipbook].
   Das Eselsohr braucht kein zusaetzliches HTML-Element. */
#filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger {
  --fold-size: 12px;
  position: relative !important;
  display: block !important;
  width: 100%;
  cursor: pointer !important;
  line-height: 0;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.14)) drop-shadow(0 8px 14px rgba(0,0,0,.07));
  transition: transform .25s ease, filter .25s ease;
}
#filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0,calc(100% - var(--fold-size)) 0,100% var(--fold-size),100% 100%,0 100%);
  transition: clip-path .45s cubic-bezier(.22,1,.36,1) !important;
}
#filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--fold-size);
  height: var(--fold-size);
  z-index: 2;
  pointer-events: none;
  clip-path: polygon(0 0,100% 100%,0 100%);
  background: linear-gradient(135deg,#fff 0%,#fafafa 28%,#f1f1ef 58%,#e5e5e2 82%,#d7d7d3 100%);
  filter: drop-shadow(1px 2px 1px rgba(0,0,0,.13));
  transition: width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1);
}
#filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger:hover,
#filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger:focus-visible {
  --fold-size: 48px;
  transform: translateY(-2px);
  filter: drop-shadow(0 3px 5px rgba(0,0,0,.18)) drop-shadow(0 12px 22px rgba(0,0,0,.10));
}
#filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger:focus-visible {outline:2px solid currentColor;outline-offset:4px;}
@media (prefers-reduced-motion: reduce) {
  .flipbook-cover,.flipbook-cover-image,.flipbook-cover-corner,
  .pdf-flipbook-preview .book-thumbnail > a,.pdf-flipbook-preview .book-thumbnail img,
  .pdf-flipbook-preview .book-thumbnail > a::before,
  #filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger,
  #filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger img,
  #filebird-document-library .fbdl-grid-thumbnail a.le-flipbook-trigger::before {transition:none !important;}
}