/* v1.8.9 - fuller lined-paper discount background
   Decorative layer only. Does not touch magazine geometry, tabs, cards, editor controls, or renderer. */
:root{
  --nc-bg-sheet-light: rgba(255, 248, 225, .94);
  --nc-bg-sheet-line-light: rgba(117, 84, 35, .18);
  --nc-bg-sheet-line-dark: rgba(247, 213, 113, .18);
  --nc-bg-sheet-dark: rgba(22, 18, 13, .88);
  --nc-bg-red-margin-light: rgba(178, 64, 43, .16);
  --nc-bg-red-margin-dark: rgba(255, 205, 88, .085);
  --nc-bg-symbol-light: rgba(78, 48, 13, .22);
  --nc-bg-symbol-dark: rgba(255, 216, 110, .145);
}

body[data-theme="light"]{
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.92), transparent 34%),
    linear-gradient(180deg,#fbf2dc 0%,#ead5a9 58%,#d1ad67 100%) !important;
}

body[data-theme="dark"],
body.nc-editor-page{
  background:
    radial-gradient(circle at 50% 8%, rgba(231,184,57,.16), transparent 38%),
    linear-gradient(180deg,#090705 0%,#030202 100%) !important;
}

.stage,
.nc-canvas{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
}

/* The paper sheet now covers the full background, not just a card behind the book. */
.stage::before,
.nc-canvas::before{
  content:"";
  position:absolute;
  inset:-7vh -5vw !important;
  width:auto !important;
  height:auto !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  pointer-events:none;
  z-index:0;
  border-radius:0 !important;
}

body[data-theme="light"] .stage::before{
  background:
    linear-gradient(90deg, transparent 0 7.2vw, var(--nc-bg-red-margin-light) 7.2vw 7.35vw, transparent 7.35vw),
    repeating-linear-gradient(0deg, transparent 0 27px, var(--nc-bg-sheet-line-light) 27px 28px),
    repeating-linear-gradient(90deg, rgba(125,91,40,.035) 0 1px, transparent 1px 42px),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.58), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.82), var(--nc-bg-sheet-light));
  opacity:.94;
  box-shadow:inset 0 0 120px rgba(129,82,27,.18);
}

body[data-theme="dark"] .stage::before,
body.nc-editor-page .nc-canvas::before{
  background:
    linear-gradient(90deg, transparent 0 7.2vw, var(--nc-bg-red-margin-dark) 7.2vw 7.35vw, transparent 7.35vw),
    repeating-linear-gradient(0deg, transparent 0 25px, var(--nc-bg-sheet-line-dark) 25px 26px),
    repeating-linear-gradient(90deg, rgba(255,216,112,.055) 0 1px, transparent 1px 42px),
    radial-gradient(circle at 48% 18%, rgba(255,222,121,.08), transparent 30%),
    linear-gradient(180deg, rgba(29,24,17,.94), var(--nc-bg-sheet-dark));
  opacity:.68;
  box-shadow:inset 0 0 150px rgba(0,0,0,.58);
}

/* Larger, denser, more varied discount typography and icon-like marks. */
.stage::after,
.nc-canvas::after{
  content:"-10%  SALE  20%  OFERTA  -15%  30%  CUT  40%  -50%  PROMO  2x1  25%\A 50%  -30%  REDUS  10%  15%  20%  40%  OFERTA  -25%  SALE\A PROMO  -40%  30%  2x1  50%  15%  REDUCERE  -20%  10%\A 20%  30%  OFERTA  -15%  40%  SALE  50%  PROMO  -10%\A -50%  REDUS  10%  25%  2x1  30%  -20%  OFERTA  40%";
  white-space:pre-wrap;
  position:absolute;
  inset:-2vh -8vw 0 -8vw !important;
  height:auto !important;
  pointer-events:none;
  z-index:0;
  font-family:Impact,'Arial Black','Roboto Condensed','Oswald',Arial,sans-serif;
  font-size:clamp(26px, 4.2vw, 86px) !important;
  line-height:1.95 !important;
  letter-spacing:.075em;
  word-spacing:1.25em !important;
  transform:rotate(-7deg) !important;
  overflow:hidden;
  text-transform:uppercase;
  text-align:center;
}

/* Extra chaotic minimal icons using a second pseudo layer on the book area container. */
.magazine-shell::before,
.nc-editor-main::before{
  content:"%   ↓   −   %   tag   −   %   ↓   10  20  30  50   %";
  position:absolute;
  inset:3% 2% auto 2%;
  height:90%;
  pointer-events:none;
  z-index:0;
  font-family:'Arial Black',Impact,sans-serif;
  font-size:clamp(18px, 2.2vw, 42px);
  line-height:3.2;
  letter-spacing:.16em;
  word-spacing:2em;
  text-align:center;
  transform:rotate(9deg);
  opacity:.34;
  overflow:hidden;
}

body[data-theme="light"] .stage::after,
body[data-theme="light"] .magazine-shell::before{
  color:var(--nc-bg-symbol-light);
  mix-blend-mode:multiply;
  text-shadow:0 1px 0 rgba(255,255,255,.52);
}

body[data-theme="dark"] .stage::after,
body.nc-editor-page .nc-canvas::after,
body.nc-editor-page .nc-editor-main::before{
  color:var(--nc-bg-symbol-dark);
  opacity:.62;
  mix-blend-mode:screen;
  text-shadow:0 0 10px rgba(255,215,95,.06);
}

/* Keep real UI and magazine above the decorative background. */
.stage > *,
.nc-canvas > *,
.magazine-shell > *,
.nc-editor-main > *{
  position:relative;
  z-index:1;
}

body.nc-editor-page .nc-editor-topline,
body.nc-editor-page .nc-select-chip,
body.nc-editor-page .nc-panel,
body.nc-editor-page .nc-unsaved-pill,
body.nc-editor-page .nc-element-toolbar,
body.nc-editor-page .nc-modal-backdrop{
  z-index:60;
}

@media (max-width: 900px){
  .stage::after,
  .nc-canvas::after{font-size:30px !important;line-height:2.45 !important;word-spacing:.9em !important;}
  .magazine-shell::before,
  .nc-editor-main::before{font-size:22px;line-height:3.8;}
}