/* === AKTUALITĀTES (aktualitates.html) — notikumu atskats / ziņu arhīvs ===
   Virsraksts, pogas — style.css */

.ak-wrap { max-width: 1365px; margin: 32px auto 56px; padding: 0 24px; }

/* ── FILTRI ──────────────────────────────────────────── */
.ak-tools {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: var(--light-bg); border-radius: 12px; padding: 12px; margin-bottom: 14px;
}

.ak-select, .ak-search {
  display: flex; align-items: center; gap: 8px; background: #fff;
  border: 1px solid var(--border); border-radius: 9px; padding: 0 12px; height: 40px;
}

.ak-select select {
  border: none; outline: none; background: transparent; font-family: inherit;
  font-size: 13px; font-weight: 600; color: var(--text); cursor: pointer; height: 100%;
}

.ak-select svg, .ak-search svg { color: var(--muted); flex-shrink: 0; }
.ak-search { flex: 1; min-width: 220px; }
.ak-search input { border: none; outline: none; font-family: inherit; font-size: 13px; width: 100%; background: transparent; }

.ak-reset { font-family: inherit; font-size: 13px; font-weight: 600; color: var(--blue); background: none; border: none; cursor: pointer; padding: 0 8px; }
.ak-reset:hover { text-decoration: underline; }

.ak-count { font-size: 13px; color: var(--muted); margin-bottom: 18px; }
.ak-count b { color: var(--text); font-weight: 600; }

/* ── KARTĪTES (kā sākumlapā) ─────────────────────────── */
.ak-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; }

.ak-card { display: flex; flex-direction: column; gap: 8px; }

.ak-img { aspect-ratio: 16/9; border-radius: 8px; background: #c8cdd8; overflow: hidden; margin-bottom: 4px; }
.ak-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.ak-card:hover .ak-img img { transform: scale(1.04); }

.ak-meta { display: flex; align-items: center; gap: 8px; font-size: 10.5px; font-weight: 600; letter-spacing: .5px; color: var(--muted); }
.ak-meta .tag { font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tag); }

.ak-card h3 { font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--text); transition: color .15s; }
.ak-card:hover h3 { color: var(--blue); }
.ak-card p { font-size: 13px; line-height: 1.55; color: var(--muted); }
.ak-card .read-more { margin-top: auto; font-size: 13px; font-weight: 600; color: var(--navy); }

.ak-empty { text-align: center; font-size: 14px; color: var(--muted); font-style: italic; padding: 50px 0; }

.ak-more { display: flex; justify-content: center; margin-top: 32px; }

@media (max-width: 1000px) { .ak-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px)  { .ak-wrap { padding: 0 16px; } .ak-grid { grid-template-columns: minmax(0, 1fr); } .ak-search { min-width: 100%; } }