/* =========================================================
   ARCORDIAN CHRONICLES v08 OVERRIDES
   ========================================================= */

/* Category navigation replaces the old generic Products/Gallery links. */
.navlinks{align-items:center}
.navlinks a{white-space:nowrap}
section[id]{scroll-margin-top:95px}

/* Homepage category cards now use dedicated art. */
.category-card{min-height:360px;padding:0;background:#13100c center/cover no-repeat;isolation:isolate}
.category-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,6,4,.25),rgba(7,6,4,.82) 48%,rgba(7,6,4,.98));}
.category-card::before{z-index:2}
.category-card-content{position:relative;z-index:3;min-height:360px;padding:26px 23px;display:flex;flex-direction:column;justify-content:flex-end;text-shadow:0 2px 4px #000}
.category-card .card-icon{margin-bottom:auto}
.category-card p{color:#d0c2a5}
.category-card a{display:inline-block;margin-top:auto;padding-top:12px;color:#efd08d}
.category-books{background-image:url("Art_Web/home-category-books.png")}
.category-tokens{background-image:url("Art_Web/home-category-tokens.png")}
.category-maps{background-image:url("Art_Web/home-category-maps.png")}
.category-lore{background-image:url("Art_Web/home-category-lore.png")}

/* Two matching lower-home feature bands, alternating image side. */
.feature-band-alt{background:linear-gradient(90deg,#151008,#0d0b08 52%,#151008)}
.reverse-feature{grid-template-columns:.9fr 1.1fr}
.feature-copy p{color:#b9aa8d}
.feature-buttons{justify-content:flex-start}

/* Products gets its own art instead of reusing the homepage hero. */
.product-page-hero{
  min-height:390px;display:grid;place-content:center;
  background:
    linear-gradient(to bottom,rgba(6,5,4,.32),rgba(7,6,4,.9)),
    radial-gradient(circle at 50% 35%,rgba(145,65,32,.2),transparent 34rem),
    url("Art_Web/products-hero.png") center/cover;
}
.product-detail-hero{padding:78px 20px 58px}

/* Product showcase sizing: reversing a row changes order, never width. */
.token-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;align-items:start}
.token-showcase.reverse .showcase-copy{order:2}
.token-showcase.reverse .preview-stage{order:1}
.preview-stage{width:100%;min-width:0}
.preview-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.product-preview{aspect-ratio:1/1;min-width:0}
.preview-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.preview-actions .btn{margin:0}

/* Full collection/sample pages. */
.sample-toolbar{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}
.sample-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.sample-count{font-family:"Cinzel",serif;color:#9e8960;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.sample-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sample-gallery-item{border:1px solid #4f3a21;background:#100d0a;padding:8px}
.sample-name{padding:9px 4px 2px;font-family:"Cinzel",serif;font-size:.58rem;color:#a99161;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail-return{margin-top:28px}

/* Common preview presentation, deliberately repeated here so v08 is self-contained
   even if an earlier showcase stylesheet had slightly different sizing rules. */
.product-preview{position:relative;overflow:hidden;border:1px solid #5b4124;background:#0c0a07;user-select:none}
.product-preview .preview-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}
.product-preview .preview-token{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;filter:drop-shadow(0 7px 8px rgba(0,0,0,.62));pointer-events:none}
.product-preview::after{content:"ARCORDIAN CHRONICLES • PREVIEW";position:absolute;z-index:5;inset:-28%;display:grid;place-items:center;color:rgba(240,220,172,.24);font-family:"Cinzel",serif;font-size:clamp(.58rem,1.1vw,.86rem);font-weight:700;letter-spacing:.16em;text-align:center;transform:rotate(-28deg);pointer-events:none}
.product-preview::before{content:"WWW.ARCORDIANCHRONICLES.COM";position:absolute;z-index:6;left:8%;right:8%;bottom:6%;padding:4px 6px;background:rgba(9,7,5,.5);color:rgba(235,210,153,.46);font-family:"Cinzel",serif;font-size:.44rem;letter-spacing:.12em;text-align:center;pointer-events:none}
.preview-loading{grid-column:1/-1;padding:38px 22px;border:1px solid #4b371f;background:#100d09;text-align:center;color:#8f8066}

@media(max-width:1050px){.navlinks a{padding:9px 8px;font-size:.69rem}.token-showcase{grid-template-columns:1fr 1fr!important}}
@media(max-width:900px){.token-showcase,.token-showcase.reverse{grid-template-columns:1fr!important}.token-showcase.reverse .showcase-copy,.token-showcase.reverse .preview-stage{order:initial}.sample-gallery-grid{grid-template-columns:repeat(2,1fr)}.reverse-feature{grid-template-columns:1fr}.reverse-feature .feature-copy{order:2}.reverse-feature .frame{order:1}.sample-toolbar{align-items:flex-start;flex-direction:column}.sample-toolbar-actions{justify-content:flex-start}}
@media(max-width:560px){.category-card,.category-card-content{min-height:315px}.sample-gallery-grid{grid-template-columns:1fr}.preview-actions .btn{width:100%;text-align:center}}

/* v09 PNG art patch: all fixed Art_Web imagery uses PNG. */
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(120,69,30,.16), transparent 32rem),
    linear-gradient(rgba(7,6,5,.94),rgba(7,6,5,.97)),
    url("Art_Web/parchment-dark.png") center/cover fixed;
}