/*
 * archive.css
 *
 * Az eredeti style_common.css érintetlen marad.
 * Ez a fájl csak:
 *   1) A hiányzó background képeket pótolja szilárd színekkel
 *   2) Az archív sávot adja hozzá
 *   3) Az eredeti HTML-ben nem létező néhány elem stílusát definiálja
 *      (letöltés gomb, kereső, fallback notice, lang-tag)
 */

/* ── 1. Archív figyelmeztető sáv (nem volt az eredetiben) ─────────────────── */


@font-face {
    font-family: 'DejaVuFix';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/dejavu-fonts/2.37/woff/DejaVuSans.woff') format('woff');
}

body, div, span, p, a, li, td {
    font-family: 'DejaVuFix', Verdana, Geneva, sans-serif !important;
}

.archive-notice {
  background: #f5c518;
  padding: 8px 16px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  position: sticky;
  top: 0;
  z-index: 9999;
  border-bottom: 2px solid #c8a000;
  width: 100%;
  box-sizing: border-box;
}

/* ── 2. Hiányzó background képek pótlása szilárd színnel ──────────────────── */

/* Eredeti: background: url('/images/style/vki/top_green_vki_bg.jpg') no-repeat */
.wrapper .vki_logo_row {
  background: url('/images/style/vki/top_green_vki_bg.jpg') no-repeat;
  overflow: hidden;
}

/* Eredeti: background: url('/images/style/vki/montage_top.jpg') no-repeat */
.wrapper .montage_row {
  background: url('/images/style/vki/montage_top.jpg') no-repeat;
  height: 10px;
}

/* Eredeti: background: url('/images/style/vki/lang_selector_bg.jpg') no-repeat */
.wrapper .lang_selector {
  background: url('/images/style/vki/lang_selector_bg.jpg') no-repeat;
  overflow: hidden;
}

/* Eredeti: background: #61772a url('/images/style/menu_ul_bg.jpg') no-repeat */
.wrapper .left {
  background: #61772a url('/images/style/menu_ul_bg.jpg') no-repeat;
  padding-bottom: 75px;
}

/* Eredeti: background: url(/images/style/wrap_bg.png) repeat-y */
.wrapper {
  background-image: none;
  background-color: #ede7d8;
  box-shadow: 0 0 8px rgba(0,0,0,0.25);
}

/* ── 3. Lang selector: aktív nyelv kiemelése ──────────────────────────────── */
.wrapper .lang_selector .hu a,
.wrapper .lang_selector .en a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.wrapper .lang_selector .hu.current a,
.wrapper .lang_selector .en.current a {
  color: #ed6d04;
}
.wrapper .lang_selector .hu a:hover,
.wrapper .lang_selector .en a:hover {
  color: #ed6d04;
  text-decoration: underline;
}

/* ── 4. Fallback (csak egyik nyelven elérhető) notice ─────────────────────── */
.archive-fallback-notice {
  display:none;
}

/* ── 5. Letöltés gomb és fájl oldal ─────────────────────────────────────────  */
.download-btn {
  display: inline-block;
  background: #61772a;
  color: #fff !important;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none !important;
  margin-top: 10px;
  border: 1px solid #4a5e1e;
}
.download-btn:hover { background: #4a5e1e; }
.file-meta { color: #555; font-size: 11px; margin: 6px 0; }
.file-page { max-width: 620px; }
.unavailable {
  color: #a00;
  background: #fde8e8;
  padding: 8px 12px;
  border: 1px solid #f5c6cb;
  margin-top: 10px;
}

/* ── 6. Nyelv tag (HU/EN jelölő ha nincs fordítás) ───────────────────────── */
.lang-tag {
  display: none;
  font-size: 9px;
  font-weight: bold;
  background: #ddd;
  color: #555;
  padding: 1px 3px;
  vertical-align: middle;
  margin-left: 3px;
}

/* ── 7. Hírlista és hír részletező ───────────────────────────────────────── */
.news-list { margin-top: 8px; }
.news-item {
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}
.news-item:last-child { border-bottom: none; }
.news-date { font-size: 10px; color: #777; }
.news-item h3 { margin: 2px 0; font-size: 13px; }
.news-lead { margin: 2px 0; color: #555; font-size: 11px; }
.breadcrumb { font-size: 11px; color: #666; margin-bottom: 8px; }
p.lead { font-size: 13px; font-weight: bold; color: #333; margin: 6px 0 10px; }
.news-body { line-height: 1.6; }
.attachments {
  margin-top: 14px;
  padding: 8px 12px;
  background: #f5f3ed;
  border: 1px solid #ddd;
}
.attachments h4 { margin: 0 0 5px; font-size: 12px; color: #61772a; }
.attachments ul { margin: 0; padding-left: 14px; }
.attachments li { margin: 3px 0; font-size: 12px; }
.dl-link { font-weight: bold; }
.info-link { font-size: 11px; color: #888; margin-left: 4px; }

/* ── 8. Kategória bevezető ───────────────────────────────────────────────── */
.cat-intro { margin-bottom: 10px; color: #444; font-size: 12px; }

/* ── 9. Publikációk lista ────────────────────────────────────────────────── */
.pub-list { list-style: none; padding: 0; margin: 10px 0; }
.pub-list li { padding: 5px 0; border-bottom: 1px solid #ddd; font-size: 13px; }
.pub-list li:last-child { border-bottom: none; }
.count { color: #888; font-size: 11px; }

/* ── 10. Kutatók grid ────────────────────────────────────────────────────── */
.profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.profile-card {
  background: #f9f8f4;
  border: 1px solid #ddd;
  padding: 8px 10px;
}
.profile-card h3 { margin: 0 0 3px; font-size: 13px; }
.profile-pos { margin: 0; font-size: 11px; color: #666; }
.profile-body { margin-top: 8px; line-height: 1.6; }

/* ── 11. Főoldal hírblokk ────────────────────────────────────────────────── */
.home-body { margin-bottom: 14px; line-height: 1.6; }
.home-news-list { list-style: none; padding: 0; margin: 6px 0; }
.home-news-list li {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
}
.home-news-list li time { color: #888; font-size: 10px; margin-right: 5px; }

/* ── 12. Kereső oldal ───────────────────────────────────────────────────── */
.search-result { border-bottom: 1px solid #ddd; padding: 8px 0; }
.search-result a { font-size: 13px; color: #222; }
.search-result p { margin: 2px 0 0; color: #555; font-size: 11px; }
mark { background: #fff3a0; }