/*
 * Katniss Wild · Metallic Frame Highlights v10 · DRAFT THEME ONLY.
 * Fine champagne-gold light catching DIFFERENT positions of LARGE frames.
 * NO moving glints or metallic sparkle on Amazon/shop links.
 * Covers, book metadata, original saved titles and website content unchanged.
 */

/* The type used in the BOOK CARDS belongs to the warm velvet editorial palette. */
.kwv-page .kwv-catalog-category .kwv-catalog-book h3,
.kwv-page .kwv-series-grid .kwv-catalog-book h3{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:500;
  font-style:normal;
  font-size:clamp(16px,1.28vw,18px);
  line-height:1.17;
  letter-spacing:0;
  color:#e6c5ac;
  text-shadow:0 1px 4px rgba(9,1,3,.62);
  text-wrap:balance;
  overflow-wrap:anywhere;
  margin:5px auto 1px;
  padding:0 2px;
  max-width:234px;
}
.kwv-page .kwv-catalog-category .kwv-catalog-book p,
.kwv-page .kwv-series-grid .kwv-catalog-book p{
  color:#c5a08d;
  font:500 9px/1.38 'DM Sans',Arial,sans-serif;
  letter-spacing:.095em;
  margin:2px auto 1px;
  max-width:235px;
}
.kwv-page .kwv-series-rules .kwv-series-grid .kwv-catalog-book>h3{
  font-size:clamp(18px,1.55vw,21px);
  color:#eccbab;
  text-align:left;
  margin-left:0;
  margin-right:0;
  max-width:none;
}
.kwv-page .kwv-series-rules .kwv-series-grid .kwv-catalog-book>p{
  text-align:left;
  margin-left:0;
}
.kwv-page .kwv-catalog-category .kwv-catalog-book .kwv-catalog-buy{
  color:#d8b18f;
  border-bottom:1px solid rgba(199,145,104,.27);
  background:none;
  box-shadow:none;
  text-shadow:none;
}
.kwv-page .kwv-catalog-category .kwv-catalog-book .kwv-catalog-buy:hover,
.kwv-page .kwv-catalog-category .kwv-catalog-book .kwv-catalog-buy:focus-visible{
  color:#efd5b8;
  border-bottom-color:rgba(221,170,119,.54);
  background:none;
  box-shadow:none;
}

/* LARGE series frames. Fixed metallic highlights, staggered individually. */
.kwv-page .kwv-series-block{
  --kw-glint-top:32%;
  --kw-glint-bottom:77%;
  --kw-glint-top-alpha:.88;
  --kw-glint-bottom-alpha:.22;
  border:1px solid rgba(209,155,99,.43);
  position:relative;
}
.kwv-page .kwv-series-block:nth-child(3n+1){
  --kw-glint-top:42%;
  --kw-glint-bottom:83%;
  --kw-glint-top-alpha:.90;
  --kw-glint-bottom-alpha:.16;
}
.kwv-page .kwv-series-block:nth-child(3n+2){
  --kw-glint-top:79%;
  --kw-glint-bottom:27%;
  --kw-glint-top-alpha:.18;
  --kw-glint-bottom-alpha:.96;
}
.kwv-page .kwv-series-block:nth-child(3n){
  --kw-glint-top:23%;
  --kw-glint-bottom:60%;
  --kw-glint-top-alpha:.94;
  --kw-glint-bottom-alpha:.20;
}
.kwv-page .kwv-series-block::before{
  content:'';
  display:block;
  position:absolute;
  inset:-1px;
  pointer-events:none;
  z-index:3;
  border:1px solid rgba(197,139,77,.30);
  background:
    radial-gradient(ellipse 75px 2.8px at var(--kw-glint-top) 0%,
      rgba(255,246,210,var(--kw-glint-top-alpha)) 0%,
      rgba(255,227,168,.67) 17%,
      rgba(227,168,94,.24) 49%,
      transparent 100%) top left/100% 6px no-repeat,
    radial-gradient(ellipse 61px 3.2px at var(--kw-glint-bottom) 100%,
      rgba(255,247,211,var(--kw-glint-bottom-alpha)) 0%,
      rgba(239,197,121,.29) 34%,
      transparent 100%) bottom left/100% 6px no-repeat,
    linear-gradient(90deg,rgba(154,94,49,.25),rgba(208,156,95,.47) 28%,rgba(234,188,119,.48) 59%,rgba(157,98,52,.23)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(157,97,55,.19),rgba(224,181,111,.48) 57%,rgba(157,99,51,.19)) bottom/100% 1px no-repeat;
  filter:drop-shadow(0 0 2px rgba(250,198,121,.32));
}
.kwv-page .kwv-series-block>.kwv-series-heading,
.kwv-page .kwv-series-block>.kwv-catalog-grid{position:relative;z-index:4;}

/* Large dividers between categories, each with its own highlight position. */
.kwv-page .kwv-catalog-category{--kw-separator-glint:53%;}
.kwv-page .kwv-catalog-category:nth-of-type(4n+1){--kw-separator-glint:29%;}
.kwv-page .kwv-catalog-category:nth-of-type(4n+2){--kw-separator-glint:73%;}
.kwv-page .kwv-catalog-category:nth-of-type(4n+3){--kw-separator-glint:45%;}
.kwv-page .kwv-catalog-category:nth-of-type(4n){--kw-separator-glint:84%;}
.kwv-page .kwv-catalog-category::before{
  content:'';
  position:absolute;
  left:4%;
  right:4%;
  bottom:0;
  top:auto;
  width:auto;
  height:3px;
  z-index:4;
  pointer-events:none;
  background:
    radial-gradient(ellipse 64px 2px at var(--kw-separator-glint) 45%,
      rgba(255,249,218,.95) 0%,
      rgba(250,208,147,.76) 13%,
      rgba(218,151,81,.16) 55%,
      transparent 100%),
    linear-gradient(90deg,transparent 1%,rgba(183,126,69,.38) 20%,rgba(218,178,109,.52) 46%,rgba(196,137,72,.40) 75%,transparent 99%);
  box-shadow:0 1px 7px rgba(226,160,90,.14);
}

/* Inner heading dividers and retailer underlines stay simple, no bright glints. */
.kwv-page .kwv-series-heading::after{
  background:linear-gradient(90deg,rgba(211,158,97,.46),rgba(211,158,97,.28) 67%,transparent);
  box-shadow:none;
  height:1px;
}
.kwv-page .kwv-catalog-jump a,
.kwv-page .kwv-catalog-book .kwv-store-list,
.kwv-page .kwv-catalog-book a.kwv-catalog-buy{filter:none;}

/* The same restrained metallic language for large editorial panels, no shine on text. */
.kwv-page .kwv-subpage .kwv-alternate{
  border-color:rgba(208,153,97,.39);
  box-shadow:0 12px 30px rgba(6,1,4,.28);
}
.kwv-page .kwv-subpage .kwv-alternate::before{
  content:'';
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  border:1px solid rgba(204,148,93,.24);
  background:
    radial-gradient(ellipse 62px 2.5px at 69% 0%,
      rgba(255,240,201,.72),rgba(238,177,107,.30) 38%,transparent 100%) top/100% 5px no-repeat;
}
.kwv-page .kwv-subpage .kwv-alternate>*{position:relative;z-index:1;}

@media(max-width:820px){
  .kwv-page .kwv-catalog-category .kwv-catalog-book h3,
  .kwv-page .kwv-series-grid .kwv-catalog-book h3{
    font-size:clamp(15px,3.4vw,17px);
    line-height:1.2;
  }
  .kwv-page .kwv-series-rules .kwv-series-grid .kwv-catalog-book>h3{
    font-size:18px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
  .kwv-page .kwv-series-rules .kwv-series-grid .kwv-catalog-book>p{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
}
