/* ============================================================
   LUMÉA — editorial additions
   Only what theme.css and pages.css do not already cover: centred
   breadcrumbs, the post count, image placeholders, the copy-share
   button, non-heading article-nav titles, the locked-store layout
   and the editorial responsive edges. Every colour is a palette
   token so the three palettes keep working.
   ============================================================ */

/* ---------- centred page headers ---------- */
.page-head .crumbs,
.article-hero .crumbs{justify-content:center}
.page-head .post-count{
  margin-top:1.1rem;font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-mute);
}
.article-hero .post-meta{margin-top:1.1rem}

/* ---------- post media placeholder ---------- */
.post-media .post-ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--gold);background:var(--bg-tile);
}
.post-media .post-ph svg{width:30px;height:30px}

/* ---------- article footer ---------- */
/* The copy-link control is a button, so it needs the anchor ring too. */
.share-row button{
  width:34px;height:34px;border:1px solid var(--line);border-radius:99px;
  display:inline-flex;align-items:center;justify-content:center;
  color:inherit;transition:border-color var(--tr),color var(--tr);
}
.share-row button:hover{border-color:var(--gold-deep);color:var(--gold-deep)}
/* The adjacent-story title is a span: actual headings would break the outline. */
.article-nav .an-title{
  display:block;font-family:var(--font-display);font-size:1.25rem;
  font-weight:500;line-height:1.2;margin-top:.3rem;
}

/* ---------- pagination ---------- */
.pagination .page-btn[aria-disabled="true"]{opacity:.35;pointer-events:none}

/* ---------- locked shop fills the viewport ---------- */
body[data-template="password"] main{display:flex;flex-direction:column}
body[data-template="password"] main>.tiendy-section{display:flex;flex-direction:column;flex:1}
body[data-template="password"] .pw-gate{flex:1}
.pw-lock+.eyebrow{margin-top:1.2rem}

/* ---------- error search icon ---------- */
.search-bar svg{width:17px;height:17px}

/* ---------- visible keyboard focus on editorial controls ---------- */
.post-card:focus-visible,
.post-featured:focus-visible,
.chip:focus-visible,
.share-row a:focus-visible,
.share-row button:focus-visible,
.article-nav a:focus-visible,
.page-btn:focus-visible{
  outline:2px solid var(--gold-deep);
  outline-offset:3px;
}

/* ---------- small screens ---------- */
@media (max-width:600px){
  .article-nav{grid-template-columns:1fr}
  .article-nav a+a{border-left:none;border-top:1px solid var(--line);text-align:left}
}
@media (max-width:420px){
  .post-grid{grid-template-columns:1fr}
  .post-featured .pf-copy{padding:1.8rem 1.4rem}
}