/* ============================================================
 * announcement-detail.css
 * "Kayıt / dispatch" temalı duyuru-haber detay sayfası.
 * Mono (kayıt/veri) + Outfit (başlık/gövde) tipografi ikilisi.
 * ============================================================ */

.announcement-detail-page {
  --acc: #0e9faa;
  --acc-deep: #087f8a;
  --ann-mono: ui-monospace, 'SFMono-Regular', 'JetBrains Mono', Menlo, Consolas, monospace;
  padding-top: 20px;
  padding-bottom: 48px;
  background: #fff;
}

.announcement-detail-page--slate  { --acc: #5b6b81; --acc-deep: #425466; }
.announcement-detail-page--amber  { --acc: #b4770c; --acc-deep: #8f5e07; }
.announcement-detail-page--violet { --acc: #6355ff; --acc-deep: #4c3fd1; }


/* ── Head: type / date / title / cta ─────────────────────── */
.announcement-article {
  display: block;
}

.announcement-article__head {
  display: grid;
  gap: 16px;
  margin: 0 0 30px;
}

.announcement-article__actions {
  width: 100%;
  max-width: none;
}

.announcement-article__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-family: var(--ann-mono);
}

.announcement-article__type {
  display: inline-flex;
  align-items: center;
  color: var(--acc-deep);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.announcement-article__type i {
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--acc);
}

.announcement-article__date {
  color: #93a4b8;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.announcement-article__title {
  margin: 0;
  color: #0a2540;
  font-size: clamp(1.5rem, 2.4vw, 2.15rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.announcement-article__actions {
  display: flex;
  padding-top: 4px;
}

.announcement-article__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 7px;
  color: #fff;
  background: var(--acc);
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .18s ease, transform .18s ease;
}

.announcement-article__cta:hover {
  background: var(--acc-deep);
  transform: translateY(-1px);
}

/* ── Grid: ana içerik + sağ bilgi sütunu ─────────────────── */
.announcement-article__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(270px, 22vw, 320px);
  gap: clamp(24px, 2.6vw, 40px);
  align-items: start;
}

.announcement-article__main {
  min-width: 0;
}

.announcement-article__cover {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  margin: 0 0 28px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #dce7f0;
  background: #f4f8fa;
}

.announcement-article__cover img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

/* ── Prose ────────────────────────────────────────────────── */
.announcement-prose {
  min-width: 0;
  color: #33485d;
  padding-top: 22px;
  border-top: 1px solid #edf2f7;
  word-break: normal;
  overflow-wrap: normal;
}

.announcement-prose h2,
.announcement-prose h3,
.announcement-prose h4 {
  margin: 1.4em 0 0.55em;
  color: #102c47;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.announcement-prose h2:first-child,
.announcement-prose h3:first-child,
.announcement-prose h4:first-child,
.announcement-prose p:first-child {
  margin-top: 0;
}

.announcement-prose p,
.announcement-prose ul,
.announcement-prose ol,
.announcement-prose blockquote {
  margin: 0 0 16px;
  font-size: 0.98rem;
  line-height: 1.82;
}

.announcement-prose p {
  text-align: justify;
  text-align-last: left;
  word-break: normal;
  overflow-wrap: normal;
}

.announcement-prose li,
.announcement-prose h2,
.announcement-prose h3,
.announcement-prose h4 {
  word-break: normal;
  overflow-wrap: normal;
}

.announcement-prose ul,
.announcement-prose ol {
  padding-left: 22px;
}

.announcement-prose li[data-list='bullet'] { list-style: disc; }
.announcement-prose li[data-list='ordered'] { list-style: decimal; }

.announcement-prose a {
  color: var(--acc-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.announcement-prose blockquote {
  padding-left: 16px;
  border-left: 3px solid var(--acc);
  color: #5a6f86;
  font-style: normal;
}

.announcement-prose img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 22px 0;
  border-radius: 10px;
}

.announcement-prose > :last-child {
  margin-bottom: 0;
}

/* ── Sidebar: dosya + sonraki kayıtlar ────────────────────── */
.announcement-article__side {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  position: sticky;
  top: calc(var(--nav-h, 80px) + 18px);
}

.ann-file,
.ann-next {
  border: 1px solid #dce7f0;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.ann-file__head,
.ann-next__head {
  padding: 12px 16px;
  border-bottom: 1px solid #edf2f7;
  background: #f7fafc;
  color: #7b8ea2;
  font-family: var(--ann-mono);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ann-file__rows {
  margin: 0;
  padding: 6px 16px 4px;
}

.ann-file__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid #f0f4f8;
}

.ann-file__row:first-child {
  border-top: 0;
}

.ann-file__row dt {
  color: #93a4b8;
  font-family: var(--ann-mono);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ann-file__row dd {
  margin: 0;
  color: #17324e;
  font-size: 0.86rem;
  font-weight: 700;
  text-align: right;
}

.ann-next__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.ann-next__item {
  display: grid;
  gap: 5px;
  padding: 12px 16px;
  border-top: 1px solid #f0f4f8;
  border-left: 0;
  border-bottom: 0;
  color: inherit;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease;
}

.ann-next__item:first-child {
  border-top: 0;
}

.ann-next__item:hover {
  background: #f7fafc;
  box-shadow: inset 3px 0 0 var(--acc, #0e9faa);
}

.ann-next__item--slate:hover  { box-shadow: inset 3px 0 0 #5b6b81; }
.ann-next__item--amber:hover  { box-shadow: inset 3px 0 0 #b4770c; }
.ann-next__item--violet:hover { box-shadow: inset 3px 0 0 #6355ff; }

.ann-next__type {
  color: #93a4b8;
  font-family: var(--ann-mono);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ann-next__item strong {
  color: #17324e;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
}

.ann-next__item:hover strong {
  color: var(--acc-deep, #087f8a);
}

.ann-next__item em {
  color: #93a4b8;
  font-family: var(--ann-mono);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 600;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 980px) {
  .announcement-article__grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .announcement-article__side {
    position: static;
    grid-template-columns: 1fr;
  }

  .announcement-article__cover img {
    max-height: none;
  }
}

@media (max-width: 640px) {
  .announcement-detail-page {
    padding-top: 16px;
    padding-bottom: 32px;
  }

  .announcement-article__head {
    gap: 12px;
    margin-bottom: 22px;
  }

  .announcement-article__cover img {
    max-height: none;
  }
}