/*
 * Katniss Wild · deep wine & photo-real velvet · private theme draft only.
 * Inspired by the approved editorial reference, without baking text/books into images.
 * Red folds come from the site's OWN media-library photograph.
 * Pearl folds are an original transparent SVG stored ONLY in the unpublished draft.
 */
body.kwv-page {
 --kw-oxblood:#100305;
 --kw-deep:#1c0507;
 --kw-bordeaux:#33080e;
 --kw-wine:#461015;
 --kw-rose:#9e565b;
 --kw-gold:#dec09a;
 --kw-cream:#f5e5dc;
 --kw-pearl:#ead8ce;
 --kw-ink:#240b0e;
 --kw-velvet-photo:url("https://katnisswild.com/wp-content/uploads/2026/08/rotersamt-scaled.jpeg");
 --kw-pearl-folds:url("kwv-pearl-satin.svg");
 background:#110305!important;
}
.kwv-page .kwv-site{background:#130406;}
/* All main dark backgrounds are drawn from one warm, deep oxblood family. */
.kwv-page .kwv-nav{
 background-color:#100305;
 background-image:
   linear-gradient(98deg,rgba(10,1,3,.92),rgba(26,3,6,.87),rgba(12,1,3,.91)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 30%;
 border-bottom:1px solid rgba(220,168,139,.30);
}
.kwv-page .kwv-traits{
 background-image:
   linear-gradient(105deg,rgba(18,2,4,.78),rgba(44,5,11,.72) 54%,rgba(16,2,4,.81)),
   var(--kw-velvet-photo);
 background-position:center 40%;
 background-size:cover;
}
.kwv-page .kwv-language-strip{
 background-image:
   linear-gradient(105deg,rgba(22,2,5,.87),rgba(46,6,12,.82) 51%,rgba(17,2,4,.89)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 36%;
 border-color:rgba(221,171,148,.26);
}
.kwv-page .kwv-spotlight{
 background-image:
   linear-gradient(103deg,rgba(20,2,5,.77),rgba(53,8,13,.71) 56%,rgba(20,2,5,.79)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 56%;
}
.kwv-page .kwv-feature-with-feed-side{
 background-image:
   linear-gradient(103deg,rgba(18,2,5,.86),rgba(40,5,11,.84) 52%,rgba(16,2,4,.87)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 42%;
}
/* Dark folds in the genre section remain visible even behind the category cards. */
.kwv-page .kwv-genres{
 background-image:
   linear-gradient(103deg,rgba(12,1,3,.63),rgba(33,3,7,.57) 51%,rgba(13,1,3,.65)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 52%;
 overflow:visible;
 z-index:3;
 border-color:rgba(212,162,138,.34);
}
.kwv-page .kwv-genres::before{
 content:"";
 position:absolute;
 left:0;
 right:0;
 top:-15px;
 bottom:-38px;
 opacity:.57;
 z-index:0;
 pointer-events:none;
 background:var(--kw-velvet-photo) center 48%/cover no-repeat;
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 17%,black 78%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,black 17%,black 78%,transparent 100%);
}
.kwv-page .kwv-genres>.kwv-heading,
.kwv-page .kwv-genres>.kwv-genres-grid{position:relative;z-index:2;}
.kwv-page .kwv-genre{
 background:rgba(15,2,4,.58);
 border-color:rgba(222,183,146,.71);
}
.kwv-page .kwv-genre:hover{background:rgba(87,16,26,.86);}
.kwv-page .kwv-footer{
 position:relative;
 z-index:1;
 background-image:
   linear-gradient(106deg,rgba(13,1,3,.75),rgba(34,3,7,.68) 54%,rgba(10,1,3,.77)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 66%;
 border-top:1px solid rgba(226,177,139,.53);
}
.kwv-page .kwv-page-cta{
 background-image:
   linear-gradient(108deg,rgba(18,2,4,.84),rgba(41,5,11,.83) 54%,rgba(16,2,4,.86)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 47%;
}
/* Dark catalogue: same burgundy; real textile photo chiefly along the edges. */
.kwv-page .kwv-catalog{
 background-color:#160408;
 background-image:
   linear-gradient(98deg,rgba(20,2,5,.90),rgba(39,5,11,.84) 53%,rgba(18,2,5,.91)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center;
 background-attachment:scroll;
}
.kwv-page .kwv-catalog-hero{
 background-image:
   linear-gradient(98deg,rgba(19,2,5,.84),rgba(45,6,11,.77) 58%,rgba(18,2,4,.83)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 28%;
}
.kwv-page .kwv-catalog-category,
.kwv-page .kwv-catalog-category:nth-of-type(2n){
 background-image:
   linear-gradient(103deg,rgba(20,2,5,.87),rgba(42,5,10,.84) 53%,rgba(19,2,4,.88)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 58%;
}
.kwv-page .kwv-series-block,
.kwv-page .kwv-series-block:nth-child(2){
 background-image:
   linear-gradient(104deg,rgba(25,4,7,.89),rgba(53,8,15,.84) 54%,rgba(23,3,6,.90)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 52%;
 border-color:rgba(222,175,149,.37);
}
.kwv-page .kwv-catalog-jump{
 background-image:
   linear-gradient(103deg,rgba(21,2,4,.83),rgba(49,6,13,.75) 50%,rgba(18,2,4,.84)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 43%;
}
.kwv-page .kwv-catalog-elsewhere{
 background-image:
   linear-gradient(107deg,rgba(18,2,5,.89),rgba(45,6,13,.81) 52%,rgba(17,2,4,.91)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 57%;
}
.kwv-page .kwv-subpage{
 background-image:
   linear-gradient(109deg,rgba(16,2,4,.90),rgba(43,6,13,.85) 54%,rgba(18,2,5,.90)),
   var(--kw-velvet-photo)!important;
 background-position:center 48%!important;
 background-size:cover!important;
}
.kwv-page .kwv-subpage .kwv-alternate{
 background-image:
   linear-gradient(106deg,rgba(20,2,6,.88),rgba(36,5,11,.85) 51%,rgba(19,2,5,.91)),
   var(--kw-velvet-photo);
 background-size:cover;
 background-position:center 43%;
}
.kwv-page .kwv-content-news details.kwv-news-archive{
 background:rgba(20,3,7,.70);
}
.kwv-page .kwv-gift{
 background-image:
   linear-gradient(108deg,rgba(16,2,4,.91),rgba(41,6,12,.86),rgba(16,2,4,.92)),
   var(--kw-velvet-photo)!important;
 background-size:cover;
 background-position:center;
}
/* Satin/photo fabric on ivory panels, rather than thin geometric stripes. */
.kwv-page .kwv-books,
.kwv-page .kwv-newsletter{
 position:relative;
 isolation:isolate;
 color:#2b0b12;
 background-image:
   radial-gradient(ellipse at 51% 15%,rgba(255,252,247,.66),transparent 64%),
   linear-gradient(113deg,#f7e9e1,#e8d3c7 46%,#f8eee6 100%);
 background-size:cover;
}
.kwv-page .kwv-books::before,
.kwv-page .kwv-newsletter::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 transform:none;
 font:inherit;
 pointer-events:none;
 background:var(--kw-pearl-folds) center/100% 100% no-repeat;
 opacity:.96;
}
/* Fine red-velvet folds appear at the far edges of the champagne panels. */
.kwv-page .kwv-books::after,
.kwv-page .kwv-newsletter::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
 background:var(--kw-velvet-photo) center 65%/cover no-repeat;
 opacity:.18;
 filter:grayscale(.38) sepia(.18) contrast(1.05);
 mix-blend-mode:multiply;
 -webkit-mask-image:
   radial-gradient(ellipse 39% 82% at 0% 0%,black 0%,transparent 77%),
   radial-gradient(ellipse 33% 69% at 100% 100%,black 0%,transparent 86%);
 mask-image:
   radial-gradient(ellipse 39% 82% at 0% 0%,black 0%,transparent 77%),
   radial-gradient(ellipse 33% 69% at 100% 100%,black 0%,transparent 86%);
}
.kwv-page .kwv-books>*,
.kwv-page .kwv-newsletter>*{position:relative;z-index:2;}
/* Clear, actual social network symbols (no placeholder letters). */
.kwv-page .kwv-socials{display:flex;align-items:center;gap:9px;}
.kwv-page .kwv-socials a{
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 padding:7px;
 border:1px solid rgba(238,198,161,.28);
 border-radius:3px;
 background:rgba(14,1,3,.22);
 color:#f0d7b4!important;
 transition:color .2s,background .2s,border-color .2s,transform .2s;
}
.kwv-page .kwv-socials a:hover,
.kwv-page .kwv-socials a:focus-visible{
 color:#fff0d4!important;
 background:rgba(121,29,42,.48);
 border-color:#efd3a8;
 transform:translateY(-2px);
 outline-offset:3px;
}
.kwv-page .kwv-socials svg{
 display:block;
 width:24px;
 height:24px;
 overflow:visible;
 pointer-events:none;
}
.kwv-page .kwv-icon-instagram{fill:none;stroke:currentColor;}
.kwv-page .kwv-icon-facebook,.kwv-page .kwv-icon-tiktok{fill:currentColor;}
@media(max-width:820px){
 .kwv-page .kwv-books::before,
 .kwv-page .kwv-newsletter::before{background-size:auto 100%;background-position:center;}
 .kwv-page .kwv-socials a{width:39px;height:39px;}
 .kwv-page .kwv-socials svg{width:22px;height:22px;}
}
@media(prefers-reduced-motion:reduce){
 .kwv-page .kwv-socials a{transition:none;}
}