/* Ay Boşlukta arşiv sayfaları (yıl + ay) — /ay-boslukta/<yyyy>/ ve /en/void-of-course-moon/<yyyy>/
   Sadece shared.css değişkenlerini kullanır; açık tema otomatik gelir. */

.voc-arc { max-width: 900px; margin: 0 auto; padding: 0 1.5rem 3rem; }

.voc-arc-intro { color: var(--color-text-muted); font-size: 0.98rem; line-height: 1.8; margin-bottom: 1.4rem; }
.voc-arc-intro strong { color: var(--color-text); font-weight: 600; }

/* Yıl/ay istatistik şeridi */
.voc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin: 1.8rem 0 2.4rem; }
.voc-stat { border: 1px solid var(--color-border); background: var(--color-bg-light); padding: 1rem 1.1rem; border-radius: 8px; }
.voc-stat-val { font-family: var(--font-display); font-size: 1.5rem; color: var(--color-gold); line-height: 1.2; }
/* text-transform:uppercase KULLANILMIYOR: Türkçede "Bitiş" → "BITIŞ" (noktasız I) üretiyor */
.voc-stat-lbl { font-size: 0.8rem; letter-spacing: 0.04em; color: var(--color-text-muted); margin-top: 0.35rem; }

/* Dönem tablosu */
.voc-table-wrap { overflow-x: auto; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-bg-light); margin-bottom: 2rem; }
table.voc-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; min-width: 620px; }
.voc-table caption { text-align: left; padding: 0.9rem 1.1rem 0.2rem; font-family: var(--font-display); font-size: 1.15rem; color: var(--color-gold); }
.voc-table caption a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.voc-table th { text-align: left; font-weight: 600; font-size: 0.8rem; letter-spacing: 0.04em; color: var(--color-text-muted); padding: 0.75rem 1.1rem; border-bottom: 1px solid var(--color-border); white-space: nowrap; }
.voc-table td { padding: 0.7rem 1.1rem; border-bottom: 1px solid var(--color-border); color: var(--color-text-muted); vertical-align: top; }
.voc-table tr:last-child td { border-bottom: none; }
.voc-table tbody tr:hover td { background: rgba(201, 169, 98, 0.06); }
.voc-table .c-start { color: var(--color-text); white-space: nowrap; }
.voc-table .c-end { white-space: nowrap; }
.voc-table .c-dur { font-family: monospace; color: var(--color-gold); white-space: nowrap; }
.voc-table .c-sign { color: var(--color-text); white-space: nowrap; }
.voc-table .c-asp { font-size: 0.88rem; }
.voc-table tr.voc-long td { background: rgba(107, 91, 149, 0.14); }
.voc-table tr.voc-long:hover td { background: rgba(107, 91, 149, 0.22); }

/* Ay kılavuzu (yıl sayfasında) */
.voc-month-nav { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 2.2rem; }
.voc-month-nav a, .voc-month-nav span { display: inline-block; padding: 0.45rem 0.9rem; border: 1px solid var(--color-border); border-radius: 6px; font-size: 0.85rem; color: var(--color-gold); text-decoration: none; transition: background 0.2s, border-color 0.2s; }
.voc-month-nav a:hover { background: rgba(201, 169, 98, 0.14); border-color: var(--color-gold); }
.voc-month-nav span { color: var(--color-text-muted); opacity: 0.55; }

/* Dönem (önceki/sonraki) kılavuzu */
.voc-pager { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 2.5rem 0 1rem; padding-top: 1.5rem; border-top: 1px solid var(--color-border); }
.voc-pager a { color: var(--color-gold); text-decoration: none; font-size: 0.9rem; border: 1px solid var(--color-border); border-radius: 6px; padding: 0.55rem 1rem; transition: border-color 0.2s; }
.voc-pager a:hover { border-color: var(--color-gold); }
.voc-pager .voc-pager-mid { color: var(--color-text-muted); font-size: 0.85rem; }

/* Açıklama bloğu */
.voc-note { color: var(--color-text-muted); font-size: 0.9rem; line-height: 1.75; border-left: 2px solid var(--color-border); padding: 0.2rem 0 0.2rem 1rem; margin: 1.5rem 0 2rem; }
.voc-note a { color: var(--color-gold); text-decoration: underline; text-underline-offset: 2px; }

.voc-arc h2 { font-family: var(--font-display); font-size: 1.45rem; color: var(--color-gold); margin: 2.4rem 0 0.9rem; }
.voc-arc p { color: var(--color-text-muted); font-size: 0.96rem; line-height: 1.8; margin-bottom: 1rem; }
.voc-arc p strong { color: var(--color-text); font-weight: 600; }
.voc-arc p a, .voc-arc li a { color: var(--color-gold); text-decoration: underline; text-underline-offset: 2px; }

.voc-years { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1rem 0 2rem; }
.voc-years a, .voc-years strong { display: inline-block; padding: 0.5rem 1rem; border: 1px solid var(--color-border); border-radius: 6px; font-size: 0.9rem; color: var(--color-gold); text-decoration: none; }
.voc-years strong { background: rgba(201, 169, 98, 0.16); border-color: var(--color-gold); color: var(--color-gold-light); }
.voc-years a:hover { background: rgba(201, 169, 98, 0.1); }

/* Canlı takvim sayfasındaki arşiv bağlantı bloğu */
.voc-archive-links { max-width: 820px; margin: 2.5rem auto 0; padding: 0 2rem; }
.voc-archive-links h2 { font-family: var(--font-display); font-size: 1.6rem; color: var(--color-gold); margin: 0 0 1rem; text-align: center; }
.voc-archive-links p { color: var(--color-text-muted); font-size: 0.98rem; line-height: 1.8; margin-bottom: 1.2rem; }
.voc-arch-years { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; margin-bottom: 1.2rem; }
.voc-arch-years a { display: inline-block; padding: 0.55rem 1.15rem; border: 1px solid var(--color-gold); border-radius: 8px; background: rgba(201, 169, 98, 0.08); color: var(--color-gold); font-size: 0.95rem; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.voc-arch-years a:hover { background: rgba(201, 169, 98, 0.2); transform: translateY(-2px); color: var(--color-gold-light); }
.voc-arch-sub { text-align: center; font-size: 0.9rem; }
.voc-arch-sub a { color: var(--color-gold); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 700px) {
  .voc-archive-links { padding: 0 1.2rem; }
  .voc-arc { padding: 0 1rem 2.5rem; }
  .voc-stat-val { font-size: 1.25rem; }
  table.voc-table { font-size: 0.85rem; }
  .voc-table th, .voc-table td { padding: 0.6rem 0.8rem; }
}