/* MAGICO Dino Superfan dashboard — owner concept presentation layer.
   VISUAL ONLY. The website cover master + accepted session state remain the
   sole source of cover content/personalisation. */
body.magico-dashboard{
  background:
    radial-gradient(ellipse at 5% 38%,rgba(91,116,74,.07) 0 11%,transparent 24%),
    radial-gradient(ellipse at 94% 56%,rgba(144,105,48,.045) 0 9%,transparent 22%),
    radial-gradient(circle at 50% 4%,rgba(255,255,255,.48),transparent 40%),
    linear-gradient(180deg,#fbf4e3 0%,#f3e7c9 100%);
}

/* The approved scenic raster is retained only as a restrained atmosphere.
   It is deliberately rendered BELOW native size and at low opacity so its
   painterly softness does not read as a blurred foreground layer. */
.magico-shell{isolation:isolate}
.magico-shell::before{
  content:"";position:absolute;z-index:-2;pointer-events:none;
  top:-10px;left:50%;width:min(100vw,1320px);height:min(990px,74vw);
  transform:translateX(-50%);
  background-image:url("images/magico-dino-dashboard-background-overlay-v1.webp");
  background-repeat:no-repeat;background-position:top center;background-size:100% auto;
  opacity:.16;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.35) 83%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.35) 83%,transparent 100%);
}
.magico-decor{display:none!important}

/* Same accepted cover as the order page. */
.magico-cover__scene{
  background-image:url("../../../09_website-prototype/assets/dino/cover-dynamic-master.webp")!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.magico-cover__scene>.magico-cover__hill,
.magico-cover__scene>.magico-cover__volcano,
.magico-cover__scene>.magico-cover__lava,
.magico-cover__scene>.magico-cover__flyer,
.magico-cover__scene>.magico-cover__figures,
.magico-cover__scene>.magico-cover__titles{display:none!important}
.magico-cover__card>.status-badge{display:none!important}

/* Name: keep the exact accepted state and shrink-to-fit renderer, but move
   the live name into the optical centre of the blank TOP stone plaque.
   The previous 15% top sat visibly too low and collided with the black title board. */
.magico-cover__plaque{
  left:14%!important;right:14%!important;top:11.6%!important;bottom:auto!important;
  width:auto!important;height:7.2%!important;min-height:0!important;transform:none!important;
  padding:0 2%!important;margin:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;color:transparent!important;font-size:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
.magico-cover__plaque-name{
  display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important;
  text-align:center!important;color:#3c2a12!important;
  font-size:clamp(.9rem,2.25vw,2rem)!important;font-weight:950!important;
  letter-spacing:normal!important;line-height:1!important;
  text-shadow:0 1px 0 rgba(255,241,214,.55),0 -1px 1px rgba(0,0,0,.3)!important;
}

/* Physical book: straight-on hardback. The accepted cover is untouched.
   A page sheet peeks at right and a separate thin page block is forced
   visibly below the cover, so the bottom edge cannot disappear into shadow. */
.magico-cover{
  perspective:none!important;padding:3px 16px 24px!important;align-items:flex-start;overflow:visible!important;
}
.magico-cover__pages{
  top:0!important;left:50%!important;width:100%!important;max-width:460px!important;
  aspect-ratio:3/3.6;transform:translateX(-50%)!important;border-radius:12px!important;
  filter:none!important;overflow:visible!important;
}
/* right-side page block */
.magico-cover__pages::before{
  display:block!important;content:"";position:absolute;inset:2px -7px -5px 4px!important;
  transform:none!important;border-radius:10px 14px 14px 10px!important;
  border:1px solid rgba(121,100,68,.25)!important;
  background:repeating-linear-gradient(0deg,#fbf7ed 0 2px,#e8deca 2px 3px),#f6efdf!important;
  box-shadow:4px 6px 12px rgba(51,39,22,.13)!important;z-index:0!important;
}
/* explicit bottom page block */
.magico-cover__pages::after{
  display:block!important;content:"";position:absolute!important;
  left:8px!important;right:-6px!important;top:auto!important;bottom:-9px!important;height:10px!important;
  transform:none!important;border:1px solid rgba(121,100,68,.24)!important;border-top:0!important;
  border-radius:0 0 11px 11px!important;
  background:repeating-linear-gradient(0deg,#eee4cf 0 1px,#fbf7ed 1px 3px)!important;
  box-shadow:0 6px 8px rgba(51,39,22,.10)!important;z-index:1!important;
}
.magico-cover__card{
  width:100%!important;max-width:460px!important;aspect-ratio:3/3.6;transform:none!important;
  overflow:hidden;border:0!important;border-radius:11px!important;background:transparent!important;
  box-shadow:0 20px 28px rgba(43,34,20,.22),0 5px 9px rgba(43,34,20,.14)!important;
  position:relative!important;z-index:3!important;
}
.magico-cover__card::before{
  content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;
  background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 19%,transparent 38%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
/* subtle hardback hinge only */
.magico-cover__card::after{
  content:"";position:absolute;z-index:7;pointer-events:none;top:0;bottom:0;left:0;width:6px!important;
  border-radius:11px 0 0 11px!important;
  background:linear-gradient(90deg,rgba(24,22,17,.19),rgba(31,27,20,.055) 58%,transparent)!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.10),inset -1px 0 rgba(0,0,0,.055)!important;
}

.magico-shelf-item__thumb{
  background-image:url("../../../09_website-prototype/assets/dino/cover-dynamic-master.webp")!important;
  background-size:cover!important;background-position:center!important;
}
.magico-shelf-item__thumb>.status-badge{display:none!important}
.magico-headline{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.035em;line-height:.98}
.magico-card{border-color:rgba(151,127,83,.26);box-shadow:0 10px 24px rgba(66,51,28,.11)}
.magico-inside .magico-card{background:rgba(255,253,248,.94)}
.magico-footer{background:rgba(246,235,207,.88);border-color:rgba(151,127,83,.25)}

@media(min-width:900px){
  .magico-header__inner{padding-top:12px;padding-bottom:12px}
  .magico-logo{gap:13px}.magico-logo__icon{width:42px;height:42px}
  .magico-logo__name{font-family:Georgia,"Times New Roman",serif;font-size:1.72rem;letter-spacing:.055em;line-height:.95}
  .magico-logo__tagline{font-size:.63rem;letter-spacing:.20em;color:var(--magico-gold-text-soft);margin-top:4px}
  .magico-nav{gap:26px}.magico-nav__link{font-size:1rem}
  .magico-shell{padding-top:30px;gap:22px}
  .magico-hero{grid-template-columns:minmax(310px,1.12fr) minmax(390px,1.42fr) minmax(250px,.86fr);gap:22px;align-items:start}
  .magico-purchase-info{padding-top:12px}
  .magico-headline{font-size:clamp(2.65rem,4vw,3.45rem);max-width:390px}
  .magico-subcopy{max-width:370px}.magico-cta-stack{max-width:360px}
  .magico-lower{grid-template-columns:minmax(285px,.95fr) minmax(0,2.45fr);gap:20px}
  .magico-shelf-item__thumb{width:82px}.magico-shelf-item{padding:16px}
  .magico-preview__track{gap:14px;overflow-x:hidden}.preview-card{flex:1 1 0;min-width:0}
  .preview-card__caption{padding:10px 10px 12px;font-size:.84rem}.magico-carousel-btn{display:none}
}
@media(max-width:899px){
  .magico-shell::before{top:-4px;width:100vw;height:78vw;background-size:100% auto;background-position:top center;opacity:.11}
  .magico-cover{padding:0 11px 21px!important}
  .magico-cover__pages::before{right:-6px!important;bottom:-4px!important}
  .magico-cover__pages::after{bottom:-8px!important;height:9px!important}
  .magico-cover__card::after{width:5px!important}
}
@media(max-width:620px){
  .magico-shell::before{height:92vw;opacity:.075;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%)}
  .magico-cover__plaque{top:11.3%!important;height:7.4%!important}
}