/* ════════════════════════════════════
   MEISTERSCHULE – VIEWER v1.2.0
   Mobile-first
   ════════════════════════════════════ */

/* WoodMart Theme verstecken */
.site-header,.woodmart-top-bar,.wd-header,
.site-footer,.woodmart-footer,
.wd-footer,.wd-footer-main,.wd-prefooter,
.copyrights-wrapper,.copyrights-section,#colophon,.footer-container,
.woocommerce-breadcrumb,.woodmart-breadcrumbs,
.wd-scroll-top,#wd-sticky-header,
.whb-header,.whb-general-header,
.entry-title,.page-title,.site-content__inner {
  display: none !important;
}

body {
  background: #07050f !important;
  overflow-x: hidden !important;
  padding: 0 !important; margin: 0 !important;
}

.site-content,#content,.container,
.wd-page-wrapper,main,.site,.entry-content {
  padding: 0 !important; margin: 0 !important;
  max-width: none !important;
  background: transparent !important;
  border: none !important;
}

#mdfViewerRoot {
  position: relative; z-index: 1;
  background: #07050f;
  min-height: 100vh; min-height: 100dvh;
}
#mdfViewerRoot::before {
  content: ''; position: fixed; inset: 0;
  background: radial-gradient(ellipse at 50% 40%,rgba(100,40,200,.18) 0%,transparent 65%);
  pointer-events: none; z-index: 0;
}

#portalCanvas  { position:fixed;inset:0;z-index:50;pointer-events:none; }
#portalOverlay { position:fixed;inset:0;z-index:51;display:flex;align-items:center;justify-content:center;pointer-events:none; }
#arkBg         { position:fixed;inset:0;z-index:200;background:#07050f; }
#arkIntro      { position:fixed;inset:0;z-index:201;display:flex;align-items:center;justify-content:center;pointer-events:none; }

#mdfViewerScene {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: center;
  gap: 16px; padding: 24px 16px 60px;
  width: 100%; max-width: 480px; margin: 0 auto;
  opacity: 0; transition: opacity .6s;
  font-family: Georgia, serif; color: #f0e8d0;
}
#mdfViewerScene.visible { opacity: 1; }

.mdfv-eyebrow {
  font-size: clamp(11px,3vw,15px);
  letter-spacing: .3em; text-transform: uppercase; text-align: center;
  margin-bottom: 6px;
}
.mdfv-title {
  font-size: clamp(20px,5vw,30px); color: #e8c060;
  text-shadow: 0 0 24px rgba(201,149,42,.4); text-align: center;
}
.mdfv-cwrap {
  position: relative; display: flex;
  align-items: center; justify-content: center; width: 100%;
}
#mdfViewerCanvas {
  width: min(280px,75vw); height: min(280px,75vw);
  border-radius: 50%; cursor: grab; display: block;
  touch-action: none;
}
#mdfViewerCanvas:active { cursor: grabbing; }
.mdfv-gring {
  position: absolute;
  width: calc(min(280px,75vw) + 20px);
  height: calc(min(280px,75vw) + 20px);
  border-radius: 50%; pointer-events: none;
}
.mdfv-hint { font-size:10px;color:rgba(240,232,208,.2);letter-spacing:.1em;text-align:center; }
.mdfv-spruch {
  width:100%;padding:14px;
  font-size:clamp(12px,3vw,14px);font-style:italic;
  color:rgba(240,232,208,.65);line-height:1.7;text-align:center;
}
.mdfv-grid { display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%; }
.mdfv-box  { padding:10px 12px;background:rgba(0,0,0,.3);border:1px solid rgba(201,149,42,.12); }
.mdfv-label{ font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:rgba(201,149,42,.55);margin-bottom:4px; }
.mdfv-val  { font-size:clamp(10px,2.5vw,12px);color:rgba(240,232,208,.8);line-height:1.5;font-style:italic; }
.mdfv-lore { width:100%;padding:16px;font-size:clamp(13px,3vw,15px);font-style:italic;color:rgba(240,232,208,.6);line-height:1.9;border-left:2px solid rgba(201,149,42,.3); }
.mdfv-shop-btn {
  display:block;width:100%;padding:16px;
  font-family:Georgia,serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:#07050f;font-weight:700;text-align:center;text-decoration:none;
  background:linear-gradient(135deg,#c9952a,#a07820);
  border:none;cursor:pointer;transition:box-shadow .3s;
}
.mdfv-shop-btn:hover { box-shadow:0 4px 20px rgba(201,149,42,.4); }