/* World of Poesie – Night 2.2.17 | Märchenhaftes Bücherkarussell */
.wop-book-carousel-section{position:relative;isolation:isolate;box-sizing:border-box;max-width:1240px;margin:46px auto 65px;padding:clamp(24px,3.4vw,42px);border:1px solid rgba(211,172,106,.74);border-radius:26px;background:radial-gradient(ellipse 90% 85% at 53% 0%,#273c5a 0%,#112036 56%,#0b1729 100%);box-shadow:0 22px 60px rgba(0,0,0,.32);color:#f4e7cd}
.wop-book-carousel-section:before,.wop-book-carousel-section:after{content:"";position:absolute;z-index:-1;width:112px;height:112px;border:1px solid rgba(210,176,117,.25);transform:rotate(45deg);pointer-events:none}
.wop-book-carousel-section:before{left:18px;top:24px}.wop-book-carousel-section:after{right:18px;bottom:24px}
.wop-book-carousel-glimmer{position:absolute;right:6%;top:24px;font-size:40px;color:#ddc28b;opacity:.52;pointer-events:none}
.wop-book-carousel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px}
.wop-book-carousel-heading>div{min-width:0}.wop-book-carousel-eyebrow{margin:0 0 12px;color:#d8b77f;font-size:11px;font-weight:700;letter-spacing:.2em}
.wop-book-carousel-heading h2{color:#f8db9f!important;font:normal clamp(27px,3.7vw,45px)/1.18 Georgia,serif!important;margin:0 0 12px;text-wrap:balance}
.wop-book-carousel-intro{color:#e8e1d5;max-width:680px;font-size:15px;line-height:1.75;margin:0}
.wop-book-carousel-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid #b9945f;border-radius:999px;padding:11px 18px;color:#f8db9f!important;text-decoration:none!important;font-size:13px;font-weight:700;transition:background .2s ease,transform .2s ease}
.wop-book-carousel-all:hover{background:#233d5b;transform:translateY(-2px)}
.wop-book-carousel-frame{position:relative;min-width:0}
.wop-book-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,29%,320px);gap:clamp(14px,2vw,24px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:4px;padding:8px 4px 20px;scrollbar-color:#a68859 transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.wop-book-carousel-track:focus-visible{outline:3px solid #eaca8d;outline-offset:3px;border-radius:9px}
.wop-book-carousel-card{scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #a88a58;border-radius:15px;background:linear-gradient(154deg,#263950,#122239 50%,#0f1b30);box-shadow:0 12px 26px rgba(0,0,0,.3);transition:transform .25s ease,border-color .25s ease}
.wop-book-carousel-card:hover,.wop-book-carousel-card:focus-within{border-color:#f3d4a0;transform:translateY(-3px)}
.wop-book-carousel-cover{position:relative;display:block;overflow:hidden;aspect-ratio:3/3.7;background:radial-gradient(circle at top,#314d75,#13223b);border-bottom:1px solid #a18455}
.wop-book-carousel-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.wop-book-carousel-cover:hover>img{transform:scale(1.04)}
.wop-book-carousel-bookmark{position:absolute;top:0;right:16px;background:linear-gradient(#e6cb97,#b38b52);color:#132039;width:30px;height:43px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);font-size:17px;text-shadow:none}
.wop-book-carousel-empty-cover{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(circle,#2d4569,#13233e);color:#f7da9c}
.wop-book-carousel-empty-cover span{font-size:clamp(72px,10vw,110px);line-height:1}.wop-book-carousel-empty-cover small{font-size:11px;letter-spacing:.24em}
.wop-book-carousel-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:19px 21px 23px}
.wop-book-carousel-tag{display:inline-flex;color:#e8ca93;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wop-book-carousel-copy h3{color:#f6dfb5;font:normal 23px/1.25 Georgia,serif;margin:12px 0 9px;min-height:2.4em;overflow-wrap:anywhere}
.wop-book-carousel-copy h3 a{color:inherit!important;text-decoration:none!important}.wop-book-carousel-copy h3 a:hover{text-decoration:underline!important}
.wop-book-carousel-copy p{color:#d2d7de;font-size:13px;line-height:1.6;margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.wop-book-carousel-cta{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding:11px 17px;border-radius:999px;background:#dfba7e;color:#14233b!important;font-weight:700;font-size:13px;text-decoration:none!important}
.wop-book-carousel-cta:hover{background:#f3d59e}
.wop-book-carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:6px}
.wop-book-carousel-arrows{display:flex;align-items:center;gap:15px}
.wop-book-carousel-arrows button,.wop-book-carousel-autoplay{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #aa8c58;border-radius:999px;background:#233852;color:#f3d29a;cursor:pointer;font-size:21px;line-height:1;transition:background .2s ease}
.wop-book-carousel-autoplay{font-size:17px}
.wop-book-carousel-arrows button:hover,.wop-book-carousel-autoplay:hover{background:#395575}
.wop-book-carousel-arrows button:focus-visible,.wop-book-carousel-autoplay:focus-visible,.wop-book-carousel-cta:focus-visible,.wop-book-carousel-all:focus-visible{outline:3px solid #f8e0a8;outline-offset:3px}
.wop-book-carousel-arrows button:disabled,.wop-book-carousel-autoplay:disabled{opacity:.5;cursor:not-allowed}
.wop-book-carousel-progress{font:600 14px Georgia,serif;min-width:66px;color:#ead3ad;text-align:center;font-variant-numeric:tabular-nums}
.wop-book-carousel-section .wop-book-carousel-track[data-single="true"]{display:flex;justify-content:center;overflow:hidden}
.wop-book-carousel-track[data-single="true"] .wop-book-carousel-card{width:min(100%,360px)}
.wop-book-carousel-controls[hidden]{display:none!important}
@media(max-width:900px){.wop-book-carousel-track{grid-auto-columns:minmax(220px,43%)}.wop-book-carousel-heading{align-items:start;flex-direction:column}}
@media(max-width:600px){.wop-book-carousel-section{width:calc(100% - 26px)!important;max-width:calc(100% - 26px);margin:26px auto 38px;padding:23px 14px 18px;border-radius:18px}.wop-book-carousel-heading h2{font-size:30px!important}.wop-book-carousel-track{grid-auto-columns:minmax(220px,84%);gap:12px}.wop-book-carousel-copy{padding:16px}.wop-book-carousel-cover{aspect-ratio:3/3.65}.wop-book-carousel-glimmer{font-size:23px}.wop-book-carousel-copy h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.wop-book-carousel-card,.wop-book-carousel-cover>img,.wop-book-carousel-all{transition:none!important}.wop-book-carousel-track{scroll-behavior:auto!important}}


/* ==============================================================
 * Night 2.2.17 — Magischer Feinschliff des Bücherkarussells.
 * Rein dekorativ, keine externen Ressourcen, kein zusätzliches JS.
 * Die Sterne bleiben hinter den Bedienelementen und sind aria-hidden.
 * ============================================================== */
.wop-book-carousel-section{
  overflow:hidden;
  background:
    radial-gradient(ellipse 56% 45% at 50% 78%,rgba(223,180,103,.11),transparent 73%),
    radial-gradient(ellipse 80% 75% at 78% 13%,rgba(56,82,124,.46),transparent 72%),
    radial-gradient(ellipse 90% 85% at 44% 0%,#273c5a 0%,#112036 54%,#0a1629 100%);
  box-shadow:inset 0 0 0 1px rgba(255,227,166,.08),
             inset 0 0 64px rgba(9,15,31,.22),
             0 24px 68px rgba(0,0,0,.35),
             0 0 32px rgba(206,161,82,.07);
}
/* The earlier diamond corners are retained, but become softer. */
.wop-book-carousel-section:before,.wop-book-carousel-section:after{
  border-color:rgba(219,184,118,.25);
  box-shadow:0 0 22px rgba(217,172,91,.045);
}
.wop-book-carousel-heading,.wop-book-carousel-frame,.wop-book-carousel-controls{
  position:relative;
  z-index:2;
}
.wop-book-carousel-heading h2{
  text-shadow:0 1px 15px rgba(226,183,103,.19);
}
.wop-book-carousel-eyebrow:after{
  content:"";display:block;width:84px;height:1px;margin-top:10px;
  background:linear-gradient(90deg,rgba(232,195,128,.8),transparent);
}
/* Tiny, slow golden lights scattered along the edges, never on the text. */
.wop-book-carousel-stars{
  position:absolute;inset:0;z-index:0;overflow:hidden;
  pointer-events:none;border-radius:inherit;
}
.wop-book-carousel-stars i{
  position:absolute;left:var(--sx);top:var(--sy);
  width:var(--ss,3px);height:var(--ss,3px);border-radius:50%;
  background:#ffe3a8;opacity:.5;
  box-shadow:0 0 7px 2px rgba(239,202,133,.45),0 0 21px 5px rgba(239,189,101,.08);
  animation:wop-book-star-glow var(--sd,5s) ease-in-out var(--st,0s) infinite alternate;
}
.wop-book-carousel-stars i:nth-child(1){--sx:6%;--sy:21%;--ss:3px;--sd:4.9s;--st:-2s}
.wop-book-carousel-stars i:nth-child(2){--sx:13%;--sy:52%;--ss:2px;--sd:5.9s;--st:-4s}
.wop-book-carousel-stars i:nth-child(3){--sx:23%;--sy:88%;--ss:3px;--sd:6.3s;--st:-3s}
.wop-book-carousel-stars i:nth-child(4){--sx:37%;--sy:11%;--ss:2px;--sd:4.4s;--st:-1s}
.wop-book-carousel-stars i:nth-child(5){--sx:62%;--sy:5%;--ss:2px;--sd:6.7s;--st:-5s}
.wop-book-carousel-stars i:nth-child(6){--sx:78%;--sy:24%;--ss:3px;--sd:5.1s;--st:-1s}
.wop-book-carousel-stars i:nth-child(7){--sx:93%;--sy:18%;--ss:2px;--sd:6.5s;--st:-4s}
.wop-book-carousel-stars i:nth-child(8){--sx:91%;--sy:61%;--ss:3px;--sd:5.7s;--st:-3s}
.wop-book-carousel-stars i:nth-child(9){--sx:84%;--sy:85%;--ss:2px;--sd:5.2s;--st:-2s}
.wop-book-carousel-stars i:nth-child(10){--sx:64%;--sy:91%;--ss:3px;--sd:6.6s;--st:-4s}
.wop-book-carousel-stars i:nth-child(11){--sx:45%;--sy:95%;--ss:2px;--sd:4.8s;--st:-1s}
.wop-book-carousel-stars i:nth-child(12){--sx:4%;--sy:78%;--ss:2px;--sd:6.9s;--st:-3s}
.wop-book-carousel-stars i:nth-child(13){--sx:96%;--sy:40%;--ss:2px;--sd:5.9s;--st:-5s}
.wop-book-carousel-stars i:nth-child(14){--sx:48%;--sy:40%;--ss:2px;--sd:7s;--st:-2s}
.wop-book-carousel-stars i:nth-child(2n):before{
  content:"";position:absolute;inset:-5px;
  background:linear-gradient(transparent 46%,rgba(244,213,152,.34) 49%,rgba(244,213,152,.34) 51%,transparent 54%),
             linear-gradient(90deg,transparent 46%,rgba(244,213,152,.34) 49%,rgba(244,213,152,.34) 51%,transparent 54%);
}
@keyframes wop-book-star-glow{
  from{opacity:.19;transform:scale(.72)}
  to{opacity:.73;transform:scale(1.18)}
}
/* Hand-drawn looking golden corner flourishes. */
.wop-book-carousel-ornament{
  position:absolute;z-index:1;width:48px;height:48px;
  opacity:.6;pointer-events:none;
  border-color:rgba(224,188,117,.53);border-style:solid;
}
.wop-book-carousel-ornament:before{
  content:"✦";position:absolute;font:19px/1 Georgia,serif;
  color:#ddbe7c;text-shadow:0 0 11px rgba(242,195,102,.38);
}
.wop-book-carousel-ornament--tl{
  left:17px;top:17px;border-width:1px 0 0 1px;border-top-left-radius:8px;
}
.wop-book-carousel-ornament--tl:before{left:-7px;top:-9px}
.wop-book-carousel-ornament--tr{
  right:17px;top:17px;border-width:1px 1px 0 0;border-top-right-radius:8px;
}
.wop-book-carousel-ornament--tr:before{right:-7px;top:-9px}
.wop-book-carousel-ornament--bl{
  left:17px;bottom:17px;border-width:0 0 1px 1px;border-bottom-left-radius:8px;
}
.wop-book-carousel-ornament--bl:before{left:-7px;bottom:-9px}
.wop-book-carousel-ornament--br{
  right:17px;bottom:17px;border-width:0 1px 1px 0;border-bottom-right-radius:8px;
}
.wop-book-carousel-ornament--br:before{right:-7px;bottom:-9px}
.wop-book-carousel-glimmer{
  z-index:1;color:#f5dca7;opacity:.67;
  text-shadow:0 0 13px rgba(250,210,129,.42);
  animation:wop-book-main-glimmer 6.2s ease-in-out infinite alternate;
}
@keyframes wop-book-main-glimmer{from{opacity:.38;transform:scale(.96)}to{opacity:.76;transform:scale(1.08)}}

/* A calm, luminous frame for every real book; stronger only on interaction. */
.wop-book-carousel-card{
  position:relative;
  box-shadow:0 14px 29px rgba(0,0,0,.32),0 0 17px rgba(219,176,105,.12),
             inset 0 0 0 1px rgba(255,231,166,.05);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.wop-book-carousel-card:hover,.wop-book-carousel-card:focus-within{
  transform:translateY(-5px);
  border-color:#f8dca6;
  box-shadow:0 19px 38px rgba(0,0,0,.39),0 0 23px rgba(238,192,106,.35),
             0 0 47px rgba(221,173,84,.15);
}
/* This quiet "breathing" aura is limited to a single-book presentation. */
.wop-book-carousel-track[data-single="true"] .wop-book-carousel-card{
  animation:wop-book-cover-aura 7.5s ease-in-out infinite alternate;
}
@keyframes wop-book-cover-aura{
  from{box-shadow:0 14px 29px rgba(0,0,0,.32),0 0 13px rgba(219,176,105,.10)}
  to{box-shadow:0 15px 33px rgba(0,0,0,.35),0 0 28px rgba(228,184,100,.27)}
}
.wop-book-carousel-track[data-single="true"] .wop-book-carousel-card:hover,
.wop-book-carousel-track[data-single="true"] .wop-book-carousel-card:focus-within{animation-play-state:paused}
/* Soft warm overlay plus a quick diagonal shaft of light on hover/focus. */
.wop-book-carousel-cover:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 72% 4%,rgba(255,228,157,.18),transparent 62%);
  opacity:.7;transition:opacity .45s ease;
}
.wop-book-carousel-cover:before{
  content:"";position:absolute;inset:-65% auto -65% -85%;z-index:2;
  width:45%;transform:skewX(-21deg) translateX(0);
  background:linear-gradient(90deg,transparent,rgba(255,230,165,.07) 18%,rgba(255,238,197,.37) 50%,rgba(255,230,165,.07) 81%,transparent);
  filter:blur(2px);opacity:0;pointer-events:none;
}
.wop-book-carousel-cover:is(:hover,:focus-visible):before,
.wop-book-carousel-card:focus-within .wop-book-carousel-cover:before{
  opacity:1;transform:skewX(-21deg) translateX(980%);
  transition:transform 1.3s ease-out,opacity .22s ease;
}
.wop-book-carousel-cover:is(:hover,:focus-visible):after{opacity:1}
.wop-book-carousel-bookmark{z-index:3;box-shadow:0 3px 10px rgba(0,0,0,.18)}
/* Satin-gold button, with a light streak only when hovered or keyboard-focused. */
.wop-book-carousel-cta{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(135deg,#ebc98c,#d9a965 60%,#e5c184);
  box-shadow:0 3px 15px rgba(215,170,90,.12);
  transition:background .25s ease,box-shadow .3s ease,transform .3s ease;
}
.wop-book-carousel-cta:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(108deg,transparent 13%,rgba(255,255,255,.0) 30%,rgba(255,248,211,.65) 50%,rgba(255,255,255,.0) 70%,transparent 87%);
  transform:translateX(-145%);pointer-events:none;
}
.wop-book-carousel-cta:hover,.wop-book-carousel-cta:focus-visible{
  background:#efce94;
  box-shadow:0 0 18px rgba(232,190,116,.32);
  transform:translateY(-1px);
}
.wop-book-carousel-cta:hover:before,.wop-book-carousel-cta:focus-visible:before{
  transform:translateX(145%);transition:transform .85s ease-out;
}
@media(max-width:600px){
  .wop-book-carousel-ornament{width:29px;height:29px;opacity:.48}
  .wop-book-carousel-ornament--tl{left:8px;top:8px}
  .wop-book-carousel-ornament--tr{right:8px;top:8px}
  .wop-book-carousel-ornament--bl{left:8px;bottom:8px}
  .wop-book-carousel-ornament--br{right:8px;bottom:8px}
  .wop-book-carousel-stars i:nth-child(14){display:none}
  .wop-book-carousel-glimmer{right:8%;top:13px}
}
/* User motion preference takes precedence over the fairy-tale animations. */
@media(prefers-reduced-motion:reduce){
  .wop-book-carousel-stars i,.wop-book-carousel-glimmer,
  .wop-book-carousel-track[data-single="true"] .wop-book-carousel-card{
    animation:none!important;
  }
  .wop-book-carousel-card,.wop-book-carousel-cover:before,.wop-book-carousel-cover:after,
  .wop-book-carousel-cta,.wop-book-carousel-cta:before{transition:none!important}
  .wop-book-carousel-cover:before,.wop-book-carousel-cta:before{display:none!important}
}