/* ════════════════════════════════════════════════════════════
   WP overrides: πραγματικές εικόνες, σελίδα άρθρου, pagination.
   Φορτώνεται μετά το site.css.
   ════════════════════════════════════════════════════════════ */

/* Όταν υπάρχει πραγματική εικόνα, το placeholder μοτίβο φεύγει. */
.photo.has-img{ background-image:none; }
.photo.has-img::after{ content:none; }
.photo.has-img img,
.photo.has-img picture img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; display:block;
}

.news-none{
  grid-column:1 / -1;
  font-family:var(--display); font-weight:500;
  font-size:19px; letter-spacing:.02em; color:var(--muted);
}
.news-none .dot{ color:inherit; }

/* ── Σελίδα άρθρου ─────────────────────────────────────────── */
.article{ background:var(--paper); padding:clamp(64px,8vw,120px) 0 clamp(72px,9vw,140px); }
.article-in{
  display:grid; grid-template-columns:minmax(0,1fr) 240px;
  gap:clamp(40px,6vw,88px); align-items:start;
  padding-bottom:clamp(56px,7vw,104px);
  border-bottom:1px solid var(--rule);
  margin-bottom:clamp(56px,7vw,104px);
}
.prose{ max-width:68ch; }
.prose > *:first-child{ margin-top:0; }
.prose p{ font-size:19px; line-height:1.72; color:var(--fg); margin:0 0 1.35em; }
.prose h2{
  font-family:var(--display); font-weight:600; text-transform:uppercase;
  letter-spacing:.02em; font-size:clamp(26px,2.6vw,36px);
  color:var(--ink); margin:2.2em 0 .7em;
}
.prose h3{
  font-family:var(--display); font-weight:600; font-size:21px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--ink);
  margin:1.9em 0 .55em;
}
.prose h3::before{
  content:'— '; color:var(--gold-dk);
}
.prose a{ color:var(--ink); text-decoration:underline; text-decoration-color:var(--gold); text-underline-offset:4px; }
.prose a:hover{ color:var(--green-dk); }
.prose ul, .prose ol{ margin:0 0 1.35em 1.1em; }
.prose li{ font-size:19px; line-height:1.7; margin-bottom:.5em; }
.prose li::marker{ color:var(--gold-dk); }
.prose blockquote{
  margin:2em 0; padding:4px 0 4px 24px;
  border-left:3px solid var(--gold);
  font-family:var(--display); font-weight:500;
  font-size:clamp(21px,2.2vw,28px); line-height:1.4; color:var(--ink);
}
.prose img{ width:100%; height:auto; display:block; margin:2em 0; }
.prose figcaption{
  font-family:var(--display); font-size:12px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--muted); margin-top:10px;
}

.article-side{ position:sticky; top:96px; }
.article-side .eyebrow{ display:block; margin-bottom:16px; }
.share{ display:flex; flex-direction:column; gap:2px; margin-bottom:32px; }
.share a{
  padding:12px 0; border-top:1px solid var(--rule);
  font-family:var(--display); font-weight:500; font-size:13px;
  letter-spacing:.11em; text-transform:uppercase;
  color:var(--fg); text-decoration:none;
}
.share a:last-child{ border-bottom:1px solid var(--rule); }
.share a:hover{ color:var(--green-dk); }

/* ── Pagination ────────────────────────────────────────────── */
.pagination{ display:flex; justify-content:center; margin-top:clamp(48px,6vw,88px); }
.pagination .nav-links{ display:flex; gap:4px; }
.pagination .page-numbers{
  min-width:46px; height:46px; padding:0 12px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--rule);
  font-family:var(--display); font-weight:500; font-size:14px;
  letter-spacing:.1em; color:var(--fg); text-decoration:none;
}
.pagination .page-numbers:hover{ border-color:var(--gold); color:var(--ink); }
.pagination .page-numbers.current{
  background:var(--ink); border-color:var(--ink); color:#fff;
}

@media (max-width:900px){
  .article-in{ grid-template-columns:1fr; }
  .article-side{ position:static; }
  .share{ flex-direction:row; flex-wrap:wrap; gap:8px; }
  .share a{ border:1px solid var(--rule); padding:12px 18px; }
  .share a:last-child{ border-bottom:1px solid var(--rule); }
}