/* =============================================
   SPEISEKARTE – PDF-Flipbook
   Nutzt die Design-System-Variablen aus main.css.
   ============================================= */
.flipbook-section { background:var(--cream); padding:clamp(3rem,6vw,5rem) 0; }

.lh-flipbook { display:flex; flex-direction:column; align-items:center; }

.lh-flipbook-stage { width:100%; max-width:1480px; display:flex; align-items:center; justify-content:center; min-height:420px; }

/* page-flip Buch – immer mittig, auch Cover/Rückseite (Einzelseite). */
.lh-flipbook-book { margin:0 auto; width:100%; transition:transform 0.45s var(--ease-out); }
.lh-flipbook .stf__parent { margin:0 auto; }
.lh-flipbook .stf__wrapper { margin:0 auto; }
/* Cover sitzt rechts → nach links zur Mitte; Rückseite sitzt links → nach rechts. */
.lh-flipbook-book.is-single-right { transform:translateX(-25%); }
.lh-flipbook-book.is-single-left { transform:translateX(25%); }
.lh-flipbook-page { background:var(--white); box-shadow:0 0 1px rgba(0,0,0,0.12); overflow:hidden; }
.lh-flipbook-canvas { display:block; width:100%; height:100%; }

/* Ladezustand */
.lh-flipbook-loading { display:flex; flex-direction:column; align-items:center; gap:1rem; color:var(--forest-500); font-size:0.95rem; padding:3rem 0; }
.lh-flipbook-spinner { width:38px; height:38px; border:3px solid var(--forest-100); border-top-color:var(--gold-500); border-radius:50%; animation:lhFbSpin 0.9s linear infinite; }
@keyframes lhFbSpin { to { transform:rotate(360deg); } }
.lh-flipbook-error { color:var(--forest-600); font-size:0.95rem; }

/* Steuerung */
.lh-flipbook-controls { display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:clamp(1.5rem,3vw,2.2rem); flex-wrap:wrap; }
.lh-flipbook-nav { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; background:var(--forest-800); color:var(--gold-300); transition:background var(--dur-fast),color var(--dur-fast); }
.lh-flipbook-nav:hover { background:var(--gold-500); color:var(--white); }
.lh-flipbook-pages { font-family:var(--font-display); font-size:1.1rem; color:var(--forest-700); min-width:64px; text-align:center; letter-spacing:0.04em; }
.lh-flipbook-download { display:inline-flex; align-items:center; gap:0.45rem; margin-left:0.5rem; padding:0 1.1rem; height:48px; background:transparent; border:1px solid var(--gold-400); color:var(--forest-800) !important; font-size:0.78rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; text-decoration:none !important; transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast); }
.lh-flipbook-download:hover { background:var(--gold-500); border-color:var(--gold-500); color:var(--white) !important; }

@media (max-width:768px) {
  .lh-flipbook-controls { gap:0.6rem; }
  .lh-flipbook-download { width:100%; justify-content:center; margin-left:0; order:3; }
  .lh-flipbook-nav { width:44px; height:44px; }
}

@media (prefers-reduced-motion:reduce) {
  .lh-flipbook-spinner { animation-duration:1.8s; }
}