/* Shop + product category archives. Ported from design-src/shop/page.css (approved mockup). */

/* ===== shop / category ===== */
.coll-hero{position:relative;height:var(--banner-h);overflow:hidden;background:var(--brown-dark)}
.coll-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;animation:settle 2.4s cubic-bezier(.2,.7,.2,1) both}
.coll-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(47,36,31,.88) 0%,rgba(47,36,31,.72) 34%,rgba(47,36,31,.3) 56%,transparent 72%),linear-gradient(0deg,rgba(47,36,31,.4),transparent 45%)}
.coll-hero .wrap{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px;color:var(--white)}
.crumbs-in{display:flex;gap:10px;font-size:10px;color:var(--gold-soft)}
.crumbs-in a:hover{color:var(--white)}
.crumbs-in span{color:var(--gold)}
.crumbs-in .cat-crumb{color:var(--gold-soft)}
.coll-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5vw,70px);line-height:1;margin:22px 0 16px;max-width:9em}
.coll-hero h1 > span{display:block}
.coll-hero h1 .kicker{font-family:var(--sans);font-size:11px;line-height:1.4;color:var(--gold-soft);margin-bottom:14px}
.coll-hero h1 em{display:block;font-family:var(--script);font-style:normal;color:var(--gold-soft);font-size:1.08em;line-height:1.1;margin-top:2px}
.coll-hero p{max-width:30em;font-size:17px;color:rgba(255,255,255,.88)}

.collection{padding:0 0 100px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;margin-bottom:44px;border-bottom:1px solid var(--gold-soft)}
.ctabs{display:flex}
.ctabs a{font:700 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;background:var(--white);border:1px solid var(--gold-soft);margin-left:-1px;padding:12px 22px;color:var(--brown-mid);white-space:nowrap;transition:.2s}
.ctabs a:first-child{margin-left:0}
.ctabs a span{opacity:.6;margin-left:4px;letter-spacing:.05em}
.ctabs a:hover{color:var(--brown);background:var(--ivory)}
.ctabs a.on{background:var(--brown);border-color:var(--brown);color:var(--white);position:relative}
.ctabs a.to-verses{border-color:transparent;background:none;color:var(--gold-deep);margin-left:10px}
.ctabs a.to-verses:hover{color:var(--brown)}
.sort{display:flex;align-items:center;gap:14px;flex:none}
.sort .count{font-size:14px;color:var(--brown-mid);margin-right:12px}
.sort label{color:var(--brown)}
.sort select{appearance:none;-webkit-appearance:none;border:1px solid var(--gold-soft);border-radius:0;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238f7a55' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center;padding:11px 40px 11px 14px;font:500 14px var(--sans);color:var(--brown);cursor:pointer;outline:none}
.sort select:focus{border-color:var(--gold)}

.card.hide{display:none}
.grid .card{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}

.index .list li a{cursor:pointer}
.review cite{letter-spacing:.2em}

@media (max-width:1060px){
  .toolbar{flex-direction:column;align-items:stretch}
  .sort{justify-content:space-between}.sort .count{margin-right:auto}
}

@media (max-width:640px){
  .coll-hero .wrap{padding-bottom:40px}
  .coll-hero::after{background:linear-gradient(0deg,rgba(47,36,31,.88) 0%,rgba(47,36,31,.45) 60%,rgba(47,36,31,.2) 100%)}
  .coll-hero p{font-size:16px}
  .toolbar{padding:22px 0;margin-bottom:30px}
  .ctabs{overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .ctabs a{padding:11px 14px}
  .ctabs a.to-verses{display:none}
  .sort label{display:none}
  .tile b{font-size:24px}.tile em{font-size:16px}.tile{padding:26px 14px}
  .collection{padding-bottom:72px}
}

/* ===== theme additions ===== */
.coll-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.crumbs-in .cat-crumb{color:var(--gold-soft)}
.sort{margin:0}
.woocommerce-pagination{margin-top:50px;text-align:center}
.woocommerce-pagination ul{list-style:none;display:inline-flex}
.woocommerce-pagination li a,.woocommerce-pagination li span{display:block;min-width:44px;padding:10px 12px;border:1px solid var(--gold-soft);margin-left:-1px;color:var(--brown);font-size:14px}
.woocommerce-pagination li span.current{background:var(--brown);border-color:var(--brown);color:var(--white)}
.woocommerce-info{list-style:none;background:var(--ivory);border-left:3px solid var(--gold);padding:14px 18px;color:var(--brown-mid)}