/*
 * JENSKI / STONE & INK — 1 Nov 2026 (STAGING CANDIDATE)
 * Light weathered-plaster substrate + original recovered artwork only.
 * No baked-in posts/links, no invented icons, no WordPress data changes.
 * Enqueued after existing home/section CSS for simple reversible removal.
 */
body.jenski-site.home {
  background-color: #e5dccf;
  background-image:
    linear-gradient(90deg, rgb(245 238 226 / .16), rgb(250 243 231 / .05) 18%, rgb(250 243 231 / .05) 82%, rgb(245 238 226 / .18)),
    url("../img/jenski-recovered-edge-motifs.svg"),
    url("../img/jenski-stone-plaster.svg");
  background-size: 100% 100%, 1600px 1000px, 1200px 900px;
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center top, center 60px, center top;
  background-attachment: scroll;
}
/* The mural is source-derived and remains separate from the actual UI. */
body.home .jenski-masthead {
  background: linear-gradient(180deg, rgb(238 228 215 / .04) 0%, rgb(228 215 198 / .08) 58%, rgb(233 218 201 / .55) 100%);
  box-shadow: none;
}
body.home .jenski-masthead::before,
body.home .jenski-masthead::after {
  opacity: .91;
}
body.home .jenski-wordmark {
  filter: saturate(.94) contrast(.99);
  transform: rotate(-1.2deg);
  /* Source artwork includes its own paint drips. No chunky sticker shadow. */
  border-radius: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%);
}
/* Keep real WordPress links squarely inside the six equal tap targets. */
body.home nav.jenski-category-nav {
  margin-top: -.2rem;
  margin-bottom: .35rem;
}
body.home nav.jenski-category-nav > .wp-block-navigation__container {
  align-items: stretch;
  gap: clamp(5px, .65vw, 10px);
  overflow: visible;
}
body.home nav.jenski-category-nav > .wp-block-navigation__container > li {
  transform: none;
  align-self: stretch;
  overflow: visible;
}
body.home nav.jenski-category-nav li a {
  position: relative;
  min-height: 52px;
  padding: .65rem .3rem;
  transform: none;
  --tilt: 0deg;
  clip-path: none;
  border: 1px solid rgb(42 30 28 / .55);
  border-radius: 2px;
  box-shadow: 0 3px 0 rgb(31 24 19 / .3);
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: clamp(.81rem, 1.13vw, 1.02rem);
  letter-spacing: -.018em;
}
body.home nav.jenski-category-nav li a:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 0 rgb(31 24 19 / .3);
}
body.home nav.jenski-category-nav li a:focus-visible {
  outline: 3px solid #1d2e4a;
  outline-offset: 3px;
}
/* The exposed plaster, NOT another graphic, connects the two papers. */
body.home #main-content > .jenski-editorial-board {
  background: linear-gradient(110deg, rgb(242 235 223 / .93), rgb(235 226 211 / .94));
  border: 1px solid rgb(109 88 67 / .25);
  padding: clamp(10px, 1vw, 18px) !important;
  box-shadow: 0 8px 22px rgb(48 34 20 / .14);
  clip-path: none;
  overflow: visible;
  isolation: isolate;
  gap: clamp(10px, 1.15vw, 19px);
}
@media (min-width: 771px) {
  body.home #main-content > .jenski-editorial-board {
    grid-template-columns: minmax(0, 1.23fr) minmax(0, .77fr);
  }
  body.home .jenski-editorial-board > .jenski-feature,
  body.home .jenski-editorial-board > .jenski-home-recent {
    transform: none;
    margin: 0;
    width: 100%;
  }
}
body.home .jenski-editorial-board > .jenski-feature,
body.home .jenski-editorial-board > .jenski-home-recent {
  box-sizing: border-box;
  clip-path: polygon(.3% 0, 99.65% .3%, 100% 99.6%, .6% 100%, 0 39%);
  border: 1px solid #d2c3b1;
  outline: none;
  background: #fffaf1;
  box-shadow: 0 3px 10px rgb(45 28 17 / .13);
  color: #1a1b1d;
}
body.home .jenski-feature::before,
body.home .jenski-home-recent::before {
  opacity: .26;
}
body.home .jenski-feature-heading,
body.home .jenski-home-recent .jenski-section-heading h2 {
  color: #17181a;
  font: 800 clamp(1.4rem, 2.15vw, 2.1rem)/1.17 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
}
body.home .jenski-feature .wp-block-post-title,
body.home .jenski-home-recent .wp-block-post-title {
  font-family: Georgia, "Times New Roman", serif;
  color: #171719;
}
body.home .jenski-feature .wp-block-post-excerpt,
body.home .jenski-home-recent .wp-block-post-excerpt {
  color: #282827;
  line-height: 1.56;
}
body.home .jenski-home-recent .wp-block-post-excerpt {
  font-size: clamp(.87rem, 1vw, 1rem);
  line-height: 1.44;
}
body.home .jenski-home-recent .wp-block-post {
  border-bottom: 1px solid #e3d9c9;
}
body.home .jenski-discover-heading h2 {
  color: #201d19;
  text-shadow: none;
}
body.home .jenski-home-wall__card-inner {
  box-shadow: 0 5px 15px rgb(52 37 22 / .18);
}
/* Staging article pages: quieter wallpaper but preserve the six world SVGs. */
body.jenski-site.single-post[class*="jenski-section-"] {
  background-color: #e4d9ca;
  background-image:
    linear-gradient(90deg, rgb(244 236 223 / .72), rgb(245 237 224 / .78)),
    var(--jenski-section-art),
    url("../img/jenski-stone-plaster.svg");
  background-size: auto, 1600px auto, 1200px 900px;
  background-position: center top, center top, center top;
  background-repeat: no-repeat, repeat-y, repeat;
  background-attachment: scroll;
}
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room {
  background: #fffaf1;
  color: #242321;
  border: 1px solid #c8baa8;
  border-top: 7px solid var(--jenski-section-accent);
  box-shadow: 0 9px 22px rgb(52 37 22 / .17);
}
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room .wp-block-post-content {
  color: #25231f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.04rem, 1.15vw, 1.16rem);
  line-height: 1.75;
}
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room .wp-block-post-content :is(p, ul, ol) {
  max-width: 76ch;
}
@media (max-width: 770px) {
  body.home #main-content > .jenski-editorial-board {
    width: calc(100% - 18px) !important;
    grid-template-columns: minmax(0, 1fr);
    gap: .85rem;
    padding: 8px !important;
  }
  body.home .jenski-editorial-board > .jenski-feature,
  body.home .jenski-editorial-board > .jenski-home-recent {
    transform: none;
    margin: 0;
  }
  body.home nav.jenski-category-nav > .wp-block-navigation__container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  body.home nav.jenski-category-nav li a {
    min-height: 48px;
    font-size: clamp(.69rem, 2.6vw, .86rem);
    padding: .5rem .12rem;
  }
  body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room .wp-block-post-content {
    font-size: 1.04rem;
    line-height: 1.69;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.home nav.jenski-category-nav li a:hover { transform: none; }
}

/* Actual staging capture: source mural stays, but legacy portrait strip fades
 * before the functional navigation/search; no invented replacement picture. */
body.home .jenski-masthead::after {
  -webkit-mask-image: radial-gradient(ellipse 93% 87% at 93% 2%, #000 42%, transparent 97%);
  mask-image: radial-gradient(ellipse 93% 87% at 93% 2%, #000 42%, transparent 97%);
}
body.home .jenski-masthead::before {
  -webkit-mask-image: linear-gradient(90deg, #000 58%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 58%, transparent 100%);
}
body.home .jenski-search .wp-block-search__inside-wrapper {
  background: rgb(255 250 241 / .91);
  border: 1px solid #a48d77;
  box-shadow: 0 2px 5px rgb(42 28 14 / .17);
}
body.home .jenski-search input,
body.home .jenski-search button {
  color: #28231f;
}
body.home .jenski-search input::placeholder { color: #5a514b; }
/* Sparse genuine posts should still occupy an intentional paper sheet.
 * The featured post is never replaced by fabricated writing or photos. */
@media (min-width: 771px) {
  body.home #main-content > .jenski-editorial-board {
    align-items: stretch;
  }
  body.home .jenski-editorial-board > .jenski-feature {
    align-self: stretch;
  }
  body.home .jenski-feature .wp-block-query {
    min-height: 100%;
  }
}

/* On short real articles the body previously ended above the viewport,
 * exposing the black HTML canvas below the paper. Continue plaster to
 * the bottom even when the post contains only a short staging excerpt. */
html:has(body.jenski-site.single-post[class*="jenski-section-"]) {
  background-color: #e4d9ca;
}
body.jenski-site.single-post[class*="jenski-section-"] {
  min-height: 100vh;
}

/* 1 Nov verified screenshot correction: the old HTML root was black and the
 * short staging article ended before the 1000px viewport. Fill the viewport
 * with the same real stone substrate, not a black void below the paper. */
html:has(body.jenski-site.home),
html:has(body.jenski-site.single-post[class*="jenski-section-"]) {
  background-color: #e5dccf;
}
body.jenski-site.home,
body.jenski-site.single-post[class*="jenski-section-"] {
  min-height: 100vh;
}
/* Single-article mastheads must belong to the same weathered stone family.
 * Existing real category murals and six section accents remain separate. */
body.jenski-site.single-post[class*="jenski-section-"] .jenski-masthead {
  background: linear-gradient(180deg, rgb(232 220 206 / .18), rgb(232 221 206 / .6));
  box-shadow: 0 5px 13px rgb(51 34 20 / .12);
}
body.jenski-site.single-post[class*="jenski-section-"] .jenski-search .wp-block-search__inside-wrapper {
  background: rgb(255 249 239 / .92);
  border: 1px solid #988674;
  box-shadow: 0 2px 5px rgb(42 28 14 / .16);
}
body.jenski-site.single-post[class*="jenski-section-"] .jenski-search input,
body.jenski-site.single-post[class*="jenski-section-"] .jenski-search button {
  color: #28231f;
}
body.jenski-site.single-post[class*="jenski-section-"] .jenski-search input::placeholder { color: #5a514b; }
/* A text-only feature shouldn't turn into an enormous blank paper rectangle.
 * Real posts with their own photographs naturally earn more space. */
@media (min-width: 771px) {
  body.home #main-content > .jenski-editorial-board { align-items: start; }
  body.home #main-content .jenski-editorial-board > .jenski-feature { align-self: start; }
  body.home #main-content .jenski-feature .wp-block-query { min-height: 0; }
}

/* Source-derived ΕΛΛΑΣ brushwork sits UNDER the separate recovered wordmark.
 * This is the existing project flag motif isolated from its dark wallpaper,
 * not a replacement illustration or flattened image containing fake links. */
body.home .jenski-masthead__top::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: clamp(140px, 29%, 410px);
  top: 0;
  width: clamp(310px, 44vw, 565px);
  height: clamp(160px, 19vw, 238px);
  background: url("../img/jenski-hellas-fragment.svg") center / contain no-repeat;
  opacity: .55;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at 50% 43%, #000 38%, transparent 79%);
  mask-image: radial-gradient(ellipse at 50% 43%, #000 38%, transparent 79%);
}
body.home .jenski-wordmark,
body.home .jenski-search {
  position: relative;
  z-index: 2;
}
@media (max-width: 770px) {
  body.home .jenski-masthead__top::before {
    left: 5%;
    top: 0;
    width: 90%;
    height: 170px;
    opacity: .38;
  }
}

/* Optional WordPress typography collections. Default tokens match the
 * current accepted-direction hierarchy; switching a site-editor style
 * variation changes fonts only, never mural artwork or post data. */
body.home nav.jenski-category-nav li a,
body.jenski-site.single-post[class*="jenski-section-"] nav.jenski-category-nav li a {
  font-family: var(--wp--custom--jenski--nav-font, "Trebuchet MS", "Segoe UI", sans-serif);
}
body.home .jenski-feature-heading,
body.home .jenski-home-recent .jenski-section-heading h2,
body.home .jenski-feature .wp-block-post-title,
body.home .jenski-home-recent .wp-block-post-title,
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room .wp-block-post-title,
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room .wp-block-post-content :is(h2, h3, h4) {
  font-family: var(--wp--custom--jenski--heading-font, Georgia, "Times New Roman", serif);
}
body.home .jenski-feature .wp-block-post-excerpt,
body.home .jenski-home-recent .wp-block-post-excerpt,
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room .wp-block-post-content {
  font-family: var(--wp--custom--jenski--reading-font, Georgia, "Times New Roman", serif);
}

/* The six category archives share the same selectable typography, while
 * their six genuinely different mural wallpapers remain completely intact. */
body.jenski-site.category[class*="jenski-section-"] nav.jenski-category-nav li a {
  font-family: var(--wp--custom--jenski--nav-font, "Trebuchet MS", "Segoe UI", sans-serif);
}
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro h1,
body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template .wp-block-post-title {
  font-family: var(--wp--custom--jenski--heading-font, Georgia, "Times New Roman", serif);
}
body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template .wp-block-post-excerpt {
  font-family: var(--wp--custom--jenski--reading-font, Georgia, "Times New Roman", serif);
}

/* Category archives inherit the same quieter plaster substrate.
 * Keep the six DIFFERENT source section SVGs, their accent colours,
 * real category/query data and the transparent reading-paper surfaces. */
html:has(body.jenski-site.category[class*="jenski-section-"]) {
  background-color: #e5dccf;
}
body.jenski-site.category[class*="jenski-section-"] {
  min-height: 100vh;
  background-color: #e5dccf;
  background-image:
    linear-gradient(90deg, rgb(239 229 215 / .52), rgb(245 236 222 / .72) 20%, rgb(245 236 222 / .73) 80%, rgb(239 229 215 / .53)),
    var(--jenski-section-art),
    url("../img/jenski-stone-plaster.svg");
  background-size: auto, 1600px auto, 1200px 900px;
  background-position: center top, center top, center top;
  background-repeat: no-repeat, repeat-y, repeat;
  background-attachment: scroll;
}
body.jenski-site.category[class*="jenski-section-"] .jenski-masthead {
  background: linear-gradient(180deg, rgb(238 227 212 / .17), rgb(232 218 199 / .57));
  box-shadow: 0 5px 13px rgb(51 34 20 / .12);
}

/* Source screenshot refinement: two independent editable paper scraps,
 * not one enormous empty beige rectangle when newest post has no photo.
 * The stone between cards stays low-noise and article text stays opaque. */
body.home #main-content > .jenski-editorial-board {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0 !important;
  clip-path: none;
}
body.home .jenski-editorial-board > .jenski-feature,
body.home .jenski-editorial-board > .jenski-home-recent {
  box-shadow: 0 6px 15px rgb(47 33 20 / .19);
}

/* Keep the original icon fragments as quiet wall art outside the phone's
 * readable column; the complete interactive homepage remains real DOM. */
@media (max-width: 770px) {
  body.jenski-site.home {
    background-size: 100% 100%, 760px 475px, 1200px 900px;
    background-position: center top, center 125px, center top;
  }
}

/* High-resolution real WordPress QA: old home-wall.css applied a black
 * heading shadow to the now-dark 'Recent Posts' ink on cream paper.
 * Remove that ghosting and improve the small recent-article type. */
body.home .jenski-home-recent .jenski-section-heading h2 {
  text-shadow: none;
}
body.home .jenski-home-recent .wp-block-post-title {
  font-size: clamp(1.02rem, 1.18vw, 1.15rem);
  line-height: 1.25;
}
body.home .jenski-home-recent .wp-block-post-excerpt {
  font-size: 1rem;
  line-height: 1.5;
}
/* Match each recovered bitmap fragment's *rendered* width when fading it.
 * Previously the pseudo-elements were substantially wider than the images,
 * leaving hard vertical cut-lines at either side of the painted wordmark. */
@media (min-width: 771px) {
  body.home .jenski-masthead::before {
    width: clamp(180px, 15vw, 235px);
    -webkit-mask-image: linear-gradient(90deg, #000 50%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 50%, transparent 100%);
  }
  body.home .jenski-masthead::after {
    width: min(48vw, 670px);
    -webkit-mask-image: linear-gradient(270deg, #000 60%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 60%, transparent 100%);
  }
}