/* Chemmus & Chuppas — blog (index, archive, search, single).
 * Loaded only on blog/archive/search/single views (see functions.php).
 */

.wrap--narrow{max-width:760px}

/* Hero band shared by index / archive / search */
.cc-blog__hero{background:var(--ivory-deep);border-bottom:1px solid var(--line-2);text-align:center}
.cc-blog__hero .lede{margin:0 auto}
.cc-blog__title{font-size:clamp(1.9rem,1.4rem + 2vw,2.9rem);margin:.4rem 0 .6rem}

/* Post grid */
.cc-postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.cc-postcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.cc-postcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.cc-postcard__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ivory-deep)}
.cc-postcard__media img{width:100%;height:100%;object-fit:cover}
.cc-postcard__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem}
.cc-postcard__meta{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.cc-postcard__meta a{color:var(--rose-deep)}
.cc-postcard__title{font-size:1.25rem;line-height:1.25}
.cc-postcard__title a:hover{color:var(--rose-deep)}
.cc-postcard__excerpt{color:var(--muted);font-size:.95rem}
.cc-postcard__more{margin-top:auto;font-weight:600;color:var(--rose-deep)}

/* Pagination */
.pagination,.navigation.pagination{margin-top:2.4rem}
.pagination .nav-links,.navigation .nav-links{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 .8rem;border:1px solid var(--line);border-radius:var(--r-sm);font-weight:600}
.pagination .page-numbers.current{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}
.pagination a.page-numbers:hover{border-color:var(--charcoal)}

/* Single post */
.cc-article__hero{text-align:center;padding-bottom:1rem}
.cc-article__title{font-size:clamp(1.9rem,1.4rem + 2.4vw,3rem);margin:.3rem 0 .5rem}
.cc-article__meta{color:var(--muted);font-size:.9rem}
.cc-article__cover{margin:0 auto 1.8rem}
.cc-article__cover img{width:100%;border-radius:var(--r-lg)}
.cc-article__body{font-size:1.05rem;line-height:1.75;margin:0 auto 2rem}
.cc-article__body>*+*{margin-top:1.1rem}
.cc-article__body h2{font-size:1.6rem;margin-top:1.8rem}
.cc-article__body h3{font-size:1.3rem;margin-top:1.4rem}
.cc-article__body img{border-radius:var(--r-md)}
.cc-article__body blockquote{border-left:3px solid var(--gold-line);padding-left:1.1rem;color:var(--muted);font-style:italic}
.cc-article__tags{margin:0 auto 1.5rem}
.cc-article__tags a{display:inline-block;margin:.2rem .3rem .2rem 0;padding:.3rem .7rem;border:1px solid var(--line);
  border-radius:var(--r-pill);font-size:.8rem;color:var(--muted)}
.cc-article__nav{display:flex;justify-content:space-between;gap:1rem;margin:0 auto 2rem;flex-wrap:wrap}
.cc-article__nav a{font-weight:600;color:var(--rose-deep)}
.cc-comments{margin:0 auto 3rem}

/* ---- 0.9.0: blog system ---------------------------------------------- */
.wrap--wide{max-width:1000px}
.cc-blog .crumb{padding-block:0 .9rem}
.cc-blog__hero .crumb{display:flex;justify-content:center;flex-wrap:wrap}
.cc-article__hero .crumb{display:flex;justify-content:center;flex-wrap:wrap}
.cc-blog__hero .lede,.cc-blog__hero .lede p{margin-inline:auto}

/* Article search */
.cc-blogsearch{display:flex;gap:.5rem;max-width:520px;margin:1.4rem auto 0}
.cc-blogsearch input[type=search]{flex:1;min-width:0;height:48px;padding:0 1rem;border:1px solid var(--line);
  border-radius:var(--r-pill);background:var(--paper);font:inherit;color:var(--ink)}
.cc-blogsearch input[type=search]:focus{outline:2px solid var(--rose);outline-offset:1px;border-color:transparent}
.cc-blogsearch .btn{height:48px;border-radius:var(--r-pill);padding-inline:1.3rem}

/* Category chips */
.cc-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}
.cc-chips a{display:inline-flex;align-items:center;min-height:40px;padding:.4rem 1rem;border:1px solid var(--line);
  border-radius:var(--r-pill);font-size:.88rem;font-weight:600;color:var(--charcoal);background:var(--paper)}
.cc-chips a:hover{border-color:var(--charcoal)}
.cc-chips a.is-active{background:var(--charcoal);border-color:var(--charcoal);color:#fff}

/* Lead card on page one */
@media (min-width:900px){
  .cc-postcard--feature{grid-column:1/-1;flex-direction:row}
  .cc-postcard--feature .cc-postcard__media{flex:0 0 56%;aspect-ratio:auto;min-height:340px}
  .cc-postcard--feature .cc-postcard__body{padding:2.2rem 2.4rem;justify-content:center}
  .cc-postcard--feature .cc-postcard__title{font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}
  .cc-postcard--feature .cc-postcard__more{margin-top:.8rem}
}
.cc-postcard__excerpt p{margin:0}
.cc-postcard__meta{display:flex;flex-wrap:wrap;gap:.25rem}

/* Empty and no-result states */
.cc-blog__empty{text-align:center;max-width:560px;margin:1rem auto;padding:2.4rem 1.4rem;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-lg)}
.cc-blog__empty h2{font-size:1.5rem;margin-bottom:.5rem}
.cc-blog__empty p{color:var(--muted)}
.cc-blog__empty p+p{margin-top:1.2rem;display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.cc-blog__noresults{text-align:center;color:var(--muted)}

/* Single article */
.cc-article__hero .eyebrow a{color:inherit}
.cc-article__lede{font-size:1.15rem;color:var(--muted);max-width:60ch;margin:.2rem auto .8rem;line-height:1.55}
.cc-article__cover{margin:0 auto 2.2rem}
.cc-article__cover img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-lg)}
.cc-article__body{color:var(--ink)}
.cc-article__body a{color:var(--rose-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cc-article__body a:hover{color:var(--charcoal)}
.cc-article__body ul,.cc-article__body ol{padding-left:1.3rem}
.cc-article__body li+li{margin-top:.45rem}
.cc-article__body li::marker{color:var(--rose-deep)}
.cc-article__body strong{color:var(--charcoal)}
.cc-article__body hr{border:0;height:1px;background:var(--line);margin:2.2rem 0}
.cc-article__body figure{margin-block:1.6rem}
.cc-article__body figcaption{font-size:.85rem;color:var(--muted);margin-top:.5rem;text-align:center}
.cc-article__body table{width:100%;border-collapse:collapse;font-size:.95rem}
.cc-article__body th,.cc-article__body td{border-bottom:1px solid var(--line);padding:.6rem .5rem;text-align:left;vertical-align:top}
.cc-article__body th{color:var(--charcoal);font-weight:600;background:var(--ivory-deep)}
.cc-article__body .wp-block-table{overflow-x:auto}
.cc-article__body .cc-note,.cc-article__body .wp-block-group.is-style-cc-note{background:var(--paper);border:1px solid var(--line);
  border-left:3px solid var(--rose);border-radius:var(--r-md);padding:1rem 1.2rem}
.cc-article__body .cc-refs{font-size:.88rem;color:var(--muted)}
.cc-article__body .cc-refs li{word-break:break-word}

/* From the shop */
.cc-article__shop{margin:0 auto 3rem}
.cc-shopnote{display:flex;gap:1.4rem;align-items:center;background:var(--paper);border:1px solid var(--gold-line);
  border-radius:var(--r-lg);padding:1.4rem;box-shadow:var(--shadow-sm)}
.cc-shopnote__media{flex:0 0 140px;border-radius:var(--r-md);overflow:hidden;background:var(--ivory-deep)}
.cc-shopnote__media img{width:100%;aspect-ratio:1;object-fit:cover}
.cc-shopnote__h{font-size:1.3rem;margin:.3rem 0 .4rem}
.cc-shopnote__body>p:not(.eyebrow){color:var(--muted);font-size:.95rem}
.cc-shopnote__links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}
.cc-shopnote__links .btn{min-height:44px}
@media (max-width:600px){
  .cc-shopnote{flex-direction:column;align-items:stretch;text-align:left}
  .cc-shopnote__media{flex-basis:auto;max-width:160px}
  .cc-shopnote__links .btn{flex:1 1 100%;justify-content:center}
}

/* Related */
.cc-related .h2{margin-bottom:1.4rem}

@media (max-width:600px){
  .cc-blogsearch .btn{padding-inline:1rem}
  .cc-postgrid{grid-template-columns:1fr}
  .cc-article__body{font-size:1rem;line-height:1.7}
  .cc-article__title{font-size:clamp(1.7rem,1.3rem + 2.4vw,2.4rem)}
}
@media (max-width:600px){
  .cc-article__hero .crumb span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* Article tables on narrow phones: keep columns readable; the table scrolls inside its own box. */
@media (max-width:420px){
  .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wp-block-table table{min-width:420px}
}