/* collections.css — collection listing, collection detail, product-page collection links */

/* Shared link treatment */
.collection-back,
.collection-section a:not(.card):not(.btn):not(.collection-card-link),
.collection-copy p a,
.collection-table a,
#view-product .pd-brand a,
#view-product .pd-collection-link,
#view-product .pd-piece-title a{
  color:var(--brand-deep);font:inherit;font-weight:700;
  text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;
  text-decoration-color:rgba(203,58,78,.45);transition:color .15s,text-decoration-color .15s;
}
.collection-back:hover,
.collection-section a:not(.card):not(.btn):not(.collection-card-link):hover,
.collection-copy p a:hover,
.collection-table a:hover,
#view-product .pd-brand a:hover,
#view-product .pd-collection-link:hover,
#view-product .pd-piece-title a:hover{color:var(--brand);text-decoration-color:var(--brand)}
.collection-back:focus-visible,.collection-table a:focus-visible,
#view-product .pd-brand a:focus-visible,#view-product .pd-collection-link:focus-visible,
#view-product .pd-piece-title a:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}

/* Detail layout */
#view-collection .wrap.sec{display:flex;flex-direction:column;gap:clamp(26px,4vw,42px);min-width:0}
.collection-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.92rem}

.collection-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center}
.collection-photo{background:linear-gradient(135deg,var(--paper-2),var(--sand));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;max-height:520px;box-shadow:var(--sh);display:grid;place-items:center}
.collection-photo img{width:100%;height:100%;object-fit:contain;display:block}
.collection-copy{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.collection-copy h1{font-size:clamp(2rem,4.4vw,3.2rem);color:var(--ink);overflow-wrap:anywhere}
.collection-copy p{color:var(--ink-2);font-size:1.04rem;max-width:56ch}
.collection-stats{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:4px 0 0;padding:0}
.collection-stats > *{display:inline-flex;align-items:baseline;gap:6px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:.86rem;font-weight:700;color:var(--ink-2)}
.collection-stats b,.collection-stats strong{font-family:"Space Mono",monospace;color:var(--brand-deep)}

/* Sections */
.collection-section{min-width:0}
.collection-section > h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:6px}
.collection-section > p{color:var(--muted);margin-bottom:16px;max-width:64ch}
.collection-section .grid-cards{margin-top:6px}

/* Color chips */
.collection-colors{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.collection-colors a{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  padding:8px 14px 8px 9px;border:2px solid var(--border);border-radius:999px;background:#fff;
  color:var(--ink);font-weight:700;font-size:.88rem;line-height:1.2;text-decoration:none!important;
  overflow-wrap:anywhere;transition:border-color .15s,color .15s,background .15s}
.collection-colors a:hover{border-color:var(--brand);color:var(--brand)}
.collection-colors a[aria-current],.collection-colors a.on{border-color:var(--brand);background:var(--blush);color:var(--brand-deep)}
.collection-colors a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}

/* Piece groups + table */
.collection-piece-group{margin-top:18px;min-width:0}
.collection-piece-group h3{font-size:1.22rem;margin-bottom:10px;color:var(--ink);display:flex;align-items:center;gap:10px}
.collection-piece-group h3::after{content:"";flex:1;height:1px;background:var(--border)}
.collection-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh)}
.collection-table{width:100%;border-collapse:collapse;font-size:.92rem}
.collection-table th{text-align:left;font-family:"Space Mono",monospace;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--paper-2);padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap}
.collection-table td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--ink-2);overflow-wrap:anywhere}
.collection-table tbody tr:last-child td{border-bottom:0}
.collection-table tbody tr:hover td{background:var(--cream)}
.collection-table td:first-child{min-width:200px}
.collection-table td:first-child strong,.collection-table td:first-child b,.collection-table .piece-name{display:block;font-weight:800;color:var(--ink);font-size:.98rem}
.collection-table td small,.collection-table .piece-desc{display:block;color:var(--muted);font-size:.84rem;margin-top:3px;line-height:1.45}
.collection-table .sku,.collection-table code{font-family:"Space Mono",monospace;font-size:.74rem;color:var(--muted);display:inline-block;margin-top:4px}
.collection-table td:nth-child(2){font-family:"Space Mono",monospace;font-size:.8rem}
.collection-table td:nth-child(3){font-family:"Fraunces",Georgia,serif;font-weight:900;color:var(--brand-deep);white-space:nowrap;font-size:1.02rem}
.collection-table td:nth-child(4) a{display:inline-block;margin:0 8px 3px 0}
.collection-table ul{list-style:none;margin:0;padding:0}

/* Listing cards */
.collection-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.collection-card-link h3{transition:color .15s}
.collection-card-link:hover h3{color:var(--brand)}
.card:has(.collection-card-link:focus-visible){outline:3px solid var(--brand);outline-offset:3px}
.collection-card-link:focus-visible{outline:none}
.collection-card .pimg img{width:100%;height:100%;object-fit:contain}
.collection-card-counts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.collection-card-counts > *{font-family:"Space Mono",monospace;font-size:.7rem;font-weight:700;background:var(--blush);color:var(--brand-deep);border-radius:999px;padding:4px 10px}

/* Responsive */
@media(max-width:820px){
  .collection-hero{grid-template-columns:1fr}
  .collection-photo{max-height:420px}
}
@media(max-width:640px){
  .collection-table-wrap{overflow:visible;background:none;border:0;box-shadow:none}
  .collection-table,.collection-table tbody,.collection-table tr,.collection-table td{display:block;width:100%}
  .collection-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .collection-table tr{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh);margin-bottom:10px;padding:4px 0}
  .collection-table tbody tr:hover td{background:none}
  .collection-table td{border-bottom:1px dashed var(--border);padding:9px 14px;min-width:0!important;white-space:normal!important}
  .collection-table td:last-child{border-bottom:0}
  .collection-table td[data-label]::before{content:attr(data-label);display:block;font-family:"Space Mono",monospace;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
  .collection-table td:first-child::before{display:none}
}