/* ============ MOME Magazines – custom skin ============ */

/* színek */
.mome-mags {
  --bd: #000;
  --ink: #111;
  --muted: #6b7280;
  --divider: #e5e7eb;
  --hover-bg: #efffed;        /* halványzöld hover háttér */
  --hover-bd: #b7e21f;        /* banánzöld keret hoverre */
  --accent:  #b7e21f;         /* banánzöld kiemelés (aktív betű) */
  --shadow:  0 2px 10px rgba(0,0,0,.06);
}

/* felső keretes doboz marad szögletes/fekete-fehér — csak spacing finomítás */
.mome-mags-top { gap: .625rem; }

/* A–Z + ÖSSZES gombok: aktív = banánzöld */
.mome-mags-az .az-btn {
  border: 1px solid var(--bd);
  background: #fff;
  color: #000;
  font-weight: 700;
  letter-spacing: .02em;
}
.mome-mags-az .az-btn.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #000;
}

/* kereső */
.mome-mags-search {
  border: 1px solid var(--bd);
  background: #fff;
  color: #000;
}

/* találatszám */
.mome-mags-hint {
  color: var(--muted);
  margin-top: .25rem;
}

/* RÁCS: sűrűbb, egymagas kártyák */
.mome-mags-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  align-items: stretch; /* azonos magasság soron belül */
}

/* kártyák – egymagas + elválasztók + finom hover */
.mome-mag-card {
  border: 1px solid var(--bd);
  background: #fff;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 200px;              /* <- egymagasság (ha magasabb tartalom, ölég rugalmas) */
  box-shadow: none;
  transition: box-shadow .15s ease, background-color .15s ease, border-color .15s ease, transform .08s ease;
}
.mome-mag-card:hover {
  background: var(--hover-bg);
  border-color: var(--hover-bd);
  box-shadow: var(--shadow);
  transform: translateY(-1px);
}

/* cím – felső blokk; alá halvány elválasztó */
.mome-mag-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ink);
  padding-bottom: .45rem;
  border-bottom: 1px solid var(--divider);
}

/* meta-sorok – halványabb tipó és további elválasztó a két blokk között */
.mome-mag-card p {
  margin: .45rem 0 0;
  font-size: .95rem;
  color: var(--muted);
}
.mome-mag-card p strong {
  color: var(--ink);
  font-weight: 700;
}

/* a legelső meta blokk (Utolsó szám) kapjon kis „lélegzetet” a cím alatt */
.mome-mag-card p:first-of-type {
  margin-top: .6rem;
}

/* kisebb kijelzőn picit nagyobb rács-sűrűség */
@media (max-width: 640px){
  .mome-mags-grid { gap: 12px; }
  .mome-mag-card { min-height: 180px; }
}