/*
 * JENSKI 7 NOV — SIX ILLUSTRATED ARCHIVES, ONE SHARED WALL.
 * PRIVATE DRAFT. Existing original category artwork was present in the theme
 * but obscured by the later common-plaster layer. This exposes a bounded
 * illustration on each genuine WordPress category landing page — never a
 * separate full-height poster or an image replacing posts/navigation.
 *
 * Source: pre-existing assets/img/sections/section-<slug>.svg.
 * Six colours, slugs, title/link text, original small SVG icon and real WP
 * content remain unchanged. Keep the quieter common plaster behind articles,
 * map and long reading areas; source/licensing/owner visual review still gate.
 */

body.jenski-site.category[class*="jenski-section-"] {
  --jenski-archive-illustration: none;
}
body.jenski-site.category.jenski-section-rabbit-holes {
  --jenski-archive-illustration: url("../img/sections/section-rabbit-holes.svg");
}
body.jenski-site.category.jenski-section-things-i-like {
  --jenski-archive-illustration: url("../img/sections/section-things-i-like.svg");
}
body.jenski-site.category.jenski-section-places {
  --jenski-archive-illustration: url("../img/sections/section-places.svg");
}
body.jenski-site.category.jenski-section-how-its-done {
  --jenski-archive-illustration: url("../img/sections/section-how-its-done.svg");
}
body.jenski-site.category.jenski-section-thoughts {
  --jenski-archive-illustration: url("../img/sections/section-thoughts.svg");
}
body.jenski-site.category.jenski-section-random {
  --jenski-archive-illustration: url("../img/sections/section-random.svg");
}

/* This is one physical tear-edged introductory PAPER with a large illustration
 * tucked into its right edge. No second navigation or fake paper article card.
 * Genuine WordPress heading and the existing small SVG category doodle stay
 * above the artwork, and the paper centre stays opaque. */
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-height: 185px;
  padding: 26px clamp(235px, 24vw, 320px) 27px clamp(25px, 3vw, 43px);
  overflow: hidden;
  background-color: #fffaf1;
  background-image:
    linear-gradient(100deg, #fffaf1 0%, #fffaf1 57%, rgb(255 250 241 / .93) 74%, rgb(255 250 241 / .47) 100%),
    url("../img/jenski-paper-rip-overlay.svg");
  background-size: 100% 100%, 100% 240px;
  background-position: center, center top;
  background-repeat: no-repeat;
}
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  display: block;
  right: clamp(4px, 2vw, 26px);
  top: -5px;
  bottom: -5px;
  height: auto; /* override legacy 26px coloured-tape pseudo-element */
  width: clamp(235px, 25vw, 325px);
  transform: none; /* do not rotate this real illustration like the old tape */
  clip-path: none;
  background-color: transparent;
  background-image: var(--jenski-archive-illustration);
  background-repeat: no-repeat;
  /* Original 1600x1250 artwork: show the hand-illustrated RIGHT-EDGE motif,
     not the oversized independent six-poster wallpaper rejected previously. */
  background-size: 900px auto;
  background-position: right -100px;
  opacity: .96;
  -webkit-mask-image: radial-gradient(ellipse 100% 95% at 77% 49%, #000 10% 64%, transparent 100%);
  mask-image: radial-gradient(ellipse 100% 95% at 77% 49%, #000 10% 64%, transparent 100%);
}
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro > * {
  position: relative;
  z-index: 2;
}
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::before {
  position: absolute;
  top: 15px;
  right: 16px;
  float: none;
  margin: 0;
  z-index: 3;
  filter: drop-shadow(0 1px 0 rgb(255 250 241 / .85));
}
@media (max-width: 800px) {
  body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro {
    min-height: 146px;
    padding: 22px 155px 21px 21px;
  }
  body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::after {
    width: 170px;
    right: 0;
    background-size: 620px auto;
    background-position: right -67px;
  }
}
@media (max-width: 480px) {
  body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro {
    min-height: 118px;
    padding: 18px 103px 19px 16px;
  }
  body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::after {
    width: 120px;
    background-size: 490px auto;
    background-position: right -46px;
    opacity: .89;
  }
  body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::before {
    top: 8px;
    right: 7px;
    width: 42px;
    height: 42px;
  }
}

/* The existing individual post papers, real Places map, search and articles
 * are intentionally not rethemed. Text remains opaque, high-contrast and fully
 * selectable, while each archive now has a meaningful original art fragment. */